/* Today.FM 3.43.0 · Detailwetter */
.weather-page{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:86px 0 110px}.weather-hero{padding:55px 0 42px;border-bottom:1px solid var(--line)}.weather-hero .eyebrow{margin:0 0 12px}.weather-hero h1{margin:0;color:#fff;font:400 clamp(56px,8vw,108px)/.9 'Alata',sans-serif;letter-spacing:-.055em}.weather-hero h1 span{color:var(--green)}.weather-hero>p:last-child{max-width:650px;margin:24px 0 0;color:var(--muted);font-size:14px;line-height:1.8}
.weather-location{margin-top:28px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;background:#0a0d0a;border:1px solid var(--line)}.weather-location form{display:grid;grid-template-columns:minmax(230px,1fr) auto;gap:8px}.weather-location label{display:grid;gap:6px}.weather-location label span{color:#8e978f;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.weather-location input{height:44px;padding:0 13px;color:#fff;background:#050705;border:1px solid var(--line);outline:0}.weather-location input:focus{border-color:var(--green)}.weather-location button{min-height:44px;padding:0 15px;color:#071004;background:var(--green);border:1px solid var(--green);font:900 8px inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.weather-location>button{color:var(--green);background:transparent}.weather-location button:hover{background:#fff;border-color:#fff;color:#071004}.weather-location__results{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.weather-location__results[hidden]{display:none}.weather-location__results button{padding:10px 12px;display:grid;justify-items:start;color:#fff;background:#101411;border-color:var(--line);text-align:left;text-transform:none}.weather-location__results button span{margin-top:3px;color:#7e877f;font-size:8px;font-weight:500}
.weather-status{margin:12px 0 0;color:#818a82;font-size:9px;min-height:15px}.weather-now{margin-top:18px;padding:28px;display:grid;grid-template-columns:minmax(240px,1fr) 120px minmax(180px,.65fr);gap:28px;align-items:center;background:radial-gradient(circle at 74% 30%,rgba(186,255,57,.09),transparent 35%),#090c09;border:1px solid var(--line);border-top:3px solid var(--green)}.weather-now__place small{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.weather-now__place h2{margin:8px 0 10px;color:#fff;font:400 clamp(34px,5vw,56px)/1 'Alata',sans-serif}.weather-now__place p{margin:0;color:#a7afa9;font-size:13px}.weather-now__icon{display:grid;place-items:center;color:var(--green);font:400 72px/1 'Alata',sans-serif}.weather-now__temperature{text-align:right}.weather-now__temperature strong{display:block;color:#fff;font:400 clamp(52px,7vw,78px)/1 'Alata',sans-serif}.weather-now__temperature span{display:block;margin-top:5px;color:var(--green);font-size:11px;font-weight:900;text-transform:uppercase}
.weather-metrics{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.weather-metrics>div{padding:17px;background:#0c100d;border:1px solid var(--line)}.weather-metrics small{display:block;color:#788179;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.weather-metrics strong{display:block;margin-top:7px;color:#f1f4f2;font:400 21px/1 'Alata',sans-serif}
.weather-section{margin-top:58px}.weather-section__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:17px}.weather-section__head h2{margin:0;color:#fff;font:400 clamp(31px,4vw,48px)/1 'Alata',sans-serif}.weather-section__head p{max-width:460px;margin:0;color:#788179;font-size:9px;line-height:1.6}.weather-hourly{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,1fr);gap:7px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.weather-hourly article{min-height:150px;padding:15px 12px;display:grid;justify-items:center;align-content:space-between;background:#0b0f0c;border:1px solid var(--line);text-align:center}.weather-hourly time{color:#8a938b;font-size:8px}.weather-hourly b{color:var(--green);font:400 28px/1 'Alata',sans-serif}.weather-hourly strong{color:#fff;font:400 22px/1 'Alata',sans-serif}.weather-hourly span{color:#818a82;font-size:7px;line-height:1.35}.weather-daily{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.weather-daily article{min-height:195px;padding:17px;display:grid;grid-template-rows:auto 1fr auto auto;background:#0b0f0c;border:1px solid var(--line)}.weather-daily article>div:first-child{display:grid;gap:5px}.weather-daily small{color:var(--green);font-size:8px;font-weight:900;text-transform:uppercase}.weather-daily article>div:first-child strong{color:#fff;font-size:10px}.weather-daily article>b{align-self:center;color:var(--green);font:400 42px/1 'Alata',sans-serif;text-align:center}.weather-day__temps{display:flex;align-items:baseline;justify-content:center;gap:10px}.weather-day__temps strong{color:#fff;font:400 25px 'Alata',sans-serif}.weather-day__temps span{color:#778078;font:400 18px 'Alata',sans-serif}.weather-daily p{margin:10px 0 0;color:#798279;font-size:7px;line-height:1.45;text-align:center}.weather-source{margin-top:18px;color:#697169;font-size:7px}.weather-source a{color:#89928a}.weather-page[data-state="loading"] .weather-now,.weather-page[data-state="loading"] .weather-metrics,.weather-page[data-state="loading"] .weather-section{opacity:.55}.weather-page[data-state="error"] .weather-status{color:#ff94ad}
@media(max-width:900px){.weather-now{grid-template-columns:1fr 90px}.weather-now__temperature{grid-column:1/-1;text-align:left}.weather-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-daily{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-daily article:last-child{grid-column:1/-1}.weather-location__results{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.weather-page{width:calc(100% - 32px);padding:60px 0 85px}.weather-hero{padding:35px 0 28px}.weather-hero h1{font-size:58px}.weather-location{grid-template-columns:1fr;padding:14px}.weather-location form{grid-template-columns:1fr}.weather-location>button,.weather-location form button{width:100%}.weather-location__results{grid-template-columns:1fr}.weather-now{padding:20px 17px;grid-template-columns:1fr 65px;gap:15px}.weather-now__place h2{font-size:34px}.weather-now__icon{font-size:50px}.weather-now__temperature strong{font-size:52px}.weather-metrics{grid-template-columns:1fr 1fr}.weather-metrics>div{padding:14px}.weather-metrics strong{font-size:18px}.weather-section__head{align-items:flex-start;flex-direction:column}.weather-daily{grid-template-columns:1fr}.weather-daily article:last-child{grid-column:auto}}