:root{--font: "Montserrat", sans-serif;--color-primary: #fff;--color-bg: #343d4b;--color-primary-inverted: #000;--color-bg-card: #272e37;--color-bg-main: #222831;--gradient: linear-gradient( 91deg, rgba(144, 217, 224, .9) .2%, rgba(84, 96, 230, .9) 100% );--gradient-inverted: linear-gradient( 256deg, rgba(144, 217, 224, .9) 9.04%, rgba(84, 96, 230, .9) 92.2% )}body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-primary);font-family:var(--font);display:grid;place-items:center;align-content:center;min-height:100vh}*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}.weather-effects[data-v-9df6dd58]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;border-radius:30px;z-index:1}.raindrop[data-v-9df6dd58]{position:absolute;top:-30px;background:linear-gradient(to bottom,transparent,rgba(173,216,230,.8));border-radius:50%/60% 60% 40% 40%;animation:fall-9df6dd58 linear infinite}@keyframes fall-9df6dd58{0%{transform:translateY(-30px) rotate(15deg)}to{transform:translateY(700px) rotate(15deg)}}.snowflake[data-v-9df6dd58]{position:absolute;top:-10px;background-color:#fff;border-radius:50%;filter:blur(.5px);animation:snowfall-9df6dd58 linear infinite;box-shadow:0 0 5px #ffffff80}@keyframes snowfall-9df6dd58{0%{transform:translateY(-10px) translate(0)}to{transform:translateY(700px) translate(var(--sway))}}.snowflake.mixed[data-v-9df6dd58]{background:linear-gradient(to bottom,#fff,#add8e6)}.left__panel[data-v-b52063ce]{background:url(/weather/assets/back-zQty8_P4.png);width:500px;height:666px;border-radius:30px;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:space-between;padding:50px 30px;position:relative;overflow:hidden}.left__top[data-v-b52063ce]{display:flex;flex-direction:column;gap:15px}.left__day[data-v-b52063ce]{color:#fff;font-size:37px;font-weight:700;text-transform:capitalize}.left__date[data-v-b52063ce]{color:#fff;font-size:22px;font-weight:500}.left__city[data-v-b52063ce]{color:#fff;font-size:20px;font-weight:600;display:flex;align-items:end;gap:5px;text-transform:capitalize}.left__buttom[data-v-b52063ce]{display:flex;flex-direction:column;gap:10px}.left__temp[data-v-b52063ce]{font-size:50px;font-style:normal;font-weight:700}.left__info[data-v-b52063ce]{font-size:30px;font-style:normal;font-weight:700}@media(max-width:1070px){.left__panel[data-v-b52063ce]{height:450px;justify-content:space-between;width:468px;padding:40px 30px}}@media(max-width:800px){.left__panel[data-v-b52063ce]{height:430px;justify-content:space-between;width:345px;display:flex;align-items:center;text-align:center}.left__info[data-v-b52063ce]{font-size:20px}.left__buttom[data-v-b52063ce]{display:flex;align-items:center;text-align:center}.left__city[data-v-b52063ce],.left__date[data-v-b52063ce]{display:flex;align-items:center;text-align:center;justify-content:center}}.stat__wrapper[data-v-ae38fb50]{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px}.stat__title[data-v-ae38fb50]{font-size:28px;font-weight:700;text-transform:uppercase}.stat__value[data-v-ae38fb50]{font-size:28px;font-weight:500}.card__wrapper[data-v-ba8765e6]{display:flex;gap:1px;margin-top:50px;margin-bottom:50px;width:100%}.card[data-v-ba8765e6]{display:flex;flex-direction:column;gap:15px;padding:15px 25px;border-radius:10px;background:#272e37;box-shadow:1px 2px 4px #222831;align-items:center;width:100%;cursor:pointer;transition:.1s ease}.active[data-v-ba8765e6]{color:#000;background:#fff}.card__day[data-v-ba8765e6]{font-size:20px;text-transform:capitalize;font-weight:400}.card__temp[data-v-ba8765e6]{font-size:20px;font-weight:700}.card[data-v-ba8765e6]:not(.active):hover{background:#3a434f;box-shadow:1px 2px 4px #222831;transform:translateY(2px)}.active[data-v-ba8765e6]{background:#fff;color:#000}@media(max-width:800px){.card__temp[data-v-ba8765e6]{font-size:18px}}@media(max-width:800px){.swiper-container[data-v-ba8765e6]{padding:0 25px}.custom-nav-btn[data-v-ba8765e6]{width:30px;height:30px}.custom-nav-btn svg[data-v-ba8765e6]{width:16px;height:16px}.card[data-v-ba8765e6]{padding:15px 16px}}.button[data-v-5bca1d33]{display:flex;align-items:center;column-gap:5px;cursor:pointer;border-radius:10px;background:inherit;width:100%;justify-content:center;color:#fff;font-size:20px;font-weight:600;padding:13px;height:52px;background:linear-gradient(91deg,#90d9e0e6 .2%,#5460e6e6);transition:background .3s ease}.button[data-v-5bca1d33]:hover{background:var(--gradient-inverted)}.input-wrapper[data-v-9700c673]{position:relative;width:100%}.input[data-v-9700c673]{font-size:18px;border-radius:10px;background:#272e37;box-shadow:1px 2px 4px #242e3d;padding:15px 20px;width:100%}.input[data-v-9700c673]:focus{outline:none;border-color:#3a434f}.input[data-v-9700c673]::placeholder{color:#3f4958;font-size:18px;font-weight:400}.dropdown[data-v-9700c673]{position:absolute;top:100%;left:0;right:0;background:#1c2025;border-radius:10px;margin-top:10px;border:1px solid #3a434f;z-index:9999;box-shadow:0 4px 12px #0000004d;overflow-y:scroll;-webkit-overflow-scrolling:touch;scrollbar-color:#53a17d #1c2025}.dropdown[data-v-9700c673]::-webkit-scrollbar{width:8px;display:block!important}.dropdown[data-v-9700c673]::-webkit-scrollbar-track{background:#1c2025;border-radius:10px}.dropdown[data-v-9700c673]::-webkit-scrollbar-thumb{background:#53a17d;border-radius:10px}.dropdown[data-v-9700c673]::-webkit-scrollbar-thumb:hover{background:#3bf69f}.drop-item[data-v-9700c673]{padding:12px 20px;cursor:pointer;color:#fff;border-bottom:1px solid #3a434f;transition:background-color .2s;z-index:1000}.city-name[data-v-9700c673]{font-weight:500;margin-bottom:4px}.city-details[data-v-9700c673]{font-size:13px;display:flex;align-items:center;gap:5px;opacity:.8}.region[data-v-9700c673]{color:#3bf69f;font-size:13px}.con[data-v-9700c673]{color:#fffc;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);padding:5px;border-radius:20px}.drop-item:hover .city-details[data-v-9700c673]{opacity:1}.drop-item[data-v-9700c673]:hover{background:#1fb17911;border-color:#1fb1792c}@media(max-width:1080px){.dropdown[data-v-9700c673]{width:302px;overflow-y:scroll}.dropdown .dropdown[data-v-9700c673]::-webkit-scrollbar{width:8px;display:block!important}.dropdown .dropdown[data-v-9700c673]::-webkit-scrollbar-track{background:#1c2025;border-radius:10px}.dropdown .dropdown[data-v-9700c673]::-webkit-scrollbar-thumb{background:#53a17d;border-radius:10px}.dropdown .dropdown[data-v-9700c673]::-webkit-scrollbar-thumb:hover{background:#3bf69f}}.two[data-v-c7235d86]{display:flex;gap:12px}.error__text[data-v-18333efb]{color:#fff;font-size:18px;font-weight:400}.wrapper__error[data-v-18333efb]{border-radius:0 0 25px 25px;background:#272e37;box-shadow:1px 2px 4px #222831;text-align:center;padding:15px;margin-bottom:410px;margin-top:-55px}@media(max-width:1070px){.wrapper__error[data-v-18333efb]{margin-bottom:410px;margin-top:45px;border-radius:10px}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.right__wrapper[data-v-4150b250]{border-radius:25px;background:#222831;padding:55px 50px;width:520px;position:relative}.swiper-container[data-v-4150b250]{position:relative;margin:30px 0;padding:0 40px;overflow:hidden}.slide-content[data-v-4150b250]{padding:5px;cursor:pointer}.custom-navigation[data-v-4150b250]{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:10}.custom-nav-btn[data-v-4150b250]{pointer-events:auto;background:#fff3;border:none;border-radius:50%;width:40px;height:40px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000004d}.custom-nav-btn[data-v-4150b250]:hover{background:#ffffff4d;transform:scale(1.1)}.custom-nav-btn[data-v-4150b250]:active{transform:scale(.95)}.custom-nav-btn.swiper-button-disabled[data-v-4150b250]{opacity:.3;cursor:not-allowed;transform:none!important}.custom-nav-btn svg[data-v-4150b250]{width:20px;height:20px}[data-v-4150b250] .swiper{overflow:visible}[data-v-4150b250] .swiper-slide{height:auto;display:flex;align-items:center;justify-content:center}@media(max-width:1080px){.right__wrapper[data-v-4150b250]{display:flex;flex-direction:column-reverse;width:350px;padding:30px 15px}.swiper-container[data-v-4150b250]{padding:0 30px}.custom-nav-btn[data-v-4150b250]{width:35px;height:35px}.custom-nav-btn svg[data-v-4150b250]{width:18px;height:18px}}@media(max-width:800px){.swiper-container[data-v-4150b250]{padding:0 25px}.custom-nav-btn[data-v-4150b250]{width:30px;height:30px}.custom-nav-btn svg[data-v-4150b250]{width:16px;height:16px}.card[data-v-4150b250]{padding:10px 5px}}.wrapper[data-v-d72ba6fc]{display:flex;align-items:center;padding:20px}@media(max-width:1080px){.wrapper[data-v-d72ba6fc]{flex-direction:column}}