:root{font-family:Varela Round,sans-serif,Inter,system-ui,Avenir,Helvetica,Arial;line-height:1.1;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;width:100%;min-height:100vh}h1,h2{cursor:default}h1{font-size:2.2em}@media screen and (max-width: 600px){body{width:100%}h1{font-size:1.7em}h2{font-size:1em}}button{cursor:pointer;transition:border-color .25s}input,button{font-family:inherit}input::placeholder{font-family:inherit}#location-form{flex:1.5;display:flex;justify-content:center;align-items:center;height:40px}#location-input{width:100%;height:100%;padding:8px 16px;margin:4px;outline:none;color:#fff;background-color:#27272a;border:1px solid white;border-radius:8px}#location-search{display:inline-flex;align-items:center;height:100%;padding:8px 12px;margin:2px;gap:4px;background-color:#add8e6;color:#000;border:1px solid transparent;border-radius:8px}#location-search:hover{border:1px solid white}@media screen and (max-width: 600px){#location-form{margin:10px 0}#location-input{width:100%}#location-search{margin:0;padding:6px;width:50%}#search-img{margin:0 auto}#search-label{display:none}}#search-img{transform:scaleX(-1)}@media (prefers-color-scheme: light){#location-input{color:#000}}#dropdown-container{position:relative}#dropdown-btn-container{display:flex;justify-content:center;align-items:center;height:40px}#dropdown-list{position:absolute;background-color:#a9a9a9;padding:6px;margin:0}#empty-text{color:#000}#dropdown-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;margin:2px;height:100%;width:100%;border:1px solid transparent;border-radius:8px;gap:4px;color:#fff}#dropdown-btn:hover{border:1px solid white}.dropdown-item{display:flex;list-style-type:none;color:#000;gap:6px}.location-btn{width:80%;text-wrap:nowrap;padding:12px;margin:4px;border:1px solid transparent;border-radius:6px}.location-btn:hover{border:1px solid white}@media screen and (max-width: 600px){#dropdown-label{display:none}#dropdown-btn-container{width:40px}#dropdown-btn{padding:0}}.remove-btn{color:#000;background-color:red;padding:12px;margin:4px 4px 4px auto;border-radius:6px;border:1px solid transparent}.remove-btn:hover{border:1px solid black}#selector-container{flex:1;position:relative;display:flex;justify-content:flex-end;align-items:center;height:40px;text-wrap:nowrap}#unit-select-btn{height:100%;padding:8px;border:1px solid transparent;border-radius:8px;color:#fff}#unit-select-btn:hover{border:1px solid white}#unit-select-btn:after{content:"Change Units"}@media screen and (max-width: 600px){#unit-select-btn:after{content:"Units"}}#unit-selector-menu{position:absolute;top:40px;padding:0;margin:0;list-style-type:none;align-self:flex-start}.unit-item{background-color:#a9a9a9;padding:4px}.unit-item>button{color:#fff;padding:6px;margin:4px;width:90%;border:1px solid transparent;border-radius:4px}.unit-item>button:disabled{color:gray}.unit-item>button:hover{border:1px solid white}.unit-item>button:disabled:hover{border:1px solid transparent}#top-nav{display:flex;flex-direction:row;background-color:#000;border-radius:10px;padding:10px;align-items:center;margin:0 auto;width:100%;height:60px;position:sticky;top:0;box-shadow:0 4px 8px -2px #091e4240,0 0 0 1px #091e4214}#locations-management-container{flex:1;display:flex;align-items:center;height:100%;border-radius:8px;gap:4px}#fav-btn{display:flex;justify-content:center;align-items:center;padding:6px;height:100%;border:1px solid transparent;border-radius:8px}#fav-btn:hover{border:1px solid white}#fav-btn:disabled:hover{border:1px solid transparent}#fav-img{height:100%;padding:0;object-fit:contain;border:none;border-radius:0}#display-weather{padding:10px;margin-top:8px;background-color:#213161;border-radius:10px;box-shadow:#00000059 0 5px 15px}#weather-data{display:flex;flex-direction:column;align-items:center;margin:10px;padding:10px;gap:16px}#weather-data>h2{margin-bottom:0}#weather-data>figure{margin-top:0}.result-card{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;border-radius:10px;padding:12px;gap:8px;width:85%;box-shadow:0 4px 6px #00000026}.result-card>h3,.result-card>p{width:fit-content}#temperatures{background-color:#0a0f30}#wind{background-color:#0a556e}#rain,#snow{background-color:#52737e}#other{background-color:#117c59}.result{padding:12px;margin:10px;background-color:#a9a9a9;border-radius:16px;width:fit-content;color:#000}.centered{display:flex;justify-content:center;padding:10px;margin:10px}.spinner{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 600px){.result-card{flex-direction:column}}#root{width:90vw;max-width:1300px;padding:1.5rem;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto}*{box-sizing:border-box}header>img{object-fit:contain}footer>p{margin:30px 0 0}a{color:#fff;text-decoration:underline}button{color:#fff;background-color:#27272a}button:disabled:hover{cursor:not-allowed}