.home-place:has(.wx-card){z-index:10;position:relative}.home-location[data-weather]{position:relative}.wx-card{z-index:30;aspect-ratio:16/9;isolation:isolate;background:var(--c1);width:18.5rem;color:var(--ink);white-space:nowrap;cursor:default;pointer-events:none;opacity:0;transform-origin:2rem 0;transition:opacity .18s var(--ease-out), scale .32s var(--ease-out), translate .32s var(--ease-out);border-radius:.875rem;display:none;position:absolute;top:calc(100% + .75rem);left:-.25rem;overflow:hidden;translate:0 -6px;scale:.96;box-shadow:0 24px 48px -20px #0000008c,0 2px 8px #0003;box-shadow:0 24px 48px -20px lab(0% 0 0/.55),0 2px 8px lab(0% 0 0/.2)}.wx-card:after{content:"";z-index:4;border-radius:inherit;background:linear-gradient(118deg,#ffffff12 0%,#ffffff05 22%,#0000 38% 100%);background:linear-gradient(118deg,lab(100% 0 0/.07) 0%,lab(100% 0 0/.02) 22%,#0000 38% 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff24;box-shadow:inset 0 0 0 1px lab(100% 0 0/.1),inset 0 1px lab(100% 0 0/.14)}@media (prefers-color-scheme:dark){.wx-card{box-shadow:0 0 0 1px #00000059,0 2px 6px #00000059,0 16px 40px -8px #0000008c;box-shadow:0 0 0 1px lab(0% 0 0/.35),0 2px 6px lab(0% 0 0/.35),0 16px 40px -8px lab(0% 0 0/.55)}}.wx-card[data-time=night]:after{background:linear-gradient(118deg,#ffffff09 0%,#0000 30%);background:linear-gradient(118deg,lab(100% 0 0/.035) 0%,#0000 30%);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;box-shadow:inset 0 0 0 1px lab(100% 0 0/.08),inset 0 1px lab(100% 0 0/.1)}@media (hover:hover) and (pointer:fine){.wx-card{display:block}.home-location:is(:hover,:focus-visible) .wx-card{opacity:1;translate:0;scale:1}}.wx-card[data-open]{opacity:1;display:block;position:relative;inset:auto;translate:0;scale:1}.wx-layer{width:100%;height:100%;position:absolute;inset:0}.wx-mesh{background:radial-gradient(46% 62% at 22% 16%, var(--c2), transparent 72%), radial-gradient(38% 50% at 58% 46%, var(--c0), transparent 72%), radial-gradient(44% 56% at 86% 22%, var(--c3), transparent 72%), radial-gradient(40% 48% at 18% 84%, var(--c0), transparent 72%), radial-gradient(40% 44% at 62% 96%, var(--c2), transparent 72%), var(--c1)}.wx-fall{z-index:1}.wx-body{z-index:2;text-shadow:0 0 1.25rem color-mix(in oklab, var(--halo) 55%, transparent);justify-content:space-between;align-items:last baseline;padding:0 .875rem .875rem 1rem;display:flex;position:absolute;inset:0}@supports not (align-items:last baseline){.wx-body{align-items:flex-end}}.wx-where{flex-direction:column;gap:.375rem;display:flex}.wx-range{font-size:var(--text-xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-meta);font-variant-numeric:tabular-nums;opacity:.82;gap:.5rem;line-height:1;display:flex}.wx-range-item{align-items:center;gap:.125rem;display:inline-flex}.wx-range-item svg{width:.75rem;height:.75rem}.wx-place{font-size:var(--text-title);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);line-height:1}.wx-temp{letter-spacing:-.05em;font-size:3.5rem;font-weight:250;line-height:.74;display:block}.wx-deg{letter-spacing:0;vertical-align:.62em;margin-left:.07em;font-size:.56em;font-weight:250;line-height:0;display:inline-block}@media (prefers-reduced-motion:reduce){.wx-card{transition:opacity .12s linear;translate:0;scale:1}}