.container.s-s4jn4x{background-color:var(--system-color-light);width:100%;height:100%;color:var(--system-color-light-contrast);border-radius:inherit;font-family:var(--system-font-family);grid-template-columns:13rem 1fr;display:grid;overflow:hidden}.sidebar.s-s4jn4x{background-color:hsla(var(--system-color-dark-hsl), .04);border-right:1px solid hsla(var(--system-color-dark-hsl), .08);flex-direction:column;gap:.4rem;padding:0 .6rem .6rem;display:flex;overflow-y:auto}.side-drag.s-s4jn4x{flex-shrink:0;height:2.5rem}.search.s-s4jn4x{background-color:hsla(var(--system-color-dark-hsl), .07);border-radius:.5rem;align-items:center;gap:.35rem;padding:.35rem .55rem;display:flex}.search.s-s4jn4x svg{opacity:.5;font-size:1rem}.search.s-s4jn4x input:where(.s-s4jn4x){color:inherit;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.sidebar.s-s4jn4x ul:where(.s-s4jn4x){flex-direction:column;gap:.4rem;list-style:none;display:flex}.sidebar.s-s4jn4x li:where(.s-s4jn4x) button:where(.s-s4jn4x){background-color:hsla(var(--system-color-dark-hsl), .06);width:100%;color:inherit;text-align:left;border-radius:.7rem;justify-content:space-between;align-items:center;padding:.6rem .7rem;transition:transform .14s,box-shadow .14s;display:flex}.sidebar.s-s4jn4x li:where(.s-s4jn4x) button:where(.s-s4jn4x):hover{transform:translateY(-1px)}.sidebar.s-s4jn4x li:where(.s-s4jn4x) button.active:where(.s-s4jn4x){color:#fff;box-shadow:0 4px 12px #00000040}.side-info.s-s4jn4x{flex-direction:column;display:flex}.side-city.s-s4jn4x{font-size:.9rem;font-weight:600}.side-cond.s-s4jn4x{opacity:.7;font-size:.72rem}.side-temp.s-s4jn4x{font-size:1.4rem;font-weight:300}.detail.s-s4jn4x{color:#fff;flex-direction:column;align-items:center;gap:.75rem;padding:0 1.25rem 1.5rem;transition:background .5s;display:flex;position:relative;overflow-y:auto}.detail-drag.s-s4jn4x{flex-shrink:0;align-self:stretch;height:1.5rem}.current.s-s4jn4x{text-align:center;z-index:1}.current.s-s4jn4x h1:where(.s-s4jn4x){font-size:1.6rem;font-weight:500}.big-temp.s-s4jn4x{text-shadow:0 2px 12px #00000040;font-size:4.5rem;font-weight:200;line-height:1.1}.cond-row.s-s4jn4x{justify-content:center;align-items:center;gap:.35rem;font-size:1rem;display:flex}.hilo.s-s4jn4x{opacity:.85;margin-top:.15rem;font-size:.85rem}.card.s-s4jn4x{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff29;border:1px solid #ffffff2e;border-radius:.9rem;width:100%;padding:.75rem}.hourly.s-s4jn4x{gap:.5rem;display:flex;overflow-x:auto}.hour.s-s4jn4x{flex-direction:column;align-items:center;gap:.4rem;min-width:3rem;display:flex}.hour-label.s-s4jn4x{opacity:.85;font-size:.78rem}.hour-icon.s-s4jn4x svg{font-size:1.25rem}.hour-temp.s-s4jn4x{font-weight:600}.weekly.s-s4jn4x{flex-direction:column;gap:.15rem;display:flex}.week-row.s-s4jn4x{grid-template-columns:2.5rem 1.6rem 2rem 1fr 2rem;align-items:center;gap:.5rem;padding:.3rem .15rem;display:grid}.week-day.s-s4jn4x{font-weight:500}.week-icon.s-s4jn4x svg{font-size:1.15rem}.week-lo.s-s4jn4x{opacity:.7;text-align:right}.week-bar.s-s4jn4x{background-color:#ffffff40;border-radius:999px;height:5px;position:relative;overflow:hidden}.week-bar-fill.s-s4jn4x{background:linear-gradient(90deg,#56ccf2,#f2c94c);border-radius:999px;height:100%;transition:width .4s,margin-left .4s;position:absolute;top:0}.stats.s-s4jn4x{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.stat.s-s4jn4x{flex-direction:column;gap:.2rem;display:flex}.stat.s-s4jn4x svg{opacity:.85;font-size:1.1rem}.stat-label.s-s4jn4x{opacity:.8;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.stat-value.s-s4jn4x{font-size:1.3rem;font-weight:500}.sun.s-s4jn4x{background:radial-gradient(circle,#fff6b7,#f2c94c);border-radius:50%;width:5rem;height:5rem;animation:4s ease-in-out infinite s-s4jn4x-sun-pulse;position:absolute;top:2rem;right:2.5rem;box-shadow:0 0 40px 12px #f7d56e80}@keyframes s-s4jn4x-sun-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.rain-layer.s-s4jn4x,.cloud-layer.s-s4jn4x{pointer-events:none;position:absolute;inset:0;overflow:hidden}.drop.s-s4jn4x{background:linear-gradient(#fff0,#fff9);width:2px;height:14px;animation-name:s-s4jn4x-rain-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-10%}@keyframes s-s4jn4x-rain-fall{to{transform:translateY(120vh)}}.cloud.s-s4jn4x{filter:blur(4px);background:#ffffff38;border-radius:999px;position:absolute}.cloud.c1.s-s4jn4x{width:8rem;height:2.2rem;animation:16s linear infinite s-s4jn4x-drift;top:2.5rem}.cloud.c2.s-s4jn4x{width:5rem;height:1.6rem;animation:22s linear infinite reverse s-s4jn4x-drift;top:5rem}@keyframes s-s4jn4x-drift{0%{transform:translate(-10rem)}to{transform:translate(120%)}}