*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;background-color:#fff;color:#000}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button{border:none;background:none;cursor:pointer}table{border-collapse:collapse;border-spacing:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:""}body{background:linear-gradient(135deg,#d3d3d3,gray)}section{margin:120px 0;padding:0 20px}section.section-background{margin:0;padding-top:120px;padding-bottom:120px}.section__container{max-width:1600px;margin:0 auto}.loader,.loader div{box-sizing:border-box}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;display:none;gap:3px;grid-template-columns:repeat(3,1fr)}.loader div{width:12px;height:12px;border-radius:3px;animation:loader 1.2s linear infinite}.loader div:nth-child(1){animation-delay:0s}.loader div:nth-child(2){animation-delay:-.4s}.loader div:nth-child(3){animation-delay:-.8s}.loader div:nth-child(4){animation-delay:-.4s}.loader div:nth-child(5){animation-delay:-.8s}.loader div:nth-child(6){animation-delay:-1.2s}.loader div:nth-child(7){animation-delay:-.8s}.loader div:nth-child(8){animation-delay:-1.2s}.loader div:nth-child(9){animation-delay:-1.6s}@keyframes loader{0%{background-color:green}20%{background-color:#fdd64b}40%{background-color:#f90}60%{background-color:red}80%{background-color:purple}to{background-color:#639}}@property --skyColor1{syntax: "<color>"; initial-value: #42a5f5; inherits: false;}@property --skyColor2{syntax: "<color>"; initial-value: #1e88e5; inherits: false;}@property --skyColor3{syntax: "<color>"; initial-value: #1565c0; inherits: false;}@property --cloudColor1{syntax: "<color>"; initial-value: #ffffff; inherits: false;}@property --cloudColor2{syntax: "<color>"; initial-value: #e8eef2; inherits: false;}@property --cloudColor3{syntax: "<color>"; initial-value: #cfd8dc; inherits: false;}.square-chart-container{text-align:center}.weather-atmosphere{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.weather-fog{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.snow-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.snow-layer-1,.snow-layer-2{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity .5s}.rain-layer{position:absolute;top:-20px;left:0;width:100%;height:calc(100% + 40px);pointer-events:none}.rain-layer-1,.rain-layer-2,.rain-layer-3,.rain-layer-4{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity .5s}.lightning-layer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:#fff0}.snow-layer-1{background-image:radial-gradient(circle,#fff 2px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.9) 2.5px,transparent 2.5px);background-size:120px 120px,180px 180px;background-position:0 0,60px 90px;animation:snowFall1 8s linear infinite,snowSway1 4s ease-in-out infinite}.snow-layer-2{background-image:radial-gradient(circle,rgba(255,255,255,.85) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.8) 2px,transparent 2px);background-size:150px 150px,200px 200px;background-position:30px 40px,100px 120px;animation:snowFall2 10s linear infinite,snowSway2 4s ease-in-out infinite}.ground-layer{position:absolute;bottom:0;left:0;width:100%;height:200px;pointer-events:none;z-index:0;overflow:hidden}.ground{position:absolute;bottom:-60px;width:120%;height:120px;border-radius:50% 50% 0 0;transition:background .5s}.ground-back{left:-15%;transform:rotate(-2deg);background:#2d5a27}.ground-front{left:-5%;bottom:-70px;transform:rotate(1.5deg);background:#3d7a37}.cloud-layer{position:absolute;top:-40px;left:0;width:100%;height:180px;pointer-events:none;overflow:visible;transform:translateY(-100%);transition:transform .5s}.cloud{position:absolute;border-radius:50%;transition:--cloudColor1 .5s,--cloudColor2 .5s,--cloudColor3 .5s,transform .5s}.cloud-1{width:20%;height:120px;top:-25px;left:-5%;background:radial-gradient(ellipse 80% 60% at 50% 30%,var(--cloudColor1) 0%,var(--cloudColor2) 40%,var(--cloudColor3) 100%)}@media (max-width: 1200px){.cloud-1{height:90px}}@media (max-width: 600px){.cloud-1{height:60px;top:10px;width:25%}}.cloud-2{width:30%;height:200px;top:-65px;left:10%;background:radial-gradient(ellipse 70% 50% at 45% 35%,var(--cloudColor1) 0%,var(--cloudColor2) 35%,var(--cloudColor3) 100%)}@media (max-width: 1200px){.cloud-2{height:140px}}@media (max-width: 600px){.cloud-2{height:100px;top:-30px}}.cloud-3{width:35%;height:140px;top:-35px;left:30%;background:radial-gradient(ellipse 75% 55% at 55% 30%,var(--cloudColor1) 0%,var(--cloudColor2) 40%,var(--cloudColor3) 100%)}@media (max-width: 1200px){.cloud-3{height:100px}}@media (max-width: 600px){.cloud-3{height:70px;top:0}}.cloud-4{width:25%;height:110px;top:-10px;left:55%;background:radial-gradient(ellipse 80% 60% at 40% 35%,var(--cloudColor1) 0%,var(--cloudColor2) 35%,var(--cloudColor3) 100%)}@media (max-width: 1200px){.cloud-4{height:80px}}@media (max-width: 600px){.cloud-4{height:55px;top:10px;width:30%}}.cloud-5{width:30%;height:160px;top:-30px;right:-40px;background:radial-gradient(ellipse 70% 55% at 50% 30%,var(--cloudColor1) 0%,var(--cloudColor2) 40%,var(--cloudColor3) 100%)}@media (max-width: 1200px){.cloud-5{height:120px}}@media (max-width: 600px){.cloud-5{height:80px;top:-10px;width:35%}}.weather-icon{position:absolute;top:40px;right:10%;width:120px;height:120px;opacity:0;transition:opacity .5s}.weather-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;transition:max-width .5s,max-height .5s,background .5s,box-shadow .5s}.weather-fog{opacity:0;transition:opacity .5s}.fog-layer{position:absolute;width:300%;height:200%;pointer-events:none;transform-origin:center center;filter:blur(40px)}.fog-1{top:-50%;left:-100%;opacity:1;animation:fogHorizontal1 45s ease-in-out infinite;background-image:radial-gradient(ellipse 1800px 900px at 10% 20%,rgba(200,200,200,.5) 0%,transparent 50%),radial-gradient(ellipse 1400px 750px at 40% 50%,rgba(210,210,210,.4) 0%,transparent 55%),radial-gradient(ellipse 1600px 850px at 75% 30%,rgba(195,195,195,.45) 0%,transparent 50%),radial-gradient(ellipse 1200px 650px at 90% 70%,rgba(205,205,205,.35) 0%,transparent 55%)}.fog-2{top:-80%;left:-50%;opacity:.9;animation:fogVertical1 50s ease-in-out infinite;background-image:radial-gradient(ellipse 1500px 800px at 20% 15%,rgba(190,190,190,.45) 0%,transparent 55%),radial-gradient(ellipse 1300px 700px at 55% 45%,rgba(200,200,200,.4) 0%,transparent 50%),radial-gradient(ellipse 1100px 600px at 80% 25%,rgba(210,210,210,.35) 0%,transparent 55%),radial-gradient(ellipse 1400px 750px at 35% 75%,rgba(195,195,195,.45) 0%,transparent 50%)}.fog-3{top:-30%;left:-120%;opacity:.95;animation:fogDiagonal1 55s ease-in-out infinite;background-image:radial-gradient(ellipse 1700px 900px at 15% 40%,rgba(185,185,185,.5) 0%,transparent 55%),radial-gradient(ellipse 1300px 700px at 50% 20%,rgba(200,200,200,.35) 0%,transparent 50%),radial-gradient(ellipse 1500px 800px at 85% 60%,rgba(195,195,195,.45) 0%,transparent 55%)}.fog-4{top:-40%;left:0%;opacity:.85;animation:fogHorizontal2 40s ease-in-out infinite;background-image:radial-gradient(ellipse 1400px 750px at 25% 35%,rgba(200,200,200,.4) 0%,transparent 55%),radial-gradient(ellipse 1600px 850px at 60% 65%,rgba(190,190,190,.45) 0%,transparent 50%),radial-gradient(ellipse 1200px 650px at 80% 25%,rgba(205,205,205,.35) 0%,transparent 55%),radial-gradient(ellipse 1500px 800px at 40% 80%,rgba(195,195,195,.4) 0%,transparent 55%)}.fog-5{top:20%;left:-70%;opacity:.9;animation:fogVertical2 48s ease-in-out infinite;background-image:radial-gradient(ellipse 1600px 850px at 30% 55%,rgba(185,185,185,.45) 0%,transparent 55%),radial-gradient(ellipse 1300px 700px at 65% 30%,rgba(200,200,200,.4) 0%,transparent 50%),radial-gradient(ellipse 1500px 800px at 20% 75%,rgba(195,195,195,.45) 0%,transparent 55%),radial-gradient(ellipse 1400px 750px at 85% 50%,rgba(205,205,205,.35) 0%,transparent 55%)}@keyframes fogHorizontal1{0%{transform:translate(0) translateY(0) scale(1);opacity:.9}25%{transform:translate(25%) translateY(10%) scale(1.2);opacity:.75}50%{transform:translate(50%) translateY(-5%) scale(1.1);opacity:.95}75%{transform:translate(35%) translateY(15%) scale(1.3);opacity:.7}to{transform:translate(0) translateY(0) scale(1);opacity:.9}}@keyframes fogHorizontal2{0%{transform:translate(0) translateY(0) scale(1);opacity:.85}30%{transform:translate(-30%) translateY(8%) scale(1.25);opacity:.7}60%{transform:translate(-45%) translateY(-10%) scale(1.15);opacity:.9}to{transform:translate(0) translateY(0) scale(1);opacity:.85}}@keyframes fogVertical1{0%{transform:translate(0) translateY(0) scale(1);opacity:.9}20%{transform:translate(8%) translateY(25%) scale(1.15);opacity:.8}45%{transform:translate(-5%) translateY(50%) scale(1.3);opacity:.65}70%{transform:translate(10%) translateY(35%) scale(1.2);opacity:.85}to{transform:translate(0) translateY(0) scale(1);opacity:.9}}@keyframes fogVertical2{0%{transform:translate(0) translateY(0) scale(1);opacity:.9}35%{transform:translate(-10%) translateY(-35%) scale(1.2);opacity:.75}65%{transform:translate(12%) translateY(-55%) scale(1.35);opacity:.6}to{transform:translate(0) translateY(0) scale(1);opacity:.9}}@keyframes fogDiagonal1{0%{transform:translate(0) translateY(0) scale(1);opacity:.95}25%{transform:translate(30%) translateY(20%) scale(1.2);opacity:.75}50%{transform:translate(55%) translateY(40%) scale(1.4);opacity:.6}75%{transform:translate(35%) translateY(25%) scale(1.15);opacity:.85}to{transform:translate(0) translateY(0) scale(1);opacity:.95}}.weather-clear.weather-day.homepage-main{--skyColor1: #42a5f5;--skyColor2: #1e88e5;--skyColor3: #1565c0}.weather-clear.weather-day .ground-back{background:#2d5a27}.weather-clear.weather-day .ground-front{background:#5a9b4c}.weather-clear.weather-day .weather-icon{opacity:1}.weather-clear.weather-day .weather-icon:before{max-width:60px;max-height:60px;background:#ffd54f;box-shadow:0 0 60px 20px #ffd54f99,0 0 100px 40px #ffb74d66,0 0 140px 60px #ff980033;animation:sunPulse 4s ease-in-out infinite}.weather-few-clouds.weather-day.homepage-main{--skyColor1: #64b5f6;--skyColor2: #42a5f5;--skyColor3: #1e88e5}.weather-few-clouds.weather-day .ground-back{background:#2a5424}.weather-few-clouds.weather-day .ground-front{background:#559248}.weather-few-clouds.weather-day .cloud-layer{transform:translateY(0)}.weather-few-clouds.weather-day .cloud-3,.weather-few-clouds.weather-day .cloud-4{transform:translateY(-200%)}.weather-few-clouds.weather-day .cloud{--cloudColor1: #ffffff;--cloudColor2: #f0f4f7;--cloudColor3: #e0e8ec}.weather-few-clouds.weather-day .weather-icon{opacity:1}.weather-few-clouds.weather-day .weather-icon:before{max-width:50px;max-height:50px;background:#ffd54f;box-shadow:0 0 50px 15px #ffd54f80,0 0 80px 30px #ffb74d4d}.weather-scattered-clouds.weather-day.homepage-main{--skyColor1: #90a4ae;--skyColor2: #78909c;--skyColor3: #607d8b}.weather-scattered-clouds.weather-day .ground-back{background:#3d5c38}.weather-scattered-clouds.weather-day .ground-front{background:#5a7d54}.weather-scattered-clouds.weather-day .cloud-layer{transform:translateY(0)}.weather-scattered-clouds.weather-day .cloud{--cloudColor1: #f8fafb;--cloudColor2: #e5eaed;--cloudColor3: #cdd5da}.weather-broken-clouds.weather-day.homepage-main{--skyColor1: #78909c;--skyColor2: #607d8b;--skyColor3: #546e7a}.weather-broken-clouds.weather-day .ground-back{background:#3a5435}.weather-broken-clouds.weather-day .ground-front{background:#577551}.weather-broken-clouds.weather-day .cloud-layer{transform:translateY(0)}.weather-broken-clouds.weather-day .cloud{--cloudColor1: #d8dfe3;--cloudColor2: #b8c4ca;--cloudColor3: #98a8b0}.weather-shower-rain.weather-day.homepage-main{--skyColor1: #607d8b;--skyColor2: #546e7a;--skyColor3: #455a64}.weather-shower-rain.weather-day .ground-back{background:#2e4a2a}.weather-shower-rain.weather-day .ground-front{background:#4a6c45}.weather-shower-rain.weather-day .cloud-layer{transform:translateY(0)}.weather-shower-rain.weather-day .cloud{--cloudColor1: #a8b5bc;--cloudColor2: #8a9aa3;--cloudColor3: #6d7f89}.weather-shower-rain.weather-day .rain-layer-1,.weather-shower-rain.weather-day .rain-layer-2,.weather-shower-rain.weather-day .rain-layer-3,.weather-shower-rain.weather-day .rain-layer-4{opacity:1}.weather-shower-rain.weather-day .rain-layer-1{background-image:radial-gradient(ellipse 2px 8px at 50% 50%,rgba(174,194,224,.7) 0%,rgba(174,194,224,.3) 50%,transparent 100%),radial-gradient(ellipse 2px 6px at 50% 50%,rgba(174,194,224,.6) 0%,rgba(174,194,224,.2) 50%,transparent 100%);background-size:50px 80px,70px 100px;background-position:0 0,30px 40px;animation:rainFall1 .5s linear infinite}.weather-shower-rain.weather-day .rain-layer-2{background-image:radial-gradient(ellipse 2px 10px at 50% 50%,rgba(174,194,224,.6) 0%,rgba(174,194,224,.2) 50%,transparent 100%),radial-gradient(ellipse 2px 7px at 50% 50%,rgba(174,194,224,.5) 0%,rgba(174,194,224,.15) 50%,transparent 100%);background-size:70px 100px,56px 90px;background-position:20px 0,0 50px;animation:rainFall2 .55s linear infinite;transform:rotate(5deg)}.weather-shower-rain.weather-day .rain-layer-3{background-image:radial-gradient(ellipse 2px 6px at 50% 50%,rgba(174,194,224,.55) 0%,rgba(174,194,224,.2) 50%,transparent 100%),radial-gradient(ellipse 2px 8px at 50% 50%,rgba(174,194,224,.5) 0%,rgba(174,194,224,.15) 50%,transparent 100%);background-size:32px 90px,44px 80px;background-position:16px 30px,36px 16px;animation:rainFall3 .45s linear infinite;transform:rotate(5deg)}.weather-shower-rain.weather-day .rain-layer-4{background-image:radial-gradient(ellipse 2px 9px at 50% 50%,rgba(174,194,224,.6) 0%,rgba(174,194,224,.25) 50%,transparent 100%),radial-gradient(ellipse 2px 5px at 50% 50%,rgba(174,194,224,.45) 0%,rgba(174,194,224,.1) 50%,transparent 100%);background-size:56px 84px,76px 96px;background-position:24px 10px,6px 60px;animation:rainFall4 .4s linear infinite}.weather-rain.weather-day.homepage-main{--skyColor1: #546e7a;--skyColor2: #455a64;--skyColor3: #37474f}.weather-rain.weather-day .ground-back{background:#263d23}.weather-rain.weather-day .ground-front{background:#425d3e}.weather-rain.weather-day .cloud-layer{transform:translateY(0)}.weather-rain.weather-day .cloud{--cloudColor1: #8a9aa3;--cloudColor2: #6d7f89;--cloudColor3: #526570}.weather-rain.weather-day .rain-layer-1,.weather-rain.weather-day .rain-layer-2{opacity:1}.weather-rain.weather-day .rain-layer-1{background-image:radial-gradient(ellipse 2px 8px at 50% 50%,rgba(174,194,224,.7) 0%,rgba(174,194,224,.3) 50%,transparent 100%),radial-gradient(ellipse 2px 6px at 50% 50%,rgba(174,194,224,.6) 0%,rgba(174,194,224,.2) 50%,transparent 100%);background-size:60px 80px,90px 100px;background-position:0 0,40px 50px;animation:rainFall1 .5s linear infinite}.weather-rain.weather-day .rain-layer-2{background-image:radial-gradient(ellipse 2px 10px at 50% 50%,rgba(174,194,224,.55) 0%,rgba(174,194,224,.2) 50%,transparent 100%),radial-gradient(ellipse 2px 6px at 50% 50%,rgba(174,194,224,.45) 0%,rgba(174,194,224,.1) 50%,transparent 100%);background-size:80px 100px,64px 90px;background-position:10px 0,36px 60px;animation:rainFall2 .55s linear infinite}.weather-thunderstorm.weather-day.homepage-main{--skyColor1: #455a64;--skyColor2: #37474f;--skyColor3: #263238}.weather-thunderstorm.weather-day .ground-back{background:#1e301c}.weather-thunderstorm.weather-day .ground-front{background:#384d35}.weather-thunderstorm.weather-day .cloud-layer{transform:translateY(0)}.weather-thunderstorm.weather-day .cloud{--cloudColor1: #6d7f89;--cloudColor2: #526570;--cloudColor3: #3a4a54}.weather-thunderstorm.weather-day .rain-layer-1,.weather-thunderstorm.weather-day .rain-layer-2,.weather-thunderstorm.weather-day .rain-layer-3,.weather-thunderstorm.weather-day .rain-layer-4{opacity:1}.weather-thunderstorm.weather-day .rain-layer-1{background-image:radial-gradient(ellipse 2px 10px at 50% 50%,rgba(174,194,224,.8) 0%,rgba(174,194,224,.4) 50%,transparent 100%),radial-gradient(ellipse 2px 8px at 50% 50%,rgba(174,194,224,.7) 0%,rgba(174,194,224,.3) 50%,transparent 100%);background-size:40px 40px,60px 100px;background-position:0 0,24px 36px;animation:rainFall1 .35s linear infinite}.weather-thunderstorm.weather-day .rain-layer-2{background-image:radial-gradient(ellipse 2px 8px at 50% 50%,rgba(174,194,224,.7) 0%,rgba(174,194,224,.3) 50%,transparent 100%),radial-gradient(ellipse 2px 10px at 50% 50%,rgba(174,194,224,.6) 0%,rgba(174,194,224,.2) 50%,transparent 100%);background-size:56px 100px,44px 90px;background-position:16px 0,0 40px;animation:rainFall2 .32s linear infinite;transform:rotate(5deg)}.weather-thunderstorm.weather-day .rain-layer-3{background-image:radial-gradient(ellipse 2px 7px at 50% 50%,rgba(174,194,224,.65) 0%,rgba(174,194,224,.25) 50%,transparent 100%),radial-gradient(ellipse 2px 9px at 50% 50%,rgba(174,194,224,.55) 0%,rgba(174,194,224,.2) 50%,transparent 100%);background-size:64px 90px,36px 40px;background-position:20px 24px,50px 10px;animation:rainFall3 .28s linear infinite;transform:rotate(5deg)}.weather-thunderstorm.weather-day .rain-layer-4{background-image:radial-gradient(ellipse 2px 10px at 50% 50%,rgba(174,194,224,.7) 0%,rgba(174,194,224,.3) 50%,transparent 100%),radial-gradient(ellipse 2px 6px at 50% 50%,rgba(174,194,224,.5) 0%,rgba(174,194,224,.15) 50%,transparent 100%);background-size:48px 84px,68px 96px;background-position:6px 10px,30px 50px;animation:rainFall4 .3s linear infinite}.weather-thunderstorm.weather-day .lightning-layer{display:block;animation:lightning 4s ease-in-out infinite}.weather-snow.weather-day.homepage-main{--skyColor1: #cfd8dc;--skyColor2: #b0bec5;--skyColor3: #90a4ae}.weather-snow.weather-day .ground-back{background:#d5dce0}.weather-snow.weather-day .ground-front{background:#f5f8fa}.weather-snow.weather-day .cloud-layer{transform:translateY(0)}.weather-snow.weather-day .cloud{--cloudColor1: #ffffff;--cloudColor2: #f0f4f6;--cloudColor3: #dce4e8}.weather-snow.weather-day .snow-layer-1,.weather-snow.weather-day .snow-layer-2{opacity:1}.weather-mist.weather-day.homepage-main{--skyColor1: #cfd8dc;--skyColor2: #b0bec5;--skyColor3: #90a4ae}.weather-mist.weather-day .ground-back{background:#6b7d6a}.weather-mist.weather-day .ground-front{background:#7d8f7c}.weather-mist.weather-day .weather-fog{opacity:1}.weather-clear.weather-night.homepage-main{--skyColor1: #283593;--skyColor2: #1a237e;--skyColor3: #0d1b4d}.weather-clear.weather-night .ground-back{background:#1a2e1a}.weather-clear.weather-night .ground-front{background:#344834}.weather-clear.weather-night .weather-atmosphere:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#fff 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1px);background-size:100px 100px,150px 150px,200px 200px;background-position:0 0,50px 50px,100px 25px;animation:starsTwinkle 3s ease-in-out infinite alternate}.weather-clear.weather-night .weather-icon{opacity:1}.weather-clear.weather-night .weather-icon:before{max-width:50px;max-height:50px;background:#eceff1;box-shadow:inset -10px -5px #cfd8dc,0 0 30px 5px #eceff166,0 0 60px 10px #eceff133}.weather-clear.weather-night .weather-icon:after{content:"";position:absolute;top:45%;left:48%;width:8px;height:8px;background:#b0bec580;border-radius:50%;box-shadow:12px 8px 0 3px #b0bec54d,-5px 15px 0 2px #b0bec566}.weather-few-clouds.weather-night.homepage-main{--skyColor1: #303f9f;--skyColor2: #1a237e;--skyColor3: #0d1b4d}.weather-few-clouds.weather-night .ground-back{background:#182918}.weather-few-clouds.weather-night .ground-front{background:#314331}.weather-few-clouds.weather-night .cloud-layer{transform:translateY(0)}.weather-few-clouds.weather-night .cloud-2,.weather-few-clouds.weather-night .cloud-4{transform:translateY(-200%)}.weather-few-clouds.weather-night .cloud{--cloudColor1: #4a5a68;--cloudColor2: #3a4855;--cloudColor3: #2a3842}.weather-few-clouds.weather-night .weather-atmosphere:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#fff 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.6) 1px,transparent 1px);background-size:120px 120px,180px 180px;animation:starsTwinkle 3s ease-in-out infinite alternate}.weather-few-clouds.weather-night .weather-icon{opacity:1}.weather-few-clouds.weather-night .weather-icon:before{max-width:40px;max-height:40px;background:#eceff1;box-shadow:inset -8px -4px #cfd8dc,0 0 25px 5px #eceff14d}.weather-scattered-clouds.weather-night.homepage-main{--skyColor1: #37474f;--skyColor2: #263238;--skyColor3: #1c262b}.weather-scattered-clouds.weather-night .ground-back{background:#1c2b1c}.weather-scattered-clouds.weather-night .ground-front{background:#354535}.weather-scattered-clouds.weather-night .cloud-layer{transform:translateY(0)}.weather-scattered-clouds.weather-night .cloud{--cloudColor1: #5a6a78;--cloudColor2: #485662;--cloudColor3: #36444e}.weather-broken-clouds.weather-night.homepage-main{--skyColor1: #263238;--skyColor2: #1c262b;--skyColor3: #151c20}.weather-broken-clouds.weather-night .ground-back{background:#182518}.weather-broken-clouds.weather-night .ground-front{background:#303e30}.weather-broken-clouds.weather-night .cloud-layer{transform:translateY(0)}.weather-broken-clouds.weather-night .cloud{--cloudColor1: #4e5c68;--cloudColor2: #3c4852;--cloudColor3: #2a363e}.weather-shower-rain.weather-night.homepage-main{--skyColor1: #263238;--skyColor2: #1c262b;--skyColor3: #151c20}.weather-shower-rain.weather-night .ground-back{background:#152215}.weather-shower-rain.weather-night .ground-front{background:#2d3a2d}.weather-shower-rain.weather-night .cloud-layer{transform:translateY(0)}.weather-shower-rain.weather-night .cloud{--cloudColor1: #45535e;--cloudColor2: #343f48;--cloudColor3: #232c34}.weather-shower-rain.weather-night .rain-layer-1,.weather-shower-rain.weather-night .rain-layer-2,.weather-shower-rain.weather-night .rain-layer-3,.weather-shower-rain.weather-night .rain-layer-4{opacity:1}.weather-shower-rain.weather-night .rain-layer-1{background-image:radial-gradient(ellipse 2px 8px at 50% 50%,rgba(100,130,180,.6) 0%,rgba(100,130,180,.25) 50%,transparent 100%),radial-gradient(ellipse 2px 6px at 50% 50%,rgba(100,130,180,.5) 0%,rgba(100,130,180,.2) 50%,transparent 100%);background-size:50px 80px,70px 100px;background-position:0 0,30px 40px;animation:rainFall1 .5s linear infinite}.weather-shower-rain.weather-night .rain-layer-2{background-image:radial-gradient(ellipse 2px 10px at 50% 50%,rgba(100,130,180,.5) 0%,rgba(100,130,180,.15) 50%,transparent 100%),radial-gradient(ellipse 2px 7px at 50% 50%,rgba(100,130,180,.4) 0%,rgba(100,130,180,.1) 50%,transparent 100%);background-size:70px 100px,56px 90px;background-position:20px 0,0 50px;animation:rainFall2 .55s linear infinite;transform:rotate(5deg)}.weather-shower-rain.weather-night .rain-layer-3{background-image:radial-gradient(ellipse 2px 6px at 50% 50%,rgba(100,130,180,.45) 0%,rgba(100,130,180,.15) 50%,transparent 100%),radial-gradient(ellipse 2px 8px at 50% 50%,rgba(100,130,180,.4) 0%,rgba(100,130,180,.1) 50%,transparent 100%);background-size:64px 90px,44px 80px;background-position:16px 30px,36px 16px;animation:rainFall3 .45s linear infinite;transform:rotate(5deg)}.weather-shower-rain.weather-night .rain-layer-4{background-image:radial-gradient(ellipse 2px 9px at 50% 50%,rgba(100,130,180,.5) 0%,rgba(100,130,180,.2) 50%,transparent 100%),radial-gradient(ellipse 2px 5px at 50% 50%,rgba(100,130,180,.35) 0%,rgba(100,130,180,.08) 50%,transparent 100%);background-size:56px 84px,76px 96px;background-position:24px 10px,6px 60px;animation:rainFall4 .4s linear infinite}.weather-rain.weather-night.homepage-main{--skyColor1: #1c262b;--skyColor2: #151c20;--skyColor3: #0d1114}.weather-rain.weather-night .ground-back{background:#121e12}.weather-rain.weather-night .ground-front{background:#2a362a}.weather-rain.weather-night .cloud-layer{transform:translateY(0)}.weather-rain.weather-night .cloud{--cloudColor1: #3c4850;--cloudColor2: #2c3640;--cloudColor3: #1c242c}.weather-rain.weather-night .rain-layer-1,.weather-rain.weather-night .rain-layer-2{opacity:1}.weather-rain.weather-night .rain-layer-1{background-image:radial-gradient(ellipse 2px 8px at 50% 50%,rgba(100,130,180,.6) 0%,rgba(100,130,180,.25) 50%,transparent 100%),radial-gradient(ellipse 2px 6px at 50% 50%,rgba(100,130,180,.5) 0%,rgba(100,130,180,.2) 50%,transparent 100%);background-size:60px 80px,90px 100px;background-position:0 0,40px 50px;animation:rainFall1 .5s linear infinite}.weather-rain.weather-night .rain-layer-2{background-image:radial-gradient(ellipse 2px 10px at 50% 50%,rgba(100,130,180,.45) 0%,rgba(100,130,180,.15) 50%,transparent 100%),radial-gradient(ellipse 2px 6px at 50% 50%,rgba(100,130,180,.35) 0%,rgba(100,130,180,.08) 50%,transparent 100%);background-size:80px 100px,64px 90px;background-position:10px 0,36px 60px;animation:rainFall2 .55s linear infinite}.weather-thunderstorm.weather-night.homepage-main{--skyColor1: #151c20;--skyColor2: #0d1114;--skyColor3: #080b0d}.weather-thunderstorm.weather-night .ground-back{background:#0e180e}.weather-thunderstorm.weather-night .ground-front{background:#242f24}.weather-thunderstorm.weather-night .cloud-layer{transform:translateY(0)}.weather-thunderstorm.weather-night .cloud{--cloudColor1: #354048;--cloudColor2: #252e36;--cloudColor3: #161c22}.weather-thunderstorm.weather-night .rain-layer-1,.weather-thunderstorm.weather-night .rain-layer-2,.weather-thunderstorm.weather-night .rain-layer-3,.weather-thunderstorm.weather-night .rain-layer-4{opacity:1}.weather-thunderstorm.weather-night .rain-layer-1{background-image:radial-gradient(ellipse 2px 10px at 50% 50%,rgba(100,130,180,.7) 0%,rgba(100,130,180,.35) 50%,transparent 100%),radial-gradient(ellipse 2px 8px at 50% 50%,rgba(100,130,180,.6) 0%,rgba(100,130,180,.25) 50%,transparent 100%);background-size:40px 80px,60px 100px;background-position:0 0,24px 36px;animation:rainFall1 .35s linear infinite}.weather-thunderstorm.weather-night .rain-layer-2{background-image:radial-gradient(ellipse 2px 8px at 50% 50%,rgba(100,130,180,.6) 0%,rgba(100,130,180,.25) 50%,transparent 100%),radial-gradient(ellipse 2px 10px at 50% 50%,rgba(100,130,180,.5) 0%,rgba(100,130,180,.15) 50%,transparent 100%);background-size:56px 100px,44px 90px;background-position:16px 0,0 40px;animation:rainFall2 .32s linear infinite;transform:rotate(5deg)}.weather-thunderstorm.weather-night .rain-layer-3{background-image:radial-gradient(ellipse 2px 7px at 50% 50%,rgba(100,130,180,.55) 0%,rgba(100,130,180,.2) 50%,transparent 100%),radial-gradient(ellipse 2px 9px at 50% 50%,rgba(100,130,180,.45) 0%,rgba(100,130,180,.15) 50%,transparent 100%);background-size:64px 90px,36px 80px;background-position:20px 24px,50px 10px;animation:rainFall3 .28s linear infinite;transform:rotate(5deg)}.weather-thunderstorm.weather-night .rain-layer-4{background-image:radial-gradient(ellipse 2px 10px at 50% 50%,rgba(100,130,180,.6) 0%,rgba(100,130,180,.25) 50%,transparent 100%),radial-gradient(ellipse 2px 6px at 50% 50%,rgba(100,130,180,.4) 0%,rgba(100,130,180,.1) 50%,transparent 100%);background-size:48px 84px,68px 96px;background-position:6px 10px,30px 50px;animation:rainFall4 .3s linear infinite}.weather-thunderstorm.weather-night .lightning-layer{display:block;animation:lightning 3s ease-in-out infinite}.weather-snow.weather-night.homepage-main{--skyColor1: #455a64;--skyColor2: #37474f;--skyColor3: #263238}.weather-snow.weather-night .ground-back{background:#8a9a9e}.weather-snow.weather-night .ground-front{background:#b5c5c9}.weather-snow.weather-night .cloud-layer{transform:translateY(0)}.weather-snow.weather-night .cloud{--cloudColor1: #808e9a;--cloudColor2: #667480;--cloudColor3: #4c5a66}.weather-snow.weather-night .snow-layer-1,.weather-snow.weather-night .snow-layer-2{opacity:1}.weather-snow.weather-night .snow-layer-1{background-image:radial-gradient(circle,rgba(255,255,255,.95) 2px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.85) 2.5px,transparent 2.5px)}.weather-snow.weather-night .snow-layer-2{background-image:radial-gradient(circle,rgba(255,255,255,.8) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.75) 2px,transparent 2px)}.weather-mist.weather-night.homepage-main{--skyColor1: #455a64;--skyColor2: #37474f;--skyColor3: #263238}.weather-mist.weather-night .ground-back{background:#2a3a2a}.weather-mist.weather-night .ground-front{background:#354535}.weather-mist.weather-night .weather-fog{opacity:1}.weather-mist.weather-night .fog-layer{filter:brightness(.5) blur(40px)}.weather-default.homepage-main{--skyColor1: #1a1a2e;--skyColor2: #16213e;--skyColor3: #0f3460}.weather-default .ground-back{background:#1a2e1a}.weather-default .ground-front{background:#344834}@keyframes sunPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}@keyframes sunRaysSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rainFall{0%{background-position-y:0}to{background-position-y:50px}}@keyframes rainFall1{0%{background-position-y:0,0}to{background-position-y:80px,100px}}@keyframes rainFall2{0%{background-position-y:0,0}to{background-position-y:100px,90px}}@keyframes rainFall3{0%{background-position-y:0,0}to{background-position-y:90px,80px}}@keyframes rainFall4{0%{background-position-y:0,0}to{background-position-y:84px,96px}}@keyframes lightning{0%,89%,91%,93%,to{background:#fff0}90%,92%{background:#fff3}}@keyframes lightningBolt{0%,89%,91%,93%,to{opacity:.3}90%,92%{opacity:1}}@keyframes snowFall1{0%{background-position-y:0,0}to{background-position-y:360px,360px}}@keyframes snowFall2{0%{background-position-y:0,0}to{background-position-y:600px,600px}}@keyframes snowSway1{0%,to{transform:translate(0)}50%{transform:translate(-12px)}}@keyframes snowSway2{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes starsTwinkle{0%{opacity:.5}to{opacity:1}}.site-header{height:100px;position:relative;z-index:1;background-color:#0f3460}.homepage-main{min-height:calc(100vh - 200px);position:relative;z-index:1;overflow:hidden;background:linear-gradient(180deg,var(--skyColor1) 0%,var(--skyColor2) 50%,var(--skyColor3) 100%);transition:--skyColor1 .5s,--skyColor2 .5s,--skyColor3 .5s}.site-footer{height:100px;position:relative;z-index:1;background-color:#0f3460}.current-weather{max-width:1000px;margin:0 auto;position:relative;z-index:1}.location{text-align:center;margin-bottom:40px}.location h1{color:#fff;font-size:2.5rem;font-weight:300;margin-bottom:8px}.location .timestamp{color:#ffffffb3;font-size:1rem;text-shadow:0 1px 1px rgba(0,0,0,.4)}.weather-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 768px){.weather-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.weather-grid{grid-template-columns:1fr}}.weather-card{background:#0a2443;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center}.weather-card .label{color:#ffffffb3;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.weather-card .value{color:#fff;font-size:2.5rem;font-weight:600}.weather-card .value sup{font-size:1rem;font-weight:400;margin-left:4px}.weather-card.pollution .aqi-label{margin-top:8px;font-size:.875rem;font-weight:500}.weather-card.pollution.aqi-good{background:linear-gradient(135deg,green,#060)}.weather-card.pollution.aqi-good .aqi-label{color:#95d5b2}.weather-card.pollution.aqi-good-moderate{background:linear-gradient(135deg,#fdd64b,#d4b03c);background-image:linear-gradient(135deg,color-mix(in srgb,#008000 calc((1 - var(--t)) * 100%),#fdd64b calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#008000 calc((1 - var(--t)) * 100%),#fdd64b calc(var(--t) * 100%)),black 20%))}.weather-card.pollution.aqi-good-moderate .aqi-label{color:#fefae0}.weather-card.pollution.aqi-moderate-sensitive{background:linear-gradient(135deg,#f90,#cc7a00);background-image:linear-gradient(135deg,color-mix(in srgb,#fdd64b calc((1 - var(--t)) * 100%),#ff9900 calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#fdd64b calc((1 - var(--t)) * 100%),#ff9900 calc(var(--t) * 100%)),black 20%))}.weather-card.pollution.aqi-moderate-sensitive .aqi-label{color:#fff3b0}.weather-card.pollution.aqi-sensitive-unhealthy{background:linear-gradient(135deg,red,#c00);background-image:linear-gradient(135deg,color-mix(in srgb,#ff9900 calc((1 - var(--t)) * 100%),#ff0000 calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#ff9900 calc((1 - var(--t)) * 100%),#ff0000 calc(var(--t) * 100%)),black 20%))}.weather-card.pollution.aqi-sensitive-unhealthy .aqi-label{color:#ffccd5}.weather-card.pollution.aqi-unhealthy-very-unhealthy{background:linear-gradient(135deg,purple,#606);background-image:linear-gradient(135deg,color-mix(in srgb,#ff0000 calc((1 - var(--t)) * 100%),#800080 calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#ff0000 calc((1 - var(--t)) * 100%),#800080 calc(var(--t) * 100%)),black 20%))}.weather-card.pollution.aqi-unhealthy-very-unhealthy .aqi-label{color:#e0aaff}.weather-card.pollution.aqi-very-unhealthy-hazardous{background:linear-gradient(135deg,#639,#4d267a);background-image:linear-gradient(135deg,color-mix(in srgb,#800080 calc((1 - var(--t)) * 100%),#663399 calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#800080 calc((1 - var(--t)) * 100%),#663399 calc(var(--t) * 100%)),black 20%))}.weather-card.pollution.aqi-very-unhealthy-hazardous .aqi-label{color:#fca5a5}.weather-card.pollution.aqi-hazardous{background:linear-gradient(135deg,#639,#4d267a)}.weather-card.pollution.aqi-hazardous .aqi-label{color:#fca5a5}.weather-card.pollution.aqi-unknown{background:#374151}.weather-card.pollution.aqi-unknown .aqi-label{color:#9ca3af}.today-history{max-width:1000px;margin:60px auto 0;position:relative;z-index:1}.today-history h2{color:#fff;font-size:1.5rem;font-weight:400;text-align:center;margin-bottom:24px}.slider-container{display:flex;align-items:center;gap:14px}.slider-btn{width:46px;height:46px;border-radius:50%;background:#0f3460;color:#fff;font-size:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.slider-btn:hover{background:#1a4a7a}.slider-btn:disabled{opacity:.3;cursor:not-allowed}.slider-track-wrapper{flex:1;overflow:hidden;padding:0 4px}.slider-track{display:flex;gap:16px;transition:transform .3s ease;width:100%}.slider-item{flex:0 0 calc((100% - 64px)/5);background:#0f3460;border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.slider-item:hover,.slider-item.active{background:#1a4a7a}@media (max-width: 768px){.slider-item{flex:0 0 calc((100% - 32px) / 3)}}@media (max-width: 480px){.slider-item{flex:0 0 100%}}.slider-item .slide-time{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:12px}.slider-item .slide-data{display:flex;flex-direction:column;gap:6px}.slider-item .slide-temp{color:#ffffffb3;font-size:.875rem}.slider-item .slide-weather-icon{font-size:1.5rem;line-height:1;color:gray}.slider-item .slide-aqi{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;margin-top:4px}.slider-item .slide-aqi.aqi-good{background:linear-gradient(135deg,green,#060);color:#fff}.slider-item .slide-aqi.aqi-good-moderate{background:linear-gradient(135deg,#fdd64b,#d4b03c);background-image:linear-gradient(135deg,color-mix(in srgb,#008000 calc((1 - var(--t)) * 100%),#fdd64b calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#008000 calc((1 - var(--t)) * 100%),#fdd64b calc(var(--t) * 100%)),black 20%));color:#fff}.slider-item .slide-aqi.aqi-moderate-sensitive{background:linear-gradient(135deg,#f90,#cc7a00);background-image:linear-gradient(135deg,color-mix(in srgb,#fdd64b calc((1 - var(--t)) * 100%),#ff9900 calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#fdd64b calc((1 - var(--t)) * 100%),#ff9900 calc(var(--t) * 100%)),black 20%));color:#fff}.slider-item .slide-aqi.aqi-sensitive-unhealthy{background:linear-gradient(135deg,red,#c00);background-image:linear-gradient(135deg,color-mix(in srgb,#ff9900 calc((1 - var(--t)) * 100%),#ff0000 calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#ff9900 calc((1 - var(--t)) * 100%),#ff0000 calc(var(--t) * 100%)),black 20%));color:#fff}.slider-item .slide-aqi.aqi-unhealthy-very-unhealthy{background:linear-gradient(135deg,purple,#606);background-image:linear-gradient(135deg,color-mix(in srgb,#ff0000 calc((1 - var(--t)) * 100%),#800080 calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#ff0000 calc((1 - var(--t)) * 100%),#800080 calc(var(--t) * 100%)),black 20%));color:#fff}.slider-item .slide-aqi.aqi-very-unhealthy-hazardous{background:linear-gradient(135deg,#639,#4d267a);background-image:linear-gradient(135deg,color-mix(in srgb,#800080 calc((1 - var(--t)) * 100%),#663399 calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#800080 calc((1 - var(--t)) * 100%),#663399 calc(var(--t) * 100%)),black 20%));color:#fff}.slider-item .slide-aqi.aqi-hazardous{background:linear-gradient(135deg,#639,#4d267a);color:#fff}.slider-item .slide-aqi.aqi-unknown{background:#374151;color:#fff}.no-data{text-align:center;padding:80px 20px;position:relative;z-index:1}.no-data p{color:#ffffffb3;font-size:1.25rem}.year-square-chart{display:flex;flex-direction:column;align-items:center;color:#fff}.year-square-chart__container{background-color:#0a2443;display:inline-flex;flex-direction:column;padding:30px;border-radius:5px;position:relative}@media (max-width: 900px){.year-square-chart__container{width:100%;overflow-x:auto}}.year-square-chart__data{display:flex;flex-direction:column;align-items:center;width:100%}.year-square-chart__years{display:flex;justify-content:space-between;gap:50px}.year-square-chart__year{color:#fff}.year-square-chart__year:disabled{color:#ffffff80}.year-square-chart__year--active{font-weight:600}.year-square-chart__inner{display:flex;flex-direction:column;width:fit-content}.year-square-chart__months{display:grid;grid-template-columns:repeat(12,auto);margin-bottom:5px}.year-square-chart__month{color:#ffffffb3;font-size:11px}.year-square-chart__chart{display:grid;grid-template-rows:repeat(7,auto);grid-auto-flow:column;gap:3px;padding:2px;width:fit-content}.year-square-chart__single{position:relative;width:12px;height:12px;border-radius:2px}.year-square-chart__single:hover .year-square-chart__tooltip{display:inline-block}.year-square-chart__single.empty{background-color:#ffffff17}.year-square-chart__single.future{background-color:#ffffff21}.year-square-chart__single.value-low{background:linear-gradient(135deg,green,#060);color:#fff}.year-square-chart__single.value-low-fair{background:linear-gradient(135deg,#fdd64b,#d4b03c);background-image:linear-gradient(135deg,color-mix(in srgb,#008000 calc((1 - var(--t)) * 100%),#fdd64b calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#008000 calc((1 - var(--t)) * 100%),#fdd64b calc(var(--t) * 100%)),black 20%));color:#fff}.year-square-chart__single.value-fair-moderate{background:linear-gradient(135deg,#f90,#cc7a00);background-image:linear-gradient(135deg,color-mix(in srgb,#fdd64b calc((1 - var(--t)) * 100%),#ff9900 calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#fdd64b calc((1 - var(--t)) * 100%),#ff9900 calc(var(--t) * 100%)),black 20%));color:#fff}.year-square-chart__single.value-moderate-high{background:linear-gradient(135deg,red,#c00);background-image:linear-gradient(135deg,color-mix(in srgb,#ff9900 calc((1 - var(--t)) * 100%),#ff0000 calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#ff9900 calc((1 - var(--t)) * 100%),#ff0000 calc(var(--t) * 100%)),black 20%));color:#fff}.year-square-chart__single.value-high-severe{background:linear-gradient(135deg,purple,#606);background-image:linear-gradient(135deg,color-mix(in srgb,#ff0000 calc((1 - var(--t)) * 100%),#800080 calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#ff0000 calc((1 - var(--t)) * 100%),#800080 calc(var(--t) * 100%)),black 20%));color:#fff}.year-square-chart__single.value-severe-extreme{background:linear-gradient(135deg,#639,#4d267a);background-image:linear-gradient(135deg,color-mix(in srgb,#800080 calc((1 - var(--t)) * 100%),#663399 calc(var(--t) * 100%)),color-mix(in srgb,color-mix(in srgb,#800080 calc((1 - var(--t)) * 100%),#663399 calc(var(--t) * 100%)),black 20%));color:#fff}.year-square-chart__single.value-extreme{background:linear-gradient(135deg,#639,#4d267a);color:#fff}.year-square-chart__single.value-unknown{background:#929aa7;color:#fff}.year-square-chart__single.undefined{background-color:#ffffff17}.year-square-chart__tooltip{position:absolute;top:-3px;left:50%;transform:translate(-50%,-100%);font-size:12px;padding:8px;background-color:#0f3460;border-radius:3px;display:none;white-space:nowrap;z-index:1}.wind-rose{display:flex;flex-direction:column;align-items:center;padding:20px 0}.wind-rose__container{background-color:#0a2443;display:flex;flex-direction:column;align-items:center;padding:30px 40px;border-radius:8px;max-width:550px;width:100%}@media (max-width: 600px){.wind-rose__container{padding:20px 15px}}.wind-rose__title{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 5px}.wind-rose__subtitle{font-size:.875rem;color:#fff9;margin:0 0 10px}.wind-rose #windRoseChart{width:100%;height:0;padding-bottom:100%}.wind-rose__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;margin-top:15px;padding:15px 20px;background:#ffffff0d;border-radius:6px}.wind-rose__legend-item{display:flex;align-items:center;gap:6px}.wind-rose__legend-color{width:14px;height:14px;border-radius:3px;flex-shrink:0}.wind-rose__legend-label{font-size:.8rem;color:#ffffffd9;white-space:nowrap}.wind-rose__stats{display:flex;gap:20px;margin-top:15px;font-size:.8rem;color:#ffffff80}@media (max-width: 400px){.wind-rose__stats{flex-direction:column;gap:5px;text-align:center}}.overall-stats .section__container{overflow:hidden}.overall-stats__header{margin-bottom:48px;display:flex;justify-content:center;align-items:flex-end;gap:60px;height:3rem}.overall-stats__title{font-size:1.2rem;font-weight:700;color:#fff;margin:0;cursor:pointer;transition:font-size 1s}.overall-stats__title.active{font-size:2rem}.overall-stats__container{display:flex;transition:transform 1s}.overall-stats__container.slide{transform:translate(-100%)}.overall-stats__grid{flex:0 0 100%;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1100px){.overall-stats__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.overall-stats__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.overall-stats__grid{grid-template-columns:1fr}}.overall-stats__card{background:#0a2443;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.overall-stats__card--temp-high{--card-accent: #ff6b35}.overall-stats__card--temp-low{--card-accent: #4a9eff}.overall-stats__card--temp-avg{--card-accent: #94a3b8}.overall-stats__card--wind{--card-accent: #4ade80}.overall-stats__card--aqi-high{--card-accent: #ff4444}.overall-stats__card--aqi-low{--card-accent: #4ade80}.overall-stats__card--aqi-avg{--card-accent: #fdd64b}.overall-stats__card--unhealthy{--card-accent: #ff9900}.overall-stats__card--healthy{--card-accent: #008000}.overall-stats__card--weather-type{--card-accent: #94a3b8}.overall-stats__card--humidity-high{--card-accent: #60a5fa}.overall-stats__card--humidity-low{--card-accent: #fb923c}.overall-stats__card--pressure-high,.overall-stats__card--pressure-low{--card-accent: #a78bfa}.overall-stats__card-label{font-size:.68rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.09em;margin-bottom:4px}.overall-stats__card-weather-icon{font-size:2.2rem;line-height:1;margin:4px 0 2px}.overall-stats__card-value{font-size:2.4rem;font-weight:700;color:var(--card-accent);line-height:1}.overall-stats__card-value--text{font-size:1.25rem;line-height:1.3;word-break:break-word}.overall-stats__card-unit{font-size:1rem;font-weight:400;color:#fff}.overall-stats__card-sub{font-size:.78rem;color:#ffffffb3;margin-top:2px}.overall-stats__card-degrees{color:#ffffff80;font-size:.72rem}.overall-stats__card-date{font-size:.7rem;color:#ffffff80;margin-top:auto;padding-top:10px}