.piq-preferences{font:12px/1.4 system-ui,sans-serif;background:#e9ede5;color:#1d302f;border-bottom:1px solid #ccd5c7;position:relative;z-index:150}.piq-preferences-inner{max-width:1390px;margin:auto;padding:7px 30px;display:flex;align-items:center;justify-content:space-between;gap:18px}.piq-preferences-brand{font-weight:700;letter-spacing:-.4px;color:inherit;text-decoration:none}.piq-preferences-controls{display:flex;gap:20px}.piq-preferences label{display:flex;align-items:center;gap:8px}.piq-preferences select{font:inherit;padding:5px 26px 5px 9px;border:1px solid #a9b8a4;border-radius:4px;background:#f7f6f1;color:#1d302f;max-width:150px}.piq-preferences select:focus-visible{outline:2px solid #dd5636;outline-offset:2px}:root[data-resolved-theme=dark]{color-scheme:dark;--paper:#111d1c;--bg:#111d1c;--surface:#1c2b29;--card:#1c2b29;--ink:#eef1e9;--text:#eef1e9;--muted:#b7c4bc;--line:#3b504a;--border:#3b504a;--orange:#f68a65;background:#111d1c;color:#eef1e9}html[data-resolved-theme=dark] body{background:#111d1c!important;color:#eef1e9!important}html[data-resolved-theme=dark] [data-piq-surface]{background-color:#1c2b29!important}html[data-resolved-theme=dark] [data-piq-ink]{color:#eef1e9!important}html[data-resolved-theme=dark] [data-piq-muted]{color:#b7c4bc!important}html[data-resolved-theme=dark] :is(input,select,textarea){background-color:#162522!important;color:#eef1e9!important;border-color:#5c7369!important}html[data-resolved-theme=dark] .piq-preferences{background:#1c2b29;color:#eef1e9;border-color:#3b504a}html[data-resolved-theme=dark] .piq-preferences-brand{color:#eef1e9}html[data-resolved-theme=dark] .atlas-contour{stroke:#9ab4a0;opacity:.38}html[data-resolved-theme=dark] .atlas-contour:nth-child(4n){stroke:#f58a66}html[data-resolved-theme=dark] :is(th,td,details,section,header,footer,nav){border-color:#3b504a}html[data-resolved-theme=dark] :is(.piq-footer,.coverage-notes){color:#b7c4bc}html[data-resolved-theme=dark] :is(.bc-map,.bc-map path,#forecast-map path,#bc-map path,.city-svg path){filter:none}html[data-resolved-theme=dark] .atlas-toggle{color:#c5d2c8}@media(max-width:600px){.piq-preferences-inner{padding:7px 14px;gap:8px}.piq-preferences-controls{gap:10px}.piq-preferences label{gap:4px}.piq-preferences label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.piq-preferences select{max-width:125px;font-size:12px;min-height:34px}}
