*{box-sizing:border-box;font-size:16px}html,body{margin:0;padding:0;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.4;color:#fff}a{font-size:inherit;line-height:inherit;color:inherit}.container{max-width:1200px;width:100%;margin:0 auto;overflow:hidden}@media (max-width: 767px){.container{padding:0 8px}}.section{z-index:2;position:relative}.block-bottom{height:100%;padding:28px 16px 16px;background:#1b0a00 100%;background-size:cover;border-radius:25px;opacity:.95;box-shadow:0 0 10px #fff}.block-bottom-inner{display:flex;align-items:center}@media (max-width: 575px){.block-bottom-inner{flex-direction:column}}.block-bottom-pic{width:15%;height:70px;background-size:contain;background-repeat:no-repeat;border-radius:16px}@media (max-width: 575px){.block-bottom-pic{width:30%;margin-right:0}}.block-bottom-texts{width:85%;padding-left:20px}@media (max-width: 575px){.block-bottom-texts{width:100%;padding-top:16px;padding-left:0}}.block-bottom-text-block:first-child{padding-bottom:12px}.block-bottom-text-block-title{padding-bottom:4px;font-size:15px;font-weight:700}.block-bottom-text-block-desc{font-size:13px;color:#ffffffbf}.pic-humidity{background-image:url(./humidity-FRO2qOJf.png)}.pic-coords{background-image:url(./compass-D-SuMw4J.png)}.summary[data-v-2806309d]{position:relative}.favorite-btn[data-v-2806309d]{position:absolute;top:10px;right:10px;width:45px;height:45px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#e9e9e9;font-size:26px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 12px #0003}.favorite-btn[data-v-2806309d]:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.15) rotate(15deg);box-shadow:0 6px 16px #ffd7004d}.favorite-btn[data-v-2806309d]:active{transform:scale(.95) rotate(0)}.pic-main[data-v-2806309d]{width:60px;height:60px;margin:20px 0 12px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}.city[data-v-2806309d]{font-size:24px}.weather[data-v-2806309d]{margin:0 0 20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.4)}.weather .temperature[data-v-2806309d]{display:flex}.weather .temperature .card-small[data-v-2806309d]{padding:0 16px;background-size:cover;border-radius:8px}.weather .temperature .card-small-title[data-v-2806309d]{font-size:13px;margin-right:5px}.weather .temperature .card-small-info[data-v-2806309d]{display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 1199px){.weather .temperature .card-small-info[data-v-2806309d]{flex-direction:column;align-items:flex-start}}.weather .temperature .card-small-data[data-v-2806309d]{display:flex;align-items:center}@media (max-width: 1199px){.weather .temperature .card-small-data[data-v-2806309d]{width:100%;padding-top:8px}}@media (max-width: 1199px){.weather .temperature .card-small-hint[data-v-2806309d]{width:100%}}.weather .temperature .card-small-text[data-v-2806309d]{font-size:11px;line-height:1.2;color:#fff9}@media (max-width: 1199px){.weather .temperature .card-small-text[data-v-2806309d]{min-height:22px;font-size:9px}}.temp[data-v-2806309d]{padding-bottom:8px;font-size:32px;width:60%}.text-block[data-v-2806309d]{position:relative;padding-left:24px;padding-bottom:8px;font-size:14px}.text-block[data-v-2806309d]:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;margin-right:6px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}.weather-desc[data-v-2806309d]:before{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23ffffff'%20width='800px'%20height='800px'%20viewBox='0%200%2064%2064'%20version='1.1'%20xml:space='preserve'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='cloudy_sunny'%3e%3cg%3e%3cpath%20d='M38,12c-9.6,0-17.5,7.6-18,17.1c-2.2,1.5-3.9,3.6-4.8,6.2c-0.5-0.1-0.9-0.1-1.4-0.1C7.9,35.2,3,40.1,3,46.1%20S7.9,57,13.9,57h27.9c5.1,0,9.2-4.1,9.2-9.2c0-1.6-0.4-3-1.1-4.3C53.8,40.1,56,35.2,56,30C56,20.1,47.9,12,38,12z%20M41.8,55H13.9%20C9,55,5,51,5,46.1s4-8.9,8.9-8.9c0.6,0,1.2,0.1,1.9,0.2c0.5,0.1,1-0.2,1.2-0.7C18.1,32.2,22.3,29,27,29c5.8,0,10.5,4.7,10.5,10.5%20c0,0.6,0.4,1,1,1h3.3c4,0,7.2,3.2,7.2,7.2S45.8,55,41.8,55z%20M48.8,41.8c-1.7-2-4.2-3.2-7-3.2h-2.3C39,32.1,33.6,27,27,27%20c-1.7,0-3.4,0.4-4.9,1c1-7.9,7.8-14,15.9-14c8.8,0,16,7.2,16,16C54,34.5,52.1,38.8,48.8,41.8z'/%3e%3cpath%20d='M38,10c0.6,0,1-0.4,1-1V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v1C37,9.6,37.4,10,38,10z'/%3e%3cpath%20d='M60,29h-1c-0.6,0-1,0.4-1,1s0.4,1,1,1h1c0.6,0,1-0.4,1-1S60.6,29,60,29z'/%3e%3cpath%20d='M16,31h1c0.6,0,1-0.4,1-1s-0.4-1-1-1h-1c-0.6,0-1,0.4-1,1S15.4,31,16,31z'/%3e%3cpath%20d='M53,16c0.3,0,0.5-0.1,0.7-0.3l0.6-0.6c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0l-0.6,0.6c-0.4,0.4-0.4,1,0,1.4%20C52.5,15.9,52.7,16,53,16z'/%3e%3cpath%20d='M53.7,44.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l0.6,0.6c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4%20L53.7,44.3z'/%3e%3cpath%20d='M22.3,15.7c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4l-0.6-0.6c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4%20L22.3,15.7z'/%3e%3c/g%3e%3c/g%3e%3cg%20id='bright'/%3e%3cg%20id='cloudy'/%3e%3cg%20id='high_rainfall'/%3e%3cg%20id='windy'/%3e%3cg%20id='rain_with_thunder'/%3e%3cg%20id='clear_night'/%3e%3cg%20id='cloudy_night'/%3e%3cg%20id='moon'/%3e%3cg%20id='sun'/%3e%3cg%20id='rainy_night'/%3e%3cg%20id='windy_night'/%3e%3cg%20id='night_rain_thunder'/%3e%3cg%20id='windy_rain'/%3e%3cg%20id='temperature'/%3e%3cg%20id='humidity'/%3e%3cg%20id='air_pressure'/%3e%3cg%20id='low_rainfall'/%3e%3cg%20id='moderate_rainfall'/%3e%3cg%20id='Sunset'/%3e%3c/svg%3e")}.city[data-v-2806309d]:before{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='-0.5%200%2025%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.0022%203.00125C16.5122%203.00125%2019.4422%207.74125%2017.4222%2011.7713L12.4422%2021.7213C12.2622%2022.0913%2011.7322%2022.0913%2011.5422%2021.7213L6.56221%2011.7713C4.57221%207.74125%207.50221%203.00125%2012.0022%203.00125Z'%20stroke='%23ffffff'%20stroke-miterlimit='10'/%3e%3cpath%20d='M9.24219%208.53126C9.24219%207.00126%2010.4822%205.77126%2012.0022%205.77126C13.5322%205.77126%2014.7622%207.01126%2014.7622%208.53126'%20stroke='%23ffffff'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3c/svg%3e")}.date[data-v-2806309d]:before{left:2px;width:15px;height:15px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23ffffff'%20width='800px'%20height='800px'%20viewBox='0%200%20122.88%20122.88'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20style='enable-background:new%200%200%20122.88%20122.88'%20xml:space='preserve'%3e%3cg%3e%3cpath%20d='M81.61,4.73c0-2.61,2.58-4.73,5.77-4.73s5.77,2.12,5.77,4.73v20.72c0,2.61-2.58,4.73-5.77,4.73s-5.77-2.12-5.77-4.73V4.73%20L81.61,4.73z%20M29.61,4.73c0-2.61,2.58-4.73,5.77-4.73s5.77,2.12,5.77,4.73v20.72c0,2.61-2.58,4.73-5.77,4.73s-5.77-2.12-5.77-4.73%20V4.73L29.61,4.73z%20M6.4,45.32h110.08V21.47c0-0.8-0.33-1.53-0.86-2.07c-0.53-0.53-1.26-0.86-2.07-0.86H103%20c-1.77,0-3.2-1.43-3.2-3.2c0-1.77,1.43-3.2,3.2-3.2h10.55c2.57,0,4.9,1.05,6.59,2.74c1.69,1.69,2.74,4.02,2.74,6.59v27.06v65.03%20c0,2.57-1.05,4.9-2.74,6.59c-1.69,1.69-4.02,2.74-6.59,2.74H9.33c-2.57,0-4.9-1.05-6.59-2.74C1.05,118.45,0,116.12,0,113.55V48.53%20V21.47c0-2.57,1.05-4.9,2.74-6.59c1.69-1.69,4.02-2.74,6.59-2.74H20.6c1.77,0,3.2,1.43,3.2,3.2c0,1.77-1.43,3.2-3.2,3.2H9.33%20c-0.8,0-1.53,0.33-2.07,0.86c-0.53,0.53-0.86,1.26-0.86,2.07V45.32L6.4,45.32z%20M116.48,51.73H6.4v61.82c0,0.8,0.33,1.53,0.86,2.07%20c0.53,0.53,1.26,0.86,2.07,0.86h104.22c0.8,0,1.53-0.33,2.07-0.86c0.53-0.53,0.86-1.26,0.86-2.07V51.73L116.48,51.73z%20M50.43,18.54%20c-1.77,0-3.2-1.43-3.2-3.2c0-1.77,1.43-3.2,3.2-3.2h21.49c1.77,0,3.2,1.43,3.2,3.2c0,1.77-1.43,3.2-3.2,3.2H50.43L50.43,18.54z'/%3e%3c/g%3e%3c/svg%3e")}.highlights[data-v-fcc89048]{padding:28px 16px 16px;background:radial-gradient(circle,#020024,#4f1d00);background-size:cover;border-radius:25px;opacity:.95;box-shadow:0 0 10px #fff}.highlights-wrapper[data-v-fcc89048]{display:flex;justify-content:space-between}@media (max-width: 1024px){.highlights-wrapper[data-v-fcc89048]{gap:12px}}@media (max-width: 575px){.highlights-wrapper[data-v-fcc89048]{flex-direction:column}}.title[data-v-fcc89048]{padding-bottom:16px}.highlight[data-v-fcc89048]{width:32%}@media (max-width: 575px){.highlight[data-v-fcc89048]{width:100%;margin-bottom:16px}}.card[data-v-fcc89048]{min-height:230px;padding:16px;background-size:cover;border-right:1px solid;border-left:1px solid;border-radius:8px}@media (max-width: 1199px){.card[data-v-fcc89048]{padding:12px}}.card-centered[data-v-fcc89048]{display:flex;justify-content:center;margin-top:40px}.card-justify[data-v-fcc89048]{display:flex;justify-content:space-between;margin-top:40px}.card-title[data-v-fcc89048]{padding-bottom:12px;font-size:13px}@media (max-width: 1199px){.card-title[data-v-fcc89048]{font-size:12px}}.card-pic[data-v-fcc89048]{width:100%;height:90px;margin-bottom:16px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}.card-pic--pressure[data-v-fcc89048]{background-image:url(./barometer-CHha0jkE.png)}.states[data-v-fcc89048]{display:flex;justify-content:space-between}.states--margin[data-v-fcc89048]{margin-top:40px}.state[data-v-fcc89048]{width:40%}.state[data-v-fcc89048]:last-child{text-align:right}.state-pic[data-v-fcc89048]{width:20px;height:20px;margin-bottom:6px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23ffffff'%20height='800px'%20width='800px'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20512%20512'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20d='M508.388,376.602c-4.153-3.386-10.286-2.757-13.695,1.371c-1.429,1.71-35.696,41.401-114.487-2.367%20c-91.896-51.067-153.84-11.072-156.431-9.343c-4.467,2.976-5.667,8.991-2.714,13.472c2.972,4.486,9.01,5.724,13.496,2.781%20c2.219-1.443,55.143-34.881,136.183,10.138c31.01,17.229,56.506,23.058,76.83,23.058c41.21,0,61.096-23.981,62.306-25.491%20C513.217,386.045,512.541,379.983,508.388,376.602z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath%20d='M508.388,435.117c-4.153-3.381-10.286-2.757-13.695,1.371c-1.429,1.71-35.696,41.401-114.487-2.367%20c-91.896-51.058-153.84-11.072-156.431-9.343c-4.467,2.976-5.667,8.991-2.714,13.472c2.972,4.491,9.01,5.714,13.496,2.781%20c2.219-1.448,55.143-34.877,136.183,10.138c31.01,17.229,56.506,23.058,76.83,23.058c41.21,0,61.096-23.981,62.306-25.491%20C513.217,444.56,512.541,438.498,508.388,435.117z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath%20d='M248.689,115.793c-91.42,0-165.793,74.372-165.793,165.793c0,62.358,34.458,118.854,89.925,147.45%20c1.429,0.738,2.953,1.086,4.457,1.086c3.533,0,6.943-1.924,8.676-5.286c2.467-4.786,0.591-10.667-4.2-13.134%20c-48.943-25.238-79.354-75.091-79.354-130.116c0-80.663,65.62-146.288,146.288-146.288c80.668,0,146.288,65.625,146.288,146.288%20c0,11.238-1.276,22.405-3.781,33.196c-1.229,5.243,2.038,10.486,7.286,11.71c5.219,1.195,10.486-2.043,11.705-7.291%20c2.848-12.238,4.295-24.891,4.295-37.615C414.482,190.166,340.109,115.793,248.689,115.793z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath%20d='M487.626,276.582h-39.01c-5.391,0-9.753,4.367-9.753,9.753s4.362,9.753,9.753,9.753h39.01%20c5.391,0,9.753-4.367,9.753-9.753S493.016,276.582,487.626,276.582z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath%20d='M424.539,110.612c-3.81-3.81-9.981-3.81-13.791,0l-27.581,27.586c-3.81,3.81-3.81,9.986,0,13.791%20c1.905,1.905,4.4,2.857,6.895,2.857c2.495,0,4.991-0.952,6.895-2.857l27.581-27.586%20C428.349,120.593,428.349,114.417,424.539,110.612z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath%20d='M249.82,37.773c-5.39,0-9.753,4.367-9.753,9.753v39.01c0,5.386,4.362,9.753,9.753,9.753s9.753-4.367,9.753-9.753v-39.01%20C259.573,42.14,255.211,37.773,249.82,37.773z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath%20d='M114.211,138.198L86.63,110.612c-3.81-3.81-9.981-3.81-13.791,0c-3.81,3.805-3.81,9.981,0,13.791l27.581,27.586%20c1.905,1.905,4.4,2.857,6.896,2.857c2.495,0,4.99-0.952,6.895-2.857C118.021,148.184,118.021,142.008,114.211,138.198z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath%20d='M114.211,420.935c-3.81-3.81-9.981-3.81-13.791,0l-27.581,27.586c-3.81,3.81-3.81,9.986,0,13.791%20c1.905,1.905,4.4,2.857,6.896,2.857c2.495,0,4.99-0.952,6.895-2.857l27.581-27.586%20C118.021,430.917,118.021,424.74,114.211,420.935z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath%20d='M48.763,276.582H9.753c-5.39,0-9.753,4.367-9.753,9.753s4.362,9.753,9.753,9.753h39.01c5.391,0,9.753-4.367,9.753-9.753%20S54.153,276.582,48.763,276.582z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;background-size:cover}.state-pic--flipped[data-v-fcc89048]{margin-left:auto;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.state-title[data-v-fcc89048]{font-size:12px;color:#ffd347}.state-time[data-v-fcc89048]{font-size:13px;font-weight:700}@media (max-width: 1199px){.state-time[data-v-fcc89048]{font-size:11px}}.info-main[data-v-fcc89048]{display:flex;align-items:flex-end}.info-main[data-v-fcc89048]:last-child{text-align:right}.info-main-num[data-v-fcc89048]{font-size:20px}@media (max-width: 1199px){.info-main-num[data-v-fcc89048]{font-size:18px}}.info-main-text[data-v-fcc89048]{padding-left:2px;padding-bottom:3px;font-size:13px;color:#ffffffbf}@media (max-width: 1199px){.info-main-text[data-v-fcc89048]{padding-bottom:1.5px;font-size:12px}}.card-small[data-v-fcc89048]{margin-top:12px;padding:12px 16px;background-size:cover;border:1px solid;border-radius:8px}.card-small-title[data-v-fcc89048]{font-size:13px}.card-small-info[data-v-fcc89048]{display:flex;justify-content:space-between;align-items:center}@media (max-width: 1199px){.card-small-info[data-v-fcc89048]{flex-direction:column;align-items:flex-start}}.card-small-pic[data-v-fcc89048]{width:20px;height:20px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}@media (max-width: 1199px){.card-small-pic[data-v-fcc89048]{display:none}}.card-small-pic--margin[data-v-fcc89048]{width:16px;height:16px;margin-bottom:3px}.card-small-pic--wind[data-v-fcc89048]{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23aaa'%20width='800px'%20height='800px'%20viewBox='0%20-5.5%2035%2035'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m20.256%2019.953c0-.458.371-.829.829-.829s.829.371.829.829c.002%201.319%201.071%202.388%202.39%202.39%201.578-.002%202.856-1.28%202.859-2.857-.002-1.875-1.521-3.394-3.396-3.396h-17.788c-.02%200-.043%200-.066%200-3.301%200-5.978-2.676-5.978-5.978s2.676-5.978%205.978-5.978h.069-.004c.093%200%20.185.006.278.01%201.405-2.49%204.034-4.144%207.049-4.144%201.646%200%203.178.493%204.454%201.34l-.03-.019c.239.148.395.409.395.706%200%20.458-.371.829-.829.829-.179%200-.344-.057-.48-.153l.003.002c-.99-.657-2.206-1.049-3.513-1.049-2.561%200-4.771%201.502-5.797%203.674l-.017.039c-.004.009-.011.015-.015.023-.031.063-.067.117-.109.167l.001-.001c-.004.005-.008.012-.013.017-.045.049-.096.092-.151.128l-.003.002c-.017.012-.036.022-.054.033-.041.024-.089.045-.14.062l-.006.002c-.013.006-.029.012-.045.017l-.003.001c-.057.016-.123.026-.191.027h-.001-.025c-.023%200-.047-.006-.073-.007s-.033%200-.051%200c-.193-.031-.416-.048-.643-.048-2.386%200-4.32%201.934-4.32%204.32s1.934%204.32%204.32%204.32h.003%2017.794c2.79.003%205.05%202.264%205.054%205.053-.004%202.492-2.023%204.511-4.514%204.515-2.235-.001-4.047-1.812-4.05-4.047zm6.038-6.963c-.458%200-.829-.371-.829-.829s.371-.829.829-.829h4.442c1.503-.002%202.721-1.22%202.723-2.723-.002-1.254-1.018-2.269-2.271-2.271-1.036.001-1.875.841-1.877%201.876%200%20.458-.371.829-.829.829s-.829-.371-.829-.829c.002-1.951%201.583-3.532%203.534-3.534%202.17%200%203.93%201.758%203.932%203.928-.003%202.418-1.962%204.377-4.38%204.38zm-8.279-1.602c-.458%200-.829-.371-.829-.829s.371-.829.829-.829h4.442c1.503-.002%202.721-1.222%202.721-2.726%200-1.254-1.017-2.271-2.27-2.272-1.037.001-1.877.841-1.877%201.878%200%20.458-.371.829-.829.829s-.829-.371-.829-.829c.002-1.951%201.584-3.532%203.534-3.534%202.168.002%203.925%201.76%203.928%203.928-.003%202.418-1.962%204.377-4.38%204.38z'/%3e%3c/svg%3e")}.card-small-pic--pressure[data-v-fcc89048]{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23aaa'%20width='800px'%20height='800px'%20viewBox='0%200%2064%2064'%20version='1.1'%20xml:space='preserve'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='cloudy_sunny'/%3e%3cg%20id='bright'/%3e%3cg%20id='cloudy'/%3e%3cg%20id='high_rainfall'/%3e%3cg%20id='windy'/%3e%3cg%20id='rain_with_thunder'/%3e%3cg%20id='clear_night'/%3e%3cg%20id='cloudy_night'/%3e%3cg%20id='moon'/%3e%3cg%20id='sun'/%3e%3cg%20id='rainy_night'/%3e%3cg%20id='windy_night'/%3e%3cg%20id='night_rain_thunder'/%3e%3cg%20id='windy_rain'/%3e%3cg%20id='temperature'/%3e%3cg%20id='humidity'%3e%3cg%3e%3cpath%20d='M49.7,35.9C47.3,21.2,29.5,4,28.7,3.3c-0.4-0.4-1-0.4-1.4,0C26.4,4.1,6,23.7,6,39c0,12.1,9.9,22,22,22%20c3.4,0,6.7-0.8,9.7-2.3c2.1,1.4,4.6,2.3,7.3,2.3c7.2,0,13-5.8,13-13C58,42.5,54.6,37.8,49.7,35.9z%20M28,59C17,59,8,50,8,39%20C8,26.1,24.4,9,28,5.4C31.3,8.7,45,23,47.6,35.3C46.7,35.1,45.9,35,45,35c-7.2,0-13,5.8-13,13c0,3.7,1.5,7,4,9.3%20C33.5,58.4,30.8,59,28,59z%20M45,59c-6.1,0-11-4.9-11-11s4.9-11,11-11s11,4.9,11,11S51.1,59,45,59z'/%3e%3cpath%20d='M28,54c-8.3,0-15-6.7-15-15c0-0.6-0.4-1-1-1s-1,0.4-1,1c0,9.4,7.6,17,17,17c0.6,0,1-0.4,1-1S28.6,54,28,54z'/%3e%3cpath%20d='M48.4,40.1c-0.5-0.2-1.1,0-1.3,0.5l-6,14c-0.2,0.5,0,1.1,0.5,1.3C41.7,56,41.9,56,42,56c0.4,0,0.8-0.2,0.9-0.6l6-14%20C49.1,40.9,48.9,40.3,48.4,40.1z'/%3e%3cpath%20d='M44,44c0-1.7-1.3-3-3-3s-3,1.3-3,3s1.3,3,3,3S44,45.7,44,44z%20M40,44c0-0.6,0.4-1,1-1s1,0.4,1,1s-0.4,1-1,1S40,44.6,40,44z%20'/%3e%3cpath%20d='M49,49c-1.7,0-3,1.3-3,3s1.3,3,3,3s3-1.3,3-3S50.7,49,49,49z%20M49,53c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1S49.6,53,49,53z%20'/%3e%3c/g%3e%3c/g%3e%3cg%20id='air_pressure'/%3e%3cg%20id='low_rainfall'/%3e%3cg%20id='moderate_rainfall'/%3e%3cg%20id='Sunset'/%3e%3c/svg%3e")}.card-small-pic--sun[data-v-fcc89048]{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23aaa'%20width='800px'%20height='800px'%20viewBox='-3%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3ecloud%3c/title%3e%3cpath%20d='M21.24%2024.6h-15.76c-3.040%200-5.48-2.48-5.48-5.48%200-2.76%202.040-5.040%204.68-5.44%200.4-3.52%203.4-6.28%207-6.28%202.28%200%204.4%201.12%205.72%202.92%200.16%200%200.32-0.040%200.48-0.040%202.28%200%204.12%201.84%204.12%204.12%200%200.12%200%200.24%200%200.32%202.36%200.36%204.16%202.4%204.16%204.84%200%202.8-2.2%205.040-4.92%205.040zM11.68%209.080c-2.96%200-5.36%202.4-5.36%205.36%200%200.48-0.36%200.84-0.84%200.84-2.080%200-3.8%201.72-3.8%203.8s1.72%203.8%203.8%203.8h15.76c1.8%200%203.24-1.44%203.24-3.24s-1.44-3.24-3.24-3.24c-0.040%200-0.12%200-0.16%200-0.080%200-0.16%200-0.24%200-0.4-0.080-0.68-0.4-0.68-0.84%200-0.080%200-0.2%200.040-0.28v0%200c0.080-0.28%200.16-0.56%200.16-0.84%200-1.36-1.12-2.44-2.48-2.44-0.2%200-0.4%200.040-0.6%200.080v0c-0.36%200.12-0.8-0.040-1-0.36-0.96-1.64-2.72-2.64-4.6-2.64z'%3e%3c/path%3e%3c/svg%3e")}.card-small-data[data-v-fcc89048]{display:flex;align-items:flex-end;width:45%}@media (max-width: 1199px){.card-small-data[data-v-fcc89048]{width:100%;padding-top:8px}}.card-small-hint[data-v-fcc89048]{width:55%}@media (max-width: 1199px){.card-small-hint[data-v-fcc89048]{width:100%}}.card-small-text[data-v-fcc89048]{font-size:11px;line-height:1.2;color:#fff9}@media (max-width: 1199px){.card-small-text[data-v-fcc89048]{min-height:22px;font-size:9px}}.forecast-section[data-v-8d142bc2]{width:100%;margin-top:16px}.forecast-container[data-v-8d142bc2]{padding:20px 16px 16px;background:radial-gradient(circle,#020024,#4f1d00);border-radius:25px;opacity:.95;box-shadow:0 0 10px #fff}.forecast-title[data-v-8d142bc2]{color:#fff;font-size:18px;font-weight:700;margin:0 0 20px;text-align:center;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.forecast-cards[data-v-8d142bc2]{display:flex;justify-content:space-between;gap:12px}@media (max-width: 1024px){.forecast-cards[data-v-8d142bc2]{gap:10px}}@media (max-width: 767px){.forecast-cards[data-v-8d142bc2]{flex-direction:column;gap:8px;padding:0 8px}}.forecast-card[data-v-8d142bc2]{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 8px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:pointer}.forecast-card[data-v-8d142bc2]:hover{transform:translateY(-2px);background:#0006;box-shadow:0 4px 12px #fff3;border-color:#ffffff4d}.forecast-card.active[data-v-8d142bc2]{background:#00000080;border-color:#ffd70080;box-shadow:0 6px 16px #ffd7004d}@media (max-width: 1024px){.forecast-card[data-v-8d142bc2]{padding:14px 6px}}@media (max-width: 767px){.forecast-card[data-v-8d142bc2]{flex-direction:row;justify-content:space-between;padding:12px 16px}}.forecast-date[data-v-8d142bc2]{color:#fff;font-size:13px;font-weight:600;margin-bottom:8px;text-align:center}@media (max-width: 1024px){.forecast-date[data-v-8d142bc2]{font-size:12px}}@media (max-width: 767px){.forecast-date[data-v-8d142bc2]{margin-bottom:0;min-width:60px}}.forecast-icon[data-v-8d142bc2]{width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-size:contain;margin-bottom:8px}@media (max-width: 1024px){.forecast-icon[data-v-8d142bc2]{width:36px;height:36px}}@media (max-width: 767px){.forecast-icon[data-v-8d142bc2]{margin-bottom:0}}.forecast-temp[data-v-8d142bc2]{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}@media (max-width: 767px){.forecast-temp[data-v-8d142bc2]{flex-direction:row;gap:8px;margin-bottom:0}}.temp-max[data-v-8d142bc2]{color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 1024px){.temp-max[data-v-8d142bc2]{font-size:15px}}.temp-min[data-v-8d142bc2]{color:#ffffffb3;font-size:14px}@media (max-width: 1024px){.temp-min[data-v-8d142bc2]{font-size:13px}}.forecast-desc[data-v-8d142bc2]{color:#ffffffe6;font-size:11px;text-align:center;line-height:1.2}@media (max-width: 1024px){.forecast-desc[data-v-8d142bc2]{font-size:10px}}@media (max-width: 767px){.forecast-desc[data-v-8d142bc2]{max-width:80px;text-align:right}}.hourly-panel[data-v-8d142bc2]{margin-top:16px;padding:16px;background:#0006;border-radius:16px;border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 16px #0000004d}@media (max-width: 1024px){.hourly-panel[data-v-8d142bc2]{padding:14px}}@media (max-width: 767px){.hourly-panel[data-v-8d142bc2]{padding:12px;margin-top:12px}}.hourly-panel-header[data-v-8d142bc2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hourly-panel-header h4[data-v-8d142bc2]{color:#fff;font-size:16px;font-weight:600;margin:0}@media (max-width: 767px){.hourly-panel-header h4[data-v-8d142bc2]{font-size:14px}}.close-btn[data-v-8d142bc2]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:18px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;position:sticky;right:0}.close-btn[data-v-8d142bc2]:hover{background:#fff3;transform:scale(1.1);border-color:#fff6}@media (max-width: 767px){.close-btn[data-v-8d142bc2]{width:28px;height:28px;font-size:16px}}.hourly-scroll-container[data-v-8d142bc2]{overflow-x:auto;overflow-y:hidden;margin:0 -16px;padding:0 16px}@media (max-width: 767px){.hourly-scroll-container[data-v-8d142bc2]{margin:0 -12px;padding:0 12px}}.hourly-scroll-container[data-v-8d142bc2]::-webkit-scrollbar{height:8px}@media (max-width: 767px){.hourly-scroll-container[data-v-8d142bc2]::-webkit-scrollbar{height:6px}}.hourly-scroll-container[data-v-8d142bc2]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.hourly-scroll-container[data-v-8d142bc2]::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:10px}.hourly-scroll-container[data-v-8d142bc2]::-webkit-scrollbar-thumb:hover{background:#ffd700b3}.hourly-cards-horizontal[data-v-8d142bc2]{display:flex;gap:12px;padding-bottom:8px;scroll-behavior:smooth}@media (max-width: 1024px){.hourly-cards-horizontal[data-v-8d142bc2]{gap:10px}}@media (max-width: 767px){.hourly-cards-horizontal[data-v-8d142bc2]{gap:8px}}.hour-card[data-v-8d142bc2]{min-width:140px;display:flex;flex-direction:column;align-items:center;padding:12px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.15);transition:all .2s ease;flex-shrink:0}.hour-card[data-v-8d142bc2]:hover{background:#ffffff26;transform:translateY(-4px);box-shadow:0 4px 12px #ffd70033}@media (max-width: 1024px){.hour-card[data-v-8d142bc2]{min-width:130px;padding:11px 10px}}@media (max-width: 767px){.hour-card[data-v-8d142bc2]{min-width:120px;padding:10px 8px}}.hour-time[data-v-8d142bc2]{color:#ffffffe6;font-size:13px;font-weight:700;margin-bottom:8px;text-align:center}@media (max-width: 767px){.hour-time[data-v-8d142bc2]{font-size:12px;margin-bottom:6px}}.hour-icon[data-v-8d142bc2]{width:48px;height:48px;background-repeat:no-repeat;background-position:center;background-size:contain;margin-bottom:8px}@media (max-width: 767px){.hour-icon[data-v-8d142bc2]{width:40px;height:40px;margin-bottom:6px}}.hour-temp[data-v-8d142bc2]{color:#fff;font-size:18px;font-weight:700;margin-bottom:4px;text-align:center}@media (max-width: 767px){.hour-temp[data-v-8d142bc2]{font-size:16px}}.hour-feels[data-v-8d142bc2]{color:#ffffffb3;font-size:11px;margin-bottom:8px;text-align:center}@media (max-width: 767px){.hour-feels[data-v-8d142bc2]{font-size:10px;margin-bottom:6px}}.hour-desc[data-v-8d142bc2]{color:#fffc;font-size:11px;text-align:center;margin-bottom:8px;text-transform:capitalize}@media (max-width: 767px){.hour-desc[data-v-8d142bc2]{font-size:10px;margin-bottom:6px}}.hour-stats[data-v-8d142bc2]{display:flex;flex-direction:column;gap:4px;width:100%}@media (max-width: 767px){.hour-stats[data-v-8d142bc2]{gap:3px}}.hour-stat[data-v-8d142bc2]{color:#fffc;font-size:11px;text-align:center;line-height:1.3}@media (max-width: 767px){.hour-stat[data-v-8d142bc2]{font-size:10px}}.slide-horizontal-enter-active[data-v-8d142bc2],.slide-horizontal-leave-active[data-v-8d142bc2]{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-horizontal-enter-from[data-v-8d142bc2]{opacity:0;transform:translate(-30px)}.slide-horizontal-leave-to[data-v-8d142bc2]{opacity:0;transform:translate(30px)}.hourly-forecast[data-v-5bc8c740]{width:100%;max-width:100%;margin:16px 0;padding:20px;background:#0000004d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);overflow:hidden;box-sizing:border-box;box-shadow:0 4px 12px #0003}.hourly-title[data-v-5bc8c740]{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.hourly-title .title-icon[data-v-5bc8c740]{font-size:22px}.hourly-scroll[data-v-5bc8c740]{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:8px 0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(0,0,0,.2);-webkit-overflow-scrolling:touch}.hourly-scroll[data-v-5bc8c740]::-webkit-scrollbar{height:8px}.hourly-scroll[data-v-5bc8c740]::-webkit-scrollbar-track{background:#0003;border-radius:4px}.hourly-scroll[data-v-5bc8c740]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.hourly-scroll[data-v-5bc8c740]::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 767px){.hourly-scroll[data-v-5bc8c740]{gap:10px}.hourly-scroll[data-v-5bc8c740]::-webkit-scrollbar{height:6px}}@media (max-width: 480px){.hourly-scroll[data-v-5bc8c740]{gap:8px}.hourly-scroll[data-v-5bc8c740]::-webkit-scrollbar{height:5px}}.hour-card[data-v-5bc8c740]{min-width:140px;flex-shrink:0;padding:16px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hour-card[data-v-5bc8c740]:hover{background:#ffffff26;transform:translateY(-4px);box-shadow:0 6px 16px #0000004d}.hour-time[data-v-5bc8c740]{color:#fffc;font-size:14px;font-weight:600;text-align:center;margin-bottom:12px}.hour-icon[data-v-5bc8c740]{width:50px;height:50px;margin:0 auto 12px;background-repeat:no-repeat;background-position:center;background-size:contain}.hour-temp[data-v-5bc8c740]{color:#fff;font-size:22px;font-weight:700;text-align:center;margin-bottom:12px}.hour-details[data-v-5bc8c740]{display:flex;flex-direction:column;gap:6px}.detail-item[data-v-5bc8c740]{display:flex;align-items:center;gap:6px;color:#fffc;font-size:14px}.detail-item.precipitation[data-v-5bc8c740]{color:#4fc3f7}.detail-item .detail-icon[data-v-5bc8c740]{font-size:14px}@media (max-width: 1024px){.hourly-forecast[data-v-5bc8c740]{padding:18px}.hour-card[data-v-5bc8c740]{min-width:130px;padding:14px 12px}.hour-icon[data-v-5bc8c740]{width:46px;height:46px}.hour-temp[data-v-5bc8c740]{font-size:20px}.detail-item[data-v-5bc8c740]{font-size:13px}}@media (max-width: 767px){.hourly-forecast[data-v-5bc8c740]{padding:14px;margin:12px 0}.hourly-title[data-v-5bc8c740]{font-size:16px;margin-bottom:12px}.hourly-title .title-icon[data-v-5bc8c740]{font-size:18px}.hour-card[data-v-5bc8c740]{min-width:110px;padding:10px 8px;border-radius:10px}.hour-time[data-v-5bc8c740]{font-size:12px;margin-bottom:8px}.hour-icon[data-v-5bc8c740]{width:40px;height:40px;margin-bottom:8px}.hour-temp[data-v-5bc8c740]{font-size:18px;margin-bottom:10px}.hour-details[data-v-5bc8c740]{gap:4px}.detail-item[data-v-5bc8c740]{font-size:12px;gap:4px;line-height:1.3}.detail-item .detail-icon[data-v-5bc8c740]{font-size:12px}}@media (max-width: 480px){.hourly-forecast[data-v-5bc8c740]{padding:12px;margin:10px 0}.hourly-title[data-v-5bc8c740]{font-size:15px}.hour-card[data-v-5bc8c740]{min-width:100px;padding:8px 6px;border-radius:8px}.hour-time[data-v-5bc8c740]{font-size:11px}.hour-icon[data-v-5bc8c740]{width:36px;height:36px}.hour-temp[data-v-5bc8c740]{font-size:16px}.detail-item[data-v-5bc8c740]{font-size:11px}}.footer[data-v-a24f1ad9]{width:100%;padding:20px 0;margin-top:auto;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}.footer-content[data-v-a24f1ad9]{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.footer-text[data-v-a24f1ad9],.footer-year[data-v-a24f1ad9]{color:#fff9;font-size:12px;margin:0 0 8px}@media (max-width: 480px){.footer-text[data-v-a24f1ad9],.footer-year[data-v-a24f1ad9]{font-size:12px}}.footer-credits[data-v-a24f1ad9]{color:#fff6;font-size:11px;margin:0}.footer-credits a[data-v-a24f1ad9]{color:#ffd700cc;text-decoration:none;transition:color .2s ease}.footer-credits a[data-v-a24f1ad9]:hover{color:gold;text-decoration:underline}@media (max-width: 480px){.footer-credits[data-v-a24f1ad9]{font-size:11px}}.favorites-toggle[data-v-038ad248]{position:fixed;top:20px;left:20px;padding:10px 16px;background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:25px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;z-index:1000;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.favorites-toggle[data-v-038ad248]:hover{background:#ffffff4d;border-color:#fff9}.favorites-panel[data-v-038ad248]{position:fixed;top:80px;left:20px;max-width:300px;background:#000000e6;border-radius:12px;padding:16px;z-index:999;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.2)}.favorites-title[data-v-038ad248]{color:#fffc;font-size:14px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.favorites-grid[data-v-038ad248]{display:flex;flex-direction:column;gap:8px}.favorite-city-btn[data-v-038ad248]{padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;text-align:left;font-size:14px}.favorite-city-btn[data-v-038ad248]:hover{background:#fff3;border-color:#fff6}.offline-banner[data-v-038ad248]{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#ffa500e6;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;z-index:1000;box-shadow:0 2px 8px #0000004d}.unit-toggle[data-v-038ad248]{position:fixed;top:20px;right:20px;width:50px;height:50px;background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:50%;color:#fff;font-size:18px;font-weight:700;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.unit-toggle[data-v-038ad248]:hover{background:#ffffff4d;border-color:#fff9;transform:scale(1.1)}.unit-toggle[data-v-038ad248]:active{transform:scale(.95)}.page[data-v-038ad248]{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;overflow-x:hidden}.page .main-bgd-image[data-v-038ad248]{width:100%;height:100%;position:absolute;background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;transition:ease-in-out 1s}.main[data-v-038ad248]{width:100%;max-width:100%}.laptop[data-v-038ad248]{width:100%;max-width:100%;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;box-sizing:border-box;margin:5rem 0;border-radius:20px}@media (max-width: 1300px){.laptop[data-v-038ad248]{padding:1rem}}@media (max-width: 1024px){.laptop[data-v-038ad248]{padding:1rem}}@media (max-width: 767px){.laptop[data-v-038ad248]{padding:.8rem}}@media (max-width: 480px){.laptop[data-v-038ad248]{padding:.5rem}}.sections[data-v-038ad248]{display:flex;width:100%;justify-content:center}@media (max-width: 767px){.sections[data-v-038ad248]{flex-direction:column}}.left[data-v-038ad248]{width:30%;padding-right:10px}@media (max-width: 767px){.left[data-v-038ad248]{width:100%;padding-right:0}}.left.section-error[data-v-038ad248]{min-width:335px;width:auto;padding:0}.right[data-v-038ad248]{width:70%;padding-left:10px}@media (max-width: 767px){.right[data-v-038ad248]{width:100%;margin-top:16px;padding-left:0}}.city-inner[data-v-038ad248]{position:relative;display:inline-block;width:100%}@media (max-width: 480px){.city-inner .search[data-v-038ad248]{padding-right:100px}}.city-inner .search-btn[data-v-038ad248]{content:"";position:absolute;top:-13px;right:10px;width:40px;height:40px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%2015L21%2021'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M17%2010C17%2013.866%2013.866%2017%2010%2017C6.13401%2017%203%2013.866%203%2010C3%206.13401%206.13401%203%2010%203C13.866%203%2017%206.13401%2017%2010Z'%20stroke='%23ffffff'%20stroke-width='2'/%3e%3c/svg%3e") no-repeat 50% 50%;background-size:contain;transform:translateY(50%);border-radius:10px;cursor:pointer;border:none}@media (max-width: 480px){.city-inner .search-btn[data-v-038ad248]{width:36px;height:36px;right:8px}}.city-inner .location-btn[data-v-038ad248]{position:absolute;top:-13px;right:60px;width:40px;height:40px;background:#ffffff1a;transform:translateY(50%);border-radius:10px;cursor:pointer;border:1px solid rgba(255,255,255,.3);font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s}.city-inner .location-btn[data-v-038ad248]:hover{background:#fff3}@media (max-width: 480px){.city-inner .location-btn[data-v-038ad248]{width:36px;height:36px;right:52px;font-size:18px}}.history-dropdown[data-v-038ad248]{position:absolute;top:100%;left:0;right:0;background:#000000f2;border-radius:12px;margin-top:8px;padding:8px 0;z-index:1000;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.2);max-height:300px;overflow-y:auto}.history-title[data-v-038ad248]{padding:8px 16px;font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.history-item[data-v-038ad248]{padding:10px 16px;color:#fff;cursor:pointer;transition:background .2s}.history-item[data-v-038ad248]:hover{background:#ffffff1a}.info[data-v-038ad248]{height:100%;padding:16px;background:radial-gradient(circle,#020024,#4f1d00);background-size:cover;border-radius:25px;opacity:.95;box-shadow:0 0 10px #fff}@media (max-width: 480px){.info[data-v-038ad248]{padding:12px}}.search[data-v-038ad248]{width:100%;padding:16px;font-family:Inter,Arial,sans-serif;color:#fff;background-color:#000000bf;border-radius:16px;border:none;outline:none;cursor:pointer}@media (max-width: 480px){.search[data-v-038ad248]{padding:14px 100px 14px 14px;font-size:15px}}.section-bottom[data-v-038ad248]{width:50%;margin-top:16px}@media (max-width: 767px){.section-bottom[data-v-038ad248]{width:100%}}.hourly-forecast-wrapper[data-v-038ad248]{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.error[data-v-038ad248]{color:#dddb55;font-size:14px;text-align:center;margin-top:5px}@media (max-width: 480px){.error[data-v-038ad248]{font-size:13px}}.loading[data-v-038ad248]{text-align:center;padding:40px 20px;font-size:18px;color:#fff;animation:pulse-038ad248 1.5s ease-in-out infinite}@media (max-width: 480px){.loading[data-v-038ad248]{padding:30px 15px;font-size:16px}}.forecast-loading[data-v-038ad248]{text-align:center;padding:20px;font-size:16px;color:#fffc;animation:pulse-038ad248 1.5s ease-in-out infinite}@media (max-width: 480px){.forecast-loading[data-v-038ad248]{padding:15px;font-size:14px}}@keyframes pulse-038ad248{0%,to{opacity:1}50%{opacity:.6}}.fade-enter-active[data-v-038ad248],.fade-leave-active[data-v-038ad248]{transition:opacity .3s ease}.fade-enter-from[data-v-038ad248],.fade-leave-to[data-v-038ad248]{opacity:0}.dropdown-enter-active[data-v-038ad248]{animation:dropdownIn-038ad248 .3s ease-out}.dropdown-leave-active[data-v-038ad248]{animation:dropdownOut-038ad248 .2s ease-in}@keyframes dropdownIn-038ad248{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownOut-038ad248{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.slide-left-enter-active[data-v-038ad248]{animation:slideLeftIn-038ad248 .4s ease-out}.slide-left-leave-active[data-v-038ad248]{animation:slideLeftOut-038ad248 .3s ease-in}@keyframes slideLeftIn-038ad248{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftOut-038ad248{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.slide-down-enter-active[data-v-038ad248]{animation:slideDownIn-038ad248 .3s ease-out}.slide-down-leave-active[data-v-038ad248]{animation:slideDownOut-038ad248 .2s ease-in}@keyframes slideDownIn-038ad248{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownOut-038ad248{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}