:root{--white:#FFFFFF;--background:#FAFAFA;--gray:#ececec;--black:#292929;--blue:#3347FF;--shadow:rgba(23,125,157,0.15)}html{font-family:Onest,serif}*{box-sizing:border-box!important}body{font-size:16px;background-color:var(--background);width:100%!important;max-width:100%!important;overflow-x:hidden!important}.blue{color:var(--blue)}.menu a{text-wrap:nowrap;padding:1rem;height:3.3rem}.menu a:hover{color:var(--blue);cursor:pointer}.menu .input-wrapper{position:relative;display:inline-block;margin-left:auto;width:20rem}.menu .input-wrapper:focus{stroke:var(--blue);fill:#61dafb;color:rebeccapurple}.menu input{border-radius:35px;background-color:var(--white);border:none;font-size:16px;width:100%;padding:.4em 1em;display:inline-block}.menu input:focus{outline:none}.menu input:focus::placeholder{color:transparent}.menu .burger-menu{display:none}.input-wrapper:after{content:"";position:absolute;right:10px;top:55%;transform:translateY(-50%);width:1.6rem;height:30px;pointer-events:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23292929"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>');background-repeat:no-repeat}.under-scroll-buttons{display:none}@media (max-width:80rem){.big-scroll-buttons{display:none}.under-scroll-buttons{display:flex}.context-box{padding-inline:.5rem}}@media (max-width:768px){.menu .tab-span{display:none}.menu .burger-menu{display:block}.menu .burger-menu .dropbtn{padding:1rem}.card{max-width:90vw!important;min-width:90vw!important}.sunriseset-container,.under-scroll-buttons{display:none}.slider{margin-left:-1rem;margin-right:-1rem}.card{margin-left:1rem}.page .weather-card:last-child{margin-right:1rem}.page{gap:1rem!important}.city-slider{margin-left:-1rem;margin-right:-1rem}.city-slider .weather-card:first-child{margin-left:1rem}.city-slider .weather-card:last-child{margin-right:1rem}}.page{margin:5em 0 0;display:flex;flex-direction:row;gap:2em;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;z-index:201;position:relative}.page::-webkit-scrollbar{display:none;width:0!important;height:0!important}.card{border-radius:1rem;padding:1em 2em;min-width:28rem;gap:2em;position:relative}.card,.info{display:flex;flex-direction:row}.info{align-items:center;gap:1em;margin:.3rem .5rem}.card .choose{position:absolute;margin-left:auto;margin-bottom:auto;background-color:var(--background);padding:.5em;border-radius:0 0 0 20px;top:0;right:0}.word-weather{padding:2em 0}.word-weather .custom-button{border-radius:10px;background-color:var(--white);border:1px solid var(--black);padding:.5em 1em}.word-weather .custom-button:hover{color:var(--blue);border-color:var(--blue)}.word-weather .custom-button:active{color:var(--background);background-color:var(--black)}.country-filters{margin:2em 0;display:flex;flex-direction:row;gap:.5em}.weather-card{background-color:var(--white);position:relative}.weather-card-placeholder{background-color:var(--gray);position:relative;color:#9c9c9c}.weather-card-status svg{width:5rem;height:5rem}@media (max-width:768px){.weather-card-status svg{width:3rem;height:3rem}}.weather-row-status svg{width:2.5rem;height:2.5rem}.ways-weather-status svg{width:2rem;height:2rem}.check-box{padding:1em 2em;background-color:var(--white);min-width:381px;box-shadow:0 0 1px 1px #21212122;right:0}.checkbox-icon:hover{stroke:var(--blue);cursor:pointer;color:var(--blue)}.context-box{max-width:70rem;margin-inline:auto;padding-inline:1rem;color:var(--black);overflow-x:hidden}.region-button{border:1px solid #212121}.city-input-wrapper{position:relative;display:inline-block;margin-left:auto;width:20rem}.city-input-wrapper:focus{stroke:var(--blue);fill:#61dafb;color:rebeccapurple}.city-input-wrapper:after{content:"";position:absolute;right:10px;top:55%;transform:translateY(-50%);width:1.6rem;height:30px;pointer-events:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23292929"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>');background-repeat:no-repeat}.city-input-wrapper input{border-radius:35px;background-color:var(--white);border:none;font-size:16px;width:100%;padding:.7em 1em;display:inline-block;font-weight:400}.city-input-wrapper input:focus{outline:none}.city-input-wrapper input:focus::placeholder{color:transparent}.city-input-wrapper input::placeholder{font-weight:400}#weather-map{height:500px;width:100%;border-radius:10px}.sunriseset svg{width:5rem;height:5rem}.cityWeatherSeparator{border-bottom:1px solid var(--blue)}.city-slider{overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1rem}.city-slider::-webkit-scrollbar{display:none;width:0!important;height:0!important}.columns-auto{column-width:15rem;column-gap:3rem;width:100%}.big-scroll-buttons{max-width:100vw!important;width:100vw!important;padding-inline:min(calc(50vw - 35rem),3rem);height:23rem;left:0}#logo{display:none}.skeleton{background-color:#e2e8f0;background-image:linear-gradient(90deg,#e2e8f0,#e2e8f0 30%,#eff1f4 50%,#e2e8f0 70%,#e2e8f0);background-size:200% 100%;animation:shimmer 1s cubic-bezier(.53,.09,.29,.82) infinite}@keyframes shimmer{0%{background-position:110% 0}to{background-position:-20% 0}}select:focus{outline:none}.forecast-banner-image svg{width:7rem;height:7rem}#search-box{display:none}#search-box:hover,#search-input:focus~.search-box{display:flex!important}.search-page-input{border:2px solid #000000aa!important}.search-container{min-height:calc(100vh - 7rem)}.custom-line{border:none;border-top:1px solid #00000055;width:100%}a:hover{color:var(--blue);cursor:pointer}@media (max-width:1024px){.footer{margin:5vw!important;width:90vw!important}}@media (max-width:768px){.footer{margin:5vw!important;padding:0!important;width:90vw!important;max-width:100vw!important;overflow-x:hidden}}