.debug,.debug *{outline:1px dashed #000!important;background-color:rgba(0,0,0,.061)!important}:root{--glass-opacity:.15;--border-radius:12px}.glass{--border-width:1px;--border-color:rgba(0,0,0,.25);--box-shadow:0 8px 8px 0 rgba(0,0,0,.12);position:relative;background:linear-gradient(rgba(200,200,200,var(--glass-opacity)) 0,rgba(255,255,255,var(--glass-opacity)) 100%);backdrop-filter:blur(15px);&:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(at 50% 140%,hsla(0,0%,100%,.5) 0,var(--border-color) 40%) border-box;border-radius:inherit;-webkit-mask:linear-gradient(#000,#000) border-box,linear-gradient(#000,#000) padding-box;mask:linear-gradient(#000,#000) border-box,linear-gradient(#000,#000) padding-box;-webkit-mask-composite:source-out;mask-composite:subtract;border:var(--border-width) solid transparent}box-shadow:var(--box-shadow)}.btn{padding:.5rem 1rem}.btn,.card{border-radius:var(--border-radius)}.card{padding:1rem;h1{font-size:42px}h2{font-size:24px}h3{font-size:20px}}.medium{background-color:#fcdb5f}.medium.glass{background-color:rgba(252,219,95,calc(var(--glass-opacity)*3))}.severe{background-color:#ff5a4c}.severe.glass{background:rgba(255,90,76,calc(var(--glass-opacity)*3))}.extreme{background-color:#ab8fff}.extreme.glass{background-color:rgba(171,143,255,calc(var(--glass-opacity)*3))}.btn,input,textarea{&.glass{border:1px solid rgba(0,0,0,.25);border-radius:var(--border-radius);box-shadow:var(--box-shadow);&.pressed,&:focus-visible{outline:transparent;box-shadow:0 4px 4px 0 rgba(0,0,0,.24);transform:translateY(1px);transition:box-shadow .3s ease-in-out,box-shadow .3s ease-in-out}&:focus-visible{border:1px solid hsla(0,0%,100%,.5)}}}input[type=text].glass{color:#000}input.glass,textarea.glass{padding:.25rem 1rem}.glass-dropdown[data-v-12dfecfa]{position:relative;display:inline-block;z-index:100}#dropdown-menu[data-v-12dfecfa]{position:absolute;display:grid;grid-template-columns:1fr;transition:all .1s ease-out;opacity:1;z-index:101;background-color:hsla(0,0%,100%,0)}#dropdown-toggle[data-v-12dfecfa]:after{content:"▾";float:right;transition:transform .1s ease-in}#dropdown-toggle.open[data-v-12dfecfa]:after{transform:rotate(180deg)}.glass-dropdown:has(#dropdown-toggle:not(.open)) #dropdown-menu[data-v-12dfecfa]{--tranlateY-height:25%;opacity:0;transform:translateY(-25%);pointer-events:none}#dropdown-toggle[data-v-12dfecfa]{border-radius:var(--border-radius);border:none}#dropdown-toggle.open[data-v-12dfecfa]{border-bottom-left-radius:0;border-bottom-right-radius:0}#dropdown-menu[data-v-12dfecfa]>*,#dropdown-toggle[data-v-12dfecfa]{text-align:start;padding:8px 16px;cursor:pointer}#dropdown-menu{&[data-v-12dfecfa]{--border-width:1px;--border-radius:16px}&>button[data-v-12dfecfa]{white-space:nowrap;border-top:none;border-bottom:none;border-left:var(--border-width) solid #a9a9a9;border-right:var(--border-width) solid #a9a9a9}&[data-v-12dfecfa]>:last-child{border-bottom:var(--border-width) solid #a9a9a9;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}}nav[data-v-3306c1c8]{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;overflow:visible}#header-input-container[data-v-3306c1c8]{display:flex;position:relative;flex-direction:row;gap:2rem;margin:.5rem 1rem;padding-bottom:0;align-items:center;overflow:visible}.select-container[data-v-3306c1c8]{position:relative;overflow:visible}#profile-btn[data-v-3306c1c8]{width:3rem;height:3rem;margin-right:2rem;padding:0;display:grid;place-items:center;line-height:1.25rem}#weather-header[data-v-3306c1c8]{width:100%;position:fixed;top:0;left:0;z-index:50;overflow:visible;font-size:.875rem;background-color:#d9d9d9;box-shadow:0 11px 17px rgba(0,0,0,.69)}*,:after,:before{box-sizing:border-box;font-size:inherit}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6,p{margin:0}button::-moz-placeholder,input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:hsla(0,0%,100%,.5);opacity:1}button::placeholder,input,input::placeholder,select,select::placeholder,textarea::placeholder{color:hsla(0,0%,100%,.5);opacity:1}button,input,select,textarea{outline-color:transparent;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#router-view{max-width:min(90%,1600px);margin-inline:auto;margin-top:2rem}html{height:100%}body{font-size:20px;font-family:Montserrat,sans-serif}#bg-img{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10}