:root{--text-color: #f1f1f1;--text-gray: gray;--text-bright-gray: #d1d1d1;--main-background: #313131;--background-darker: #1e1e1e;--background-brigther: #272727}*{scrollbar-width:thin;transition:filter .4s;font-family:Roboto Flex,sans-serif}html{line-height:normal!important;overflow-x:hidden}.disabled{cursor:not-allowed!important;filter:opacity(50%)}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}main{position:relative;z-index:2;color:var(--text-color)}a:hover{text-decoration:underline}.relative{position:relative}.blur{filter:blur(5px);user-select:none;pointer-events:none}.float_left{float:left}.float_right{float:right}.align_mright{margin-left:auto}.clickable{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clickable:focus{outline:none!important}.footer-title{display:flex!important;position:relative;margin-left:auto;align-items:center}.footer-title>.title-logo{position:absolute;left:-30px}.container-footer{display:flex;position:relative;padding:10px 5px}.smallgray{color:var(--text-gray)!important;font-size:12px!important}.smalltext{font-size:12px!important}.smalltext2{font-size:10px!important}.centerabs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.material-tooltip{background:#2e3133!important;color:var(--text-color)!important}.material-tooltip>*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.title-miscinfo{text-align:right;font-style:italic;font-size:12px;align-self:flex-end;margin-bottom:5px}.title-name,.title-logo{user-select:none;font-size:16px}.title-logo{width:30px;height:30px}.divider{background:#686868!important}.w100{width:100%!important}.modal,.modal-footer{background-color:var(--background-darker)!important}.break{flex-basis:100%;height:0}.modal-close{margin-right:5px!important}.modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(255,255,255,.1)!important}.setting{height:29px!important;display:flex;justify-content:center;align-content:center;align-items:center;margin-top:15px}.settings-grid{display:grid}.settings-grid>.seperator{margin-top:15px}.modal-footer-creds{height:100%;padding-top:15px;position:absolute;bottom:5px;text-align:left;display:grid;font-family:monospace}.modal-footer-creds>span{height:min-content}.project-version{top:0;margin-bottom:auto}.copyright-text{bottom:0}.settings-footer-credits{margin-top:25px}.percentage-display{right:15px;position:absolute;width:15px;height:50%;border-radius:1rem;background-color:var(--main-background);overflow:hidden;box-shadow:0 0 1px 1px #181818 inset}.percentage-display>.icon{position:absolute;z-index:2;top:25%;font-size:15px}.percentage-display>.percentage{position:absolute;bottom:0;width:100%;height:0%;background-color:#fff;transition:height 1s;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;box-shadow:0 0 3px 1px #000000c4 inset}.input-field.col>label{left:0!important}.setting>.input-field{margin:0;margin-bottom:5px!important;margin-left:auto!important}.input-field{margin-bottom:5px!important}.setting.input-field>.select-wrapper{margin-left:auto!important}.input-field>label{display:none}.setting>label{margin-left:auto}.setting>.input-field>input{height:2.5rem!important;font-size:15px!important;text-align:left;padding:0 10px!important;display:flex}.dropdown-content{height:max-content!important;max-height:200px}.dropdown-content>li{user-select:none;min-height:15px!important}.dropdown-content>li>span{padding:10px 16px!important;user-select:none}.range-field,.range-field>input{margin:0!important;padding:0!important;border:none!important}.setting-name{display:flex;justify-content:center;align-items:center}.seperator{background-color:var(--background-brigther);height:1px}input[type=text].select-dropdown:not(.browser-default){border-bottom:1px solid #3a3a3a!important}input[type=text].select-dropdown:not(.browser-default):focus{box-shadow:0 0!important;border-bottom:1px solid #3a3a3a!important}.searchcity_input:focus{padding-top:20px!important}.material-symbols-outlined{user-select:none}.search-box{margin-top:35px!important;width:560px!important}.search-box-container{display:flex;justify-content:center;align-items:center;align-self:center}.searchcity-input{height:45px!important;padding-top:0!important;background:#161616!important;border-radius:22px!important;padding-left:40px!important;border:solid 1px var(--background-brigther)!important;padding-bottom:2px;transition:border-radius .2s;font-family:Roboto Flex,sans-serif}.searchcity-input.focused{border-radius:22px 22px 0 0!important;border-bottom:none!important;transition:none!important}.current_location{position:absolute!important;color:var(--text-color)!important;left:0;box-shadow:none!important;width:35px!important;height:35px!important;margin-left:5px;margin-bottom:1px}.search-box-container>.loading-spinner{transform:scale(.8);position:absolute;left:calc(100% - 40px)!important;top:55%}.autocomplete-dropdown{position:absolute;width:100%;z-index:2;background-color:#161616;padding-top:5px;padding-bottom:5px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;max-height:300px;overflow:auto;border:solid 1px var(--background-brigther)}.dropdown-item{width:100%;box-shadow:none!important;text-transform:none!important;border-radius:0!important;background:transparent}.dropdown-item:hover{background-color:#333!important}.dropdown-item>.city-name{font-size:15px}.dropdown-item>.country-flag{max-width:15px;max-height:15px;margin-right:5px}.dropdown-item>.city-iso{font-size:10px;font-weight:700;margin-left:5px}.loading-spinner{opacity:50%;width:42px;user-select:none;pointer-events:none;z-index:100}#toast-container{bottom:10%!important;top:0%!important}.weather-data{margin-top:35px!important;width:560px!important;padding-bottom:10px}.main-info-temperature{height:30px;display:flex;align-items:center;transform:translate(-15px);font-weight:700;font-size:25px;margin-bottom:10px}.main-info-weather-icon{pointer-events:none;user-select:none;width:40px;margin-right:15px;margin-left:10px}.main-info-right{position:absolute;margin-right:10px;right:0;display:grid;word-wrap:break-word;margin-left:auto;text-align:right}.main-info-left{display:grid;margin-top:auto;text-align:left;user-select:none}.temperature-value{transform:translate(-10px)}.main-info{background:transparent!important;display:flex;align-items:center;font-size:20px;margin-bottom:15px;max-height:max-content!important}.weather-description{font-size:12px;color:var(--text-gray);text-wrap:nowrap}.wind-direction{user-select:none;position:absolute;right:10px;gap:5px;display:flex;justify-content:center;align-items:center;margin-left:auto}.wind-direction-icon{transition:transform 1s,scale .2s;transition-delay:.1s}.weather-data-info-wind{gap:35px!important}.gray-filter{filter:invert(100%) sepia(12%) saturate(12%) hue-rotate(292deg) brightness(93%) contrast(78%)}.wind-info{margin-top:5px;display:flex;align-items:center}.wind-directiondeg{color:var(--text-gray);font-size:12px;text-align:right;max-width:100px}.wind-info>.wind-speed-value{margin-left:5px}.sunsetrise-info,.misc-weather-info{display:flex;justify-content:center;gap:10px}.sunsetrise-info>.weather-data-info-item>.weather-data-info-icon{width:35px;height:35px;top:10px;right:10px}.weather-data-current-time{font-size:12px;width:min-content;margin-left:auto;user-select:none}.weather-data-info-item{position:relative;margin-top:10px;gap:10px;align-items:center;align-self:center;display:flex;background-color:#161616;padding:10px;border-radius:4px;width:50%;flex-wrap:wrap;overflow:hidden;margin-bottom:auto;max-height:55px;min-height:55px;transition:max-height .2s}.weather-data-info-item.expand{max-height:150px!important}.weather-data-info-item-value{margin:0;font-weight:700;user-select:none}.weather-data-info-item-name{margin:0 0 auto;color:var(--text-gray);font-size:12px;user-select:none;word-break:break-all}.weather-data-info-icon{position:absolute;right:5px;top:5px;width:45px;height:45px;user-select:none;margin-left:auto}.settings-button-container{display:flex;align-items:center;position:absolute;right:15px;top:15px;z-index:99}.settings-btn{width:30px!important;height:30px!important;justify-content:center;align-items:center;align-content:center;display:flex!important;box-shadow:none!important}.settings-btn>span{color:var(--text-color)}.test-setting-item{margin-top:10px}.weather-forecast-list{position:relative;max-height:300px!important;height:max-content!important;gap:0}.weather-forecast-items,.weather-forecast-misc-items{margin-top:10px;display:flex;gap:10px;margin-bottom:auto;-webkit-overflow-scrolling:touch;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.weather-forecast-wind-direction-icon{margin-top:5px;height:25px!important}.weather-forecast-misc-items{gap:7px}.weather-forecast-misc-items>.weather-forecast-item>.weather-forecast-value{margin-bottom:5px;padding-top:5px;white-space:nowrap;line-height:10px}.weather-forecast-rain-chance,.weather-forecast-rain-chance>.material-symbols-outlined{display:flex;justify-content:center;align-content:center;align-items:center;font-size:10px;color:#27a1ec}.weather-forecast-items::-webkit-scrollbar{display:none}.weather-forecast-item{display:grid;justify-content:center;align-content:center;text-align:center;height:100%}.weather-forecast-value,.weather-forecast-time-value{font-size:12px;font-weight:700}.unitText{font-size:8px!important;margin-left:2px}.weather-forecast-time-value{margin-top:5px;font-size:12px}.weather-forecast-time-value{font-weight:400}.weather-forecast-icon{height:40px;width:40px;user-select:none}.notifications{display:flex;flex-direction:column-reverse;gap:10px;overflow:hidden;padding:10px;position:absolute;top:0;right:0;height:100%;width:300px;background-color:transparent}.notification:first-child{margin-bottom:auto}.notification{z-index:99999999;cursor:pointer;position:relative;padding:10px;border-radius:2px;background-color:var(--main-background);width:100%;max-height:6.5em;user-select:none;word-break:break-all;overflow:hidden;text-overflow:ellipsis;transition:transform .2s,max-height .2s;animation:notification-in .2s}.close-button{background:transparent;border:none;outline:none;position:absolute;right:0;top:5px;cursor:pointer;z-index:3}.close-button:focus{background-color:transparent!important}.notification-expand{max-height:10em}.notification-out{transform:translate(110%)!important}.notification:hover{transform:translate(-5px)}.notification:after{content:"";position:absolute;inset:0 -15px;box-shadow:inset #000000a6 0 -5px 5px}.notification:after{box-shadow:inset var(--notification-boxshadow-color) 0 -5px 5px}.notification-title{display:flex;align-items:center;align-content:center;align-self:center}.notification-title-text{word-break:keep-all;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-left:5px;margin-bottom:0;font-weight:700}.notification-body{margin-top:5px;margin-bottom:0;word-break:break-word}.weather-alerts{display:grid;justify-content:center}.weather-alert:not(:last-child){margin-bottom:5px}.weather-alert{position:relative;border-radius:3px;padding:5px 10px;background:#a01b1b;min-width:350px;display:flex;align-items:center;max-width:600px}.weather-alert-content{display:grid;text-align:left;margin-left:10px;width:100%;word-break:break-word}.weather-alert-icon{margin-bottom:auto;margin-top:10px;font-size:25px!important}.weather-alert-headline{font-weight:700;font-size:14px}.weather-alert-desc{font-size:12px}.weather-alert-time{font-size:10px;color:var(--text-bright-gray);margin-left:auto;margin-top:5px;font-style:italic}.hourly-details-tabs{position:absolute;right:5px;top:5px;display:flex;gap:5px}.hourly-detail-tab{text-decoration:none!important;font-size:12px;color:var(--text-gray);cursor:pointer;padding:1px 5px!important;background-color:var(--background-darker);border-radius:2px;transition:background-color .2s;user-select:none}.tab-selected{outline:solid 1px #3b3b3b!important}.hourly-detail-tab:hover:not(.disabled){background-color:var(--background-brigther)}@media only screen and (max-width: 460px){.misc-weather-info{display:flow-root}.misc-weather-info>.weather-data-info-item{width:100%}}@media only screen and (max-width: 700px){.container{width:100%!important;padding:.5em}.search-box{margin-top:0!important}.search-city-input-field{margin-right:35px!important}.settings-button-container{top:calc(.5em + 13px);right:10px}.search-box{width:100%!important}.weather-data{width:100%!important;margin-top:0!important;padding-top:0!important}.weather-alert{width:calc(100vw - 100px)}.title-miscinfo{font-size:10px}.notifications{width:100%}.notification{margin-bottom:0!important}}@media only screen and (max-width: 550px){.main-info{justify-content:center}.main-info>div{position:relative}.main-info-right{margin-left:0;text-align:center}.main-info-left{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;gap:10vw}.main-info-temperature{justify-content:center;margin-top:10px}.main-info-temperature:after{content:"";right:-5vw;position:absolute;background:var(--main-background);height:100%;width:1px}.weather-description{display:grid}.weather-description>.bull{display:none}.weather-data-current-time{font-size:15px;margin-left:0;width:100%}}@keyframes notification-in{0%{transform:translate(110%)}to{transform:translate(0)}}@-webkit-keyframes sk-cubemove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(.5)}to{-webkit-transform:rotate(-360deg)}}@keyframes sk-cubemove{25%{transform:translate(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translate(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translate(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translate(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(.5)}to{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}.loading-spinner:before{z-index:999;content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #ccc;border-top-color:#000;animation:spinner .6s linear infinite}