.switch-btn{--switch-btn-height: 35px;position:relative;background-color:var(--bg);border:none;border-bottom:1px solid var(--border);outline:none;cursor:pointer;overflow:hidden;height:var(--switch-btn-height);width:var(--switch-btn-height)}.switch-btn-options-container{position:absolute;top:0;transform:translateY(0);display:flex;flex-direction:column;width:var(--switch-btn-height);transition:.3s}.switch-btn-options-container.active{top:100%;transform:translateY(-100%)}.switch-btn-option{height:var(--switch-btn-height);width:var(--switch-btn-height);display:flex;justify-content:center;align-items:center}#navbar{position:fixed;top:0;background-color:var(--bg);display:flex;justify-content:space-between;align-items:center;height:80px;width:100%;padding:0 70px;z-index:10;border-bottom:1px solid var(--border)}.navbar-menu-btn{display:none}.navbar-left{flex-shrink:0;display:flex;align-items:center}.navbar-link{position:relative;width:fit-content;margin-right:20px;padding:3px 0;text-decoration:none;font-size:20px;font-weight:500;color:var(--secondary);opacity:.4;transition:.2s ease-in-out}.navbar-link.active{opacity:1;color:var(--primary)}.navbar-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background-color:var(--primary);transition:.2s ease-in-out}.navbar-link.active:after{width:100%}#hour{background:none;outline:none;border:none;border-bottom:1px solid var(--border);font-size:16px;font-weight:400;color:var(--secondary);padding:4px 0;width:85px}.navbar-right{display:flex;align-items:center;gap:20px}.navbar-search-container{display:flex;align-items:center;height:45px;width:130px;background-color:var(--bg)}.search-icon{color:var(--secondary);height:24px;width:24px;margin-right:2px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.search-svg{height:100%;width:100%;margin-right:4px}.search-input{background-color:transparent;color:var(--secondary);border:none;outline:none;font-size:18px;font-weight:600;padding:0;margin:0;width:100%}.search-input::-webkit-search-cancel-button{display:none}.search-input::placeholder{font-weight:300}.navbar-btns-container{width:fit-content;display:flex;gap:20px}.navbar-unit-text{font-size:20px;font-weight:400;letter-spacing:1.5px;color:var(--secondary)}.theme-svg{color:var(--secondary);height:70%}@media screen and (max-width: 768px){#navbar{position:fixed;top:0;padding-right:30px;justify-content:end}.navbar-menu-btn{display:block;position:absolute;left:30px;top:50%;transform:translateY(-50%);z-index:100;height:30px;width:30px;background:none;border:none;outline:none;display:flex;flex-direction:column;justify-content:space-between}.navbar-menu-btn-top-line,.navbar-menu-btn-middle-line,.navbar-menu-btn-bottom-line{width:100%;height:3px;background-color:var(--secondary);position:absolute;transition:all .2s ease-out}.navbar-menu-btn-top-line{top:0}.navbar-menu-btn-middle-line{top:50%;left:0;transform:translateY(-50%)}.navbar-menu-btn-bottom-line{bottom:0}.navbar-menu-btn-top-line.active{top:50%;transform:rotate(45deg) translateY(-50%)}.navbar-menu-btn-middle-line.active{opacity:0;left:-50%}.navbar-menu-btn-bottom-line.active{bottom:50%;transform:rotate(-45deg) translateY(50%)}.navbar-left{position:absolute;top:80px;left:-100%;height:100vh;width:250px;background-color:var(--bg);transition:left .2s ease-out,background-color .2s ease-in-out;flex-direction:column;align-items:start;padding:30px;gap:20px}.navbar-left.active{left:0}.navbar-links-container{display:flex;flex-direction:column;gap:20px}}.line-loader-container{--line-loader-size: 80px;--line-loader-speed: 1.75s;--line-loader-stroke: 5px;--line-loader-bg-opacity: .1;position:relative;display:flex;align-items:center;justify-content:center;height:var(--line-loader-stroke);width:var(--line-loader-size);border-radius:calc(var(--line-loader-stroke) / 2);overflow:hidden;transform:translateZ(0)}.line-loader-container:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--primary);opacity:var(--line-loader-bg-opacity);transition:background-color .3s ease}.line-loader-container:after{content:"";height:100%;width:100%;border-radius:calc(var(--line-loader-stroke) / 2);animation:wobble var(--line-loader-speed) ease-in-out infinite;transform:translate(-95%);background-color:var(--primary);transition:background-color .3s ease}@keyframes wobble{0%,to{transform:translate(-95%)}50%{transform:translate(95%)}}.sum-card{width:fit-content;margin:0 auto;background-color:var(--card-bg);border-radius:14px;height:430px;width:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.sum-card-day{font-size:34px;font-weight:500;color:var(--primary);text-align:center}.sum-card-location{text-align:center}.sum-card-city{font-size:24px;font-weight:400;color:var(--primary)}.sum-card-country{font-size:16px;font-weight:300;color:var(--secondary)}.sum-card-condition-icon{margin-top:20px;height:120px;width:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}.sum-card-condition-icon-img{height:100%}.sum-card-condition-text{margin-bottom:20px;text-align:center;font-size:18px;font-weight:400;color:var(--primary)}.sum-card-temp{text-align:center}.sum-card-temp-number{font-size:60px;font-weight:400;color:var(--primary)}.sum-card-temp-unit{font-size:24px;font-weight:400;line-height:1.8;vertical-align:top;color:var(--primary)}.sum-card-svg{height:100%;width:100%}.sum-card-svg path{color:var(--primary)}.sum-card-svg .sunny-path{color:var(--sunny)}.sum-card-svg .rainy-path{color:var(--rainy)}.sum-card-svg .cloudy-path{color:var(--cloudy)}.sum-card-not-found{color:var(--primary);text-align:center;font-size:30px}.arc-meter-container{position:relative;height:100px;width:200px;background-color:var(--card-bg)}.arc-meter-body{position:relative;width:100%;height:0;padding-bottom:50%;border-top-left-radius:100% 200%;border-top-right-radius:100% 200%;background-color:var(--border);overflow:hidden}.arc-meter-fill{position:absolute;top:100%;left:0;width:inherit;height:100%;background-color:var(--sunny);transform-origin:top;transition:transform .2s ease-out}.arc-meter-cover{position:absolute;width:75%;top:25%;left:50%;height:150%;transform:translate(-50%);background-color:var(--card-bg);border-radius:50%}.arc-meter-value{position:absolute;bottom:0;left:50%;transform:translate(-50%,18%);font-size:60px;font-weight:300;color:var(--highlight)}.meter-container{position:relative;height:110px;width:40px;border:3px solid var(--border);border-radius:50px;flex-shrink:0}.meter-body{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);height:calc(100% - 8px);width:calc(100% - 8px);border-radius:50px;overflow:hidden}.meter-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-transform:translateX(-50%);background-color:var(--rainy);height:20%;width:100%;border-radius:50px;transition:.2s ease-out}#more-info{border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:40px}.more-info-btn{font-size:14px;font-weight:500;height:40px;width:90px;color:var(--secondary);background:none;border:none;outline:none;cursor:pointer;transition:padding .2s ease-in-out}.more-info-btn:hover{padding-bottom:4px}.more-info-btn:active{transform:scale(.97)}.more-info-bottom{display:grid;grid-template-columns:repeat(3,minmax(350px,420px));grid-template-rows:1fr 1fr;justify-items:center;gap:20px;height:100%;padding-bottom:40px}.info-card-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:10px;background-color:var(--card-bg);border-radius:15px}.info-card{background-color:var(--card-bg);width:100%;height:100%;padding:20px;overflow:hidden}.info-card .card-title{color:var(--primary);font-size:20px;font-weight:300;color:var(--secondary)}.info-card .card-content{color:var(--primary);margin-top:10px;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.humidity-card-content{flex-shrink:0;width:100%;display:flex;justify-content:space-between;align-items:center}.humidity-card-info{display:flex;align-items:center}.humidity-card-info-svg-container{height:60px;width:60px}.humidity-card-info-svg{height:100%;width:100%}.humidity-card-info-svg *{color:var(--rainy)}.humidity-card-info-number{font-size:60px;font-weight:300;color:var(--rainy)}.humidity-card-info-percentage{font-size:30px;font-weight:300;color:var(--rainy);align-self:start;padding-top:8px;padding-left:4px}.visibility-card-content{width:100%;display:flex;align-items:center}.visibility-card-info-svg-container{height:60px;width:60px}.visibility-card-info-svg{height:100%;width:100%}.visibility-card-info-svg *{color:var(--secondary)}.visibility-card-info-number{padding-left:10px;color:var(--secondary);font-size:60px;font-weight:300}.visibility-card-info-unit{font-size:24px;font-weight:300;color:var(--secondary);padding-top:18px;padding-left:4px}.sunrise-sunset-card-content{width:100%;display:flex;flex-direction:column;gap:20px;padding:0 10px}.sunrise-container,.sunset-container{display:flex;align-items:end;gap:14px}.sunrise-svg-container,.sunset-svg-container{height:50px;width:50px}.sunrise-svg,.sunset-svg{height:100%;width:100%}.sunrise-svg *,.sunset-svg *{color:var(--highlight)}.sunrise-hour,.sunset-hour{font-size:20px;padding-bottom:2px;color:var(--secondary)}.minmax-temp-card-content{width:100%;display:flex;flex-direction:column;gap:20px;padding-left:14px}.max-temp-container,.min-temp-container{display:flex;align-items:center;gap:25px}.max-temp-svg-container,.min-temp-svg-container{height:60px;width:60px}.max-temp-svg,.min-temp-svg{height:100%;width:100%}.max-temp-svg *{color:var(--highlight)}.min-temp-svg *{color:var(--rainy)}.max-temp-text-container,.min-temp-text-container{display:flex}.max-temp-text,.min-temp-text{font-size:60px;font-weight:300}.max-temp-text,.max-temp-unit{color:var(--highlight)}.min-temp-text,.min-temp-unit{color:var(--rainy)}.max-temp-unit,.min-temp-unit{font-size:25px;font-weight:300;padding-top:7px;padding-left:4px}.wind-status-card-content{width:100%;display:flex;flex-direction:column;gap:20px}.wind-speed-container,.wind-direction-container{display:flex;align-items:center}.wind-svg-container{height:50px;width:50px}.wind-svg{height:100%;width:100%}.wind-svg *{color:var(--cloudy)}.wind-speed-text-container{display:flex;gap:6px}.wind-speed-number{margin-left:8px;font-size:60px;font-weight:300;color:var(--cloudy)}.wind-speed-unit{font-size:24px;align-self:end;padding-bottom:10px;color:var(--cloudy)}.compass-svg-container{height:34px;width:34px}.compass-svg{height:100%;width:100%;transition:transform .2s ease-out}.compass-svg *{color:var(--cloudy)}.wind-direction-text-container{display:flex;margin-left:14px}.wind-direction-degree{color:var(--cloudy);font-size:40px}.wind-direction-code{color:var(--cloudy);align-self:end;padding-bottom:8px;padding-left:6px;font-size:16px;font-weight:400}@media screen and (max-width: 768px){.more-info-bottom{grid-template-columns:minmax(350px,420px);grid-template-rows:repeat(6,300px)}}#forecast{height:100%;padding:50px 0;display:flex;flex-direction:column;align-items:center;gap:40px;margin-top:80px}@media screen and (max-width: 768px){#forecast{margin-top:110px}}.main{background-color:var(--bg);display:flex;flex-direction:column;flex-grow:1}#root{width:100%;display:flex}@font-face{font-family:Poppins;src:url(/assets/Poppins-Black-yHqY0KRU.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-ExtraBold-W_qeO1XX.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-SemiBold-B_fPDAUb.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-Medium-Cxde2ZoM.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-Light-DT6-CsId.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-ExtraLight-u2IJXg5c.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-Thin-leD9T1nx.ttf) format("truetype");font-weight:100;font-style:normal}:root{--bg: #f5f5f5;--card-bg: #ffffff;--primary: #2d2d2d;--secondary: #7e7e7e;--border: #c7c7c7;--highlight: #fdc830;--sunny: #ffd700;--cloudy: #b0bec5;--rainy: #4a90e2}.dark{--bg: #181a1b;--card-bg: #232527;--primary: #eaeaea;--secondary: #8e8e8e;--highlight: #fdc830;--border: #424242;--sunny: #ffdd57;--cloudy: #78909c;--rainy: #42a5f5}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif;line-height:1.2;transition:color .2s ease-in-out,background-color .2s ease-in-out,border .2s ease-in-out,outline .2s ease-in-out}body{min-height:100vh;width:100%;display:flex}