.brand.weather-text-material:after{content:none}
.pane-frost{filter:none}
.pane-glaze{background:linear-gradient(118deg,transparent 20%,#e9faff24 34%,transparent 39%,transparent 66%,#d3efff14 71%,transparent 76%)}
.weather-material{position:relative}
.weather-material>.element-weather{position:absolute;z-index:2;pointer-events:none;max-width:none;max-height:none}
.panel,.metrics article{box-shadow:var(--shadow-x,0px) var(--shadow-y,12px) 26px #10293635,inset 0 1px 0 #ffffffa6}
.weather-material:not(.weather-text-material){filter:brightness(calc(var(--card-light,1) - var(--surface-damp,0)*.18 + var(--surface-cold,0)*.04)) saturate(calc(1 + var(--surface-damp,0)*.08 - var(--surface-cold,0)*.14))}
.weather-text-material{filter:brightness(calc(1 - var(--surface-damp,0)*.055 + var(--surface-cold,0)*.025));text-shadow:none}
.intro h1.weather-text-material{text-shadow:0 2px 18px #16293940}
.header{backdrop-filter:none;background:#203744f5;isolation:isolate}
.header:after,.weather-footer:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 12%,#d9f6ff20 24%,transparent 37%,#e6faff12 81%,transparent 92%);opacity:calc(var(--weather-rain,0)*.65 + var(--weather-cold,0)*.35);box-shadow:inset 0 -1px 0 rgba(204,239,251,calc(var(--weather-cold,0)*.7))}
.weather-footer{isolation:isolate;backdrop-filter:none}
.tabs a,.header button,#refresh{transition:background-color .18s,border-color .18s,box-shadow .18s}
.weather-material:is(button,a,select){backdrop-filter:none}
.weather-material:not(.weather-text-material):is(button,a):is(:hover,:focus-visible),.tabs a[aria-current=location]{background-color:#d9e9e3;color:#24434b;border-color:#d3edf4;box-shadow:inset 0 1px 0 rgba(255,255,255,calc(.25 + var(--weather-cold,0)*.4)),0 2px 7px rgba(9,31,46,calc(.12 + var(--weather-rain,0)*.14));filter:brightness(1)}
.weather-material:not(.weather-text-material):is(button,a):active{background-color:#bfd8d5;box-shadow:inset 0 2px 5px #163f4e35}
.weather-material:is(button,a):focus-visible,select:focus-visible{outline:2px solid #d5efff;outline-offset:3px}
.weather-material:is(button,a):is(:hover,:focus-visible)>.element-weather{opacity:.92}
.panel .element-weather{mix-blend-mode:normal}
.weather-motion{position:absolute;inset:0;z-index:3;pointer-events:none;contain:layout style}
.weather-contact{position:absolute;left:0;top:0;width:8px;height:12px;transform-origin:center;pointer-events:none}
.weather-contact[hidden]{display:none}
.weather-contact-drop{border-radius:43% 57% 53% 47%/35% 40% 60% 65%;background:radial-gradient(ellipse at 30% 21%,#f6ffffcc 0 6%,transparent 15%),radial-gradient(ellipse at 52% 68%,#123b5055,transparent 72%);box-shadow:inset .5px 0 .3px #daf8ff80,inset -.4px -.5px .5px #183d5860}
.weather-contact-ring{border:1px solid #e6f8ffb3;border-radius:47% 53% 49% 51%/50%;background:none}
.weather-contact-crown{border:1px solid #e6f8ffb3;border-top-color:transparent;border-radius:0 0 55% 45%;background:radial-gradient(circle at 8% 18%,#efffff 0 8%,transparent 12%),radial-gradient(circle at 88% 22%,#efffff 0 7%,transparent 11%)}
.weather-text-material{--ink-wet:min(1,max(var(--surface-damp,0),var(--weather-sheen,0))*(1 - var(--surface-cold,0)));filter:brightness(calc(1 - var(--ink-wet)*.17 + var(--surface-cold,0)*.025))}
h1.weather-text-material,h1.weather-text-material em{--letter-color:#f1f2ec;background-image:linear-gradient(106deg,transparent 0 27%,rgba(255,255,255,calc(var(--ink-wet)*.95)) 28%,transparent 29% 58%,rgba(222,251,255,calc(var(--ink-wet)*.75)) 59%,transparent 60%),linear-gradient(180deg,transparent 32%,rgba(40,77,95,calc(var(--ink-wet)*.24)) 68%,transparent 94%),linear-gradient(var(--letter-color),var(--letter-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
h1.weather-text-material em{--letter-color:#cee4db;filter:none}
@media(forced-colors:active){h1.weather-text-material,h1.weather-text-material em{background:none;-webkit-text-fill-color:CanvasText}}
.brand.weather-text-material:is(:hover,:focus-visible){background:none;box-shadow:none;color:#f0faf5;filter:brightness(1.12)}
.brand.weather-text-material svg{transition:filter .18s;filter:drop-shadow(0 1px 1px rgba(209,243,255,calc(var(--weather-rain,0)*.15 + var(--weather-cold,0)*.25)))}
.brand.weather-text-material:is(:hover,:focus-visible) svg{filter:drop-shadow(0 0 2px #d7f7ff80)}
.weather-material:not(.weather-text-material){filter:none}
.weather-material:not(.weather-text-material):not(input):not(textarea):not(select):after{opacity:1;background:linear-gradient(rgba(14,39,53,calc(var(--surface-damp,0)*.18)),rgba(14,39,53,calc(var(--surface-damp,0)*.18))),linear-gradient(115deg,transparent 6%,rgba(255,255,255,calc(var(--weather-sheen,0)*.12)) 12%,transparent 18% 76%,rgba(214,245,255,calc(var(--surface-cold,0)*.20)) 82%,transparent 88%);box-shadow:inset 0 -2px 2px rgba(20,43,64,calc(var(--weather-sheen,0)*.3)),inset 1px 0 1px rgba(199,241,255,calc(var(--surface-cold,0)*.5))}
.weather-fine-text{filter:none;text-shadow:none}
.weather-fine-text .element-weather{opacity:.12}
.weather-material:is(button,a,input,select){--weather-touch:0}
.weather-material:not(.weather-text-material):is(button,a):after{box-shadow:inset 0 -2px 2px rgba(20,43,64,calc(var(--weather-sheen,0)*.3)),inset 0 1px 2px rgba(231,251,255,calc(var(--weather-touch,0)*.8 + var(--surface-cold,0)*.22))}
.panel.weather-material:after,.window.weather-material:after,.metrics article.weather-material:after{background:linear-gradient(rgba(14,39,53,calc(var(--surface-damp,0)*.18 + var(--weather-cloud-shadow,0)*.65)),rgba(14,39,53,calc(var(--surface-damp,0)*.18 + var(--weather-cloud-shadow,0)*.65))),linear-gradient(115deg,transparent 6%,rgba(255,255,255,calc(var(--weather-sheen,0)*.12)) 12%,transparent 18% 76%,rgba(214,245,255,calc(var(--surface-cold,0)*.20)) 82%,transparent 88%)}
.service-actions button:hover,.service-actions button:focus-visible{background:#d9e9e3;color:#24434b;border-color:#91b1b5;box-shadow:inset 0 1px 2px rgba(235,252,255,calc(.2 + var(--weather-touch,0)*.55))}
.service-actions button:active{background:#bfd8d5;box-shadow:inset 0 2px 4px #173a4935}

.window.weather-material{position:absolute;filter:none}
.weather-toggle.weather-material{position:absolute;top:88px;right:5.5%;left:auto;bottom:auto;backdrop-filter:none}
.gpu-ready #weather,.gpu-ready .ambient{display:none}.gpu-ready #atmosphere-gpu{z-index:0}.gpu-ready #precipitation-gpu{z-index:10}
.controls{z-index:100;background:#183140;backdrop-filter:none;filter:none;flex-wrap:wrap}.controls-heading{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}.controls-heading strong{font-size:13px;font-weight:500}.controls-close{padding:8px 12px;font-size:12px;background:#bfd9d821;color:#f1f6ed;border:1px solid #c7e1dd38;border-radius:7px}.controls-close:hover{background:#bfd9d83b}.glass-lens{display:none}
.brand{color:#e6eeeb;cursor:default}.brand.weather-text-material{position:relative}.login-form{color-scheme:light}.login-form button,.login-form input{transition:background-color .18s,border-color .18s,box-shadow .18s}
.login-form button:hover{background:#326471;box-shadow:inset 0 1px 0 #def7ff55,0 5px 12px #1b354933}.login-form button:active{background:#234950;box-shadow:inset 0 2px 4px #102b3d45}.login-form input:hover{border-color:#729597}.login-form input:focus-visible{border-color:#547e82;box-shadow:inset 0 1px 3px #162e3510,0 0 0 3px #8ec7d424}
.window .body{position:relative;z-index:3}.window>.element-weather{z-index:2}.window .titlebar{position:relative;z-index:3}.window{box-shadow:var(--shadow-x,0px) var(--shadow-y,22px) 38px #10293645,inset 0 1px 0 #ffffff70}
@media(prefers-reduced-motion:reduce){.brand.weather-text-material svg{transition:none}}
@media(max-width:760px){.weather-toggle.weather-material{top:80px;right:6%}}
