:root{-webkit-touch-callout:none;-webkit-user-callout:none;-webkit-user-drag:none;-webkit-user-modify:none;-webkit-highlight:none;-webkit-tap-highlight-color:transparent}:root{--app-text: #F2F3F6;--app-link: #549fff;--app-100: #04081A;--app-200: #191A31;--app-300: #2B345A;--app-400: #3f476f;--app-500: #5d679c;--app-600: #757575;--app-700: #999;--app-800: #aaa;--app-900: #ccc;--app-accent: #6366f1;--app-accent-50: #7376ff;--app-accent-100: #6366f1;--app-accent-200: #4b4ecf;--app-blue: #3679f0;--app-red: #ee4d3c;--app-green: #4dca9a;--app-yellow: #fffc5c;--app-pink: #ff5bff;--app-purple: #895bff;--app-orange: #ff9b5b;--app-white: #fff;--app-dark-blue: #1e4d9e;--app-dark-red: #c33f33;--app-dark-green: #2c7e4b;--app-dark-yellow: #c7b200;--app-dark-pink: #c95bff;--app-dark-purple: #5f5bff;--app-dark-orange: #c86f33;--transition-function: cubic-bezier(.4, 0, .2, 1);--nav-width: 80px;--nav-width-expanded: 300px;--content-width: 800px;--nav-height: 60px;--specular-highlight: -.5px -.5px 1px #ffffff52 inset, 1px 1px .5px #ffffff52 inset, 0 4px 24px #0000003d}*{transition:background .2s var(--transition-function),color .2s var(--transition-function);scrollbar-width:none}body{padding:0;margin:0;background-color:var(--app-100);color:var(--app-text);height:100vh;overflow:hidden;user-select:none;-webkit-user-select:none;font-family:GG Sans,sans-serif}a{color:var(--app-link);text-decoration:none}a:hover{text-decoration:underline}::placeholder{color:#f5f5f599;opacity:1;text-wrap:nowrap;text-overflow:ellipsis}#app{display:flex;height:100%;background-color:var(--background)}.sidebar{width:var(--nav-width-expanded, 200px);background-color:var(--app-200);border-right:1px solid;border-color:#0000006e;flex-shrink:0;padding-top:var(--nav-height);box-sizing:border-box;overflow:hidden}.sidebar .outer-sidebar{display:flex;flex-direction:column;width:var(--nav-width-expanded, 200px);padding-inline:1rem;box-sizing:border-box}.main{position:relative;flex-grow:1;flex-shrink:1;height:100%;box-sizing:border-box}.titlebar{position:absolute;top:0;left:0;width:100%;height:80px;display:flex;justify-content:center;align-items:center;z-index:2;pointer-events:none;user-select:none;-webkit-user-select:none;opacity:1;transition:opacity .8s var(--transition-function)}.titlebar .title{z-index:1;font-size:1;font-weight:700;color:var(--app-text);text-shadow:0 0 15px var(--app-100);opacity:1;filter:blur(0px);transform:translateY(0);user-select:none;-webkit-user-select:none;transition:opacity .4s var(--transition-function),filter .4s var(--transition-function),transform .4s var(--transition-function)}.titlebar.hide .title{opacity:0;filter:blur(10px);transform:translateY(10px)}.titlebar.transition{opacity:0}.content-outer{box-sizing:border-box;height:100%;overflow:auto;transition:opacity .2s var(--transition-function)}.content-outer.out{opacity:0}.content{width:100%;max-width:var(--content-width, 1000px);margin:0 auto;padding:1rem;padding-top:80px;box-sizing:border-box;display:flex;align-items:center;flex-direction:column}.hero{display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:3rem}.temp-title{font-size:6.25em;font-weight:700;color:var(--app-text);z-index:1;display:flex;align-items:flex-start;margin-bottom:-1rem;padding-right:5px}.place-title{font-size:1.5em;font-weight:700;color:var(--app-text);z-index:1;display:flex;align-items:flex-start}.symbol{width:0;display:inline-block}.symbol.large{font-size:.75em}.symbol.small{font-size:.6em}.search-input{border-radius:8px;width:100%;box-sizing:border-box;height:32px;background:var(--app-300);display:flex;align-items:center;gap:10px;position:relative}.search-input input{margin:0;padding:5px 10px;box-sizing:border-box;font-size:1em;outline:none;border:none;background:transparent;caret-color:var(--brand-purple);color:var(--app-text);height:100%;flex-grow:1;font-family:inherit}.search-input input::placeholder{color:#bec7ed}.search-input eui-icon{padding-right:10px;color:#f5f5f599;mix-blend-mode:plus-lighter}.search-input label{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#f5f5f599;mix-blend-mode:plus-lighter;pointer-events:none}.search-input input:not(:placeholder-shown)+label{opacity:0}.plus{color:#f5f5f599;mix-blend-mode:plus-lighter}.sidebar-header{position:absolute;top:0;left:0;padding:0 1rem;box-sizing:border-box;display:flex;align-items:center;gap:.5rem;width:var(--nav-width-expanded);height:var(--nav-height);z-index:100}.add-place-outer{position:absolute;top:0;right:0;padding:0 1rem;height:var(--nav-height);box-sizing:border-box;z-index:4;display:flex;align-items:center;justify-content:center}.places{display:flex;flex-direction:column;margin-top:1rem;gap:.15rem}.place{display:flex;align-items:center;gap:1rem;padding:1rem;box-sizing:border-box;width:100%;flex-shrink:0;scroll-snap-align:start}.place.active{background-color:var(--app-300);border-radius:8px}.place-outer{display:flex;overflow:scroll;border-radius:8px;animation:fade-in .3s var(--transition-function);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.place-outer::-webkit-scrollbar{display:none}.place-remove{background:var(--app-red);display:flex;justify-content:center;align-items:center;width:80px;flex-shrink:0;border-radius:8px;margin-left:5px;scroll-snap-align:start}.place-remove:active{background-color:var(--app-dark-red)}.place .place-title{font-size:1.1rem;font-weight:700;color:var(--app-text);z-index:1;display:flex;align-items:flex-start}.place-temp-title{font-size:1.6rem;font-weight:700;color:var(--app-text);z-index:1;display:flex;align-items:flex-start;flex:1}.place-time{font-size:.75rem;vertical-align:super;font-weight:600}.place-weather{font-size:.6rem;opacity:.4!important;mix-blend-mode:plus-lighter;vertical-align:super;font-weight:600}.place-info{display:flex;flex-direction:column;flex-grow:1}.place-weather-outer{display:flex;align-items:center;gap:5px;margin-top:auto}.place-temp{display:flex;flex-direction:column;align-items:end;height:100%}.place-temp-high-low{display:flex;align-items:center;gap:5px;font-size:.75rem;opacity:.4!important;mix-blend-mode:plus-lighter;vertical-align:super;font-weight:600}#weather-flavor{font-size:2em;font-weight:700}#high-low{font-size:1.25em;font-weight:700;display:flex;gap:8px}.cards{width:100%;max-width:550px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:1rem}.card{padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-column:span 1;grid-row:span 1;aspect-ratio:1 / 1;background:#00000028;backdrop-filter:blur(25px) saturate(1.5);-webkit-backdrop-filter:blur(15px);border-radius:15px;overflow:scroll;scrollbar-width:none}.card::-webkit-scrollbar{display:none}.card::-webkit-scrollbar-track{display:none}.no-animation .card{backdrop-filter:none;-webkit-backdrop-filter:none}#forecast.card{aspect-ratio:unset;grid-column:span 3;grid-row:span 1;display:flex;flex-direction:row;justify-content:unset}#week.card{grid-row:span 2;grid-column:span 2;aspect-ratio:unset;justify-content:space-between;align-items:unset}#moon.card{grid-row:span 1;grid-column:span 2;aspect-ratio:unset;flex-direction:row;justify-content:space-around}#moonCanvas{width:80px;height:80px}.forecast-day{display:grid;grid-template-columns:1fr 1fr 1fr;padding:.5rem;font-weight:500;justify-content:space-between}.forecast-day-temp{text-align:right}.forecast-icon{display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 5px rgba(0,0,0,.1))}#forecast.card::-webkit-scrollbar,#week.card::-webkit-scrollbar{display:none}.forecast-hour{padding:0 6px;min-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:100%}.forecast-temp{font-size:1.25em;font-weight:700}.forecast-time{font-weight:600}#placename-full{font-size:1.15rem;font-weight:700;margin:0}.card-value{font-weight:700;font-size:2.5rem}.card-name{font-weight:600;font-size:1rem}.card-unit{font-size:.8em;font-weight:600}.info-half{display:flex;flex-direction:column}.background{position:absolute;top:0;left:0;width:100%;height:100%;isolation:isolate;z-index:-1;background:var(--background);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center;overflow:hidden}.background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--old-background);z-index:1;opacity:0;pointer-events:none;transition:opacity 1s var(--transition-function)}.background.switching:before{transition:none;opacity:1}@keyframes anim{0%{top:0;left:25%;opacity:0}25%{opacity:.25}75%{opacity:.25}to{opacity:0;top:0;left:-25%}}#cloudy_div{opacity:.15;mix-blend-mode:soft-light;background-image:url(/images/clouds2.png);filter:saturate(0);image-rendering:pixelated;height:115%;width:100%;position:absolute;inset:-43% 0% 0% -25%;background-repeat:no-repeat;background-size:cover}.cloudy_anim_1{animation:anim 15s linear infinite;animation-delay:-2s;transform:scale(1.5) rotate(180deg)}.cloudy_anim_2{animation:anim 25s linear infinite;animation-delay:-12s;transform:scale(1.5)}.cloudy_anim_3{animation:anim 35s linear infinite;animation-delay:-23s;transform:scale(1.74)}.no-animation #cloudy_div{animation:none;display:none}.search-results{position:absolute;top:calc(100% + 10px);left:0;width:100%;background-color:var(--app-300);border-radius:12px;z-index:100;max-height:300px;overflow-y:auto;box-shadow:0 4px 6px #0000001a;transition:background .1s var(--transition-function)}.search-result-item{padding:10px 15px;cursor:pointer;display:flex;flex-direction:column;border-bottom:1px solid var(--app-100)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.active{background-color:var(--app-400)}.search-result-item .place-name{font-weight:700;color:var(--app-text)}.search-result-item .place-detail{font-size:.85em;color:#fff;opacity:.6;mix-blend-mode:plus-lighter}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding-top:2rem;padding-bottom:1rem;font-weight:500}.footer a{color:var(--app-text)}#provided{opacity:.8}.sidebar{transition:width .3s var(--transition-function),padding .3s var(--transition-function),border .3s var(--transition-function),background .2s var(--transition-function),color .2s var(--transition-function)}#app.collapsed .sidebar{width:0;padding-inline:0;border-width:0}#app.collapsed .sidebar-header{width:auto}#app.collapsed .sidebar *{pointer-events:none}@media screen and (max-width:600px){#forecast.card{grid-column:span 2}.cards{grid-template-columns:1fr 1fr}.sidebar{position:fixed;top:0;left:0;z-index:3;height:100%}}@keyframes fade-in{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@keyframes fade-out{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(4px);height:0;margin:0;padding:0}}.place-outer.fading-out{animation:fade-out .3s var(--transition-function) forwards;pointer-events:none}:root{--app-modal-100: #242424;--app-modal-200: #323232;--app-modal-300: #404040;--app-modal-400: #585858;--app-modal-500: #5f5f5f;--app-modal-600: #767676;--app-modal-700: #858585;--app-modal-800: #939393;--app-modal-900: #a1a1a1;--app-modal-text: var(--app-text)}.tinted{--tint-amount: 45%;--app-modal-100: color-mix(in srgb, var(--app-200) var(--tint-amount), #242424 100%);--app-modal-200: color-mix(in srgb, var(--app-200) var(--tint-amount), #323232 100%);--app-modal-300: color-mix(in srgb, var(--app-200) var(--tint-amount), #404040 100%);--app-modal-400: color-mix(in srgb, var(--app-200) var(--tint-amount), #585858 100%);--app-modal-500: color-mix(in srgb, var(--app-200) var(--tint-amount), #5f5f5f 100%);--app-modal-600: color-mix(in srgb, var(--app-200) var(--tint-amount), #767676 100%);--app-modal-700: color-mix(in srgb, var(--app-200) var(--tint-amount), #858585 100%);--app-modal-800: color-mix(in srgb, var(--app-200) var(--tint-amount), #939393 100%);--app-modal-900: color-mix(in srgb, var(--app-200) var(--tint-amount), #a1a1a1 100%)}.modal-outer{visibility:hidden;display:flex;justify-content:center;position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background:transparent;transition:background .2s cubic-bezier(.2,0,0,1)}.modal-outer.open{background-color:#000c;visibility:visible}.modal{background:var(--app-modal-100);color:var(--app-modal-text);width:100%;max-width:500px;height:85%;align-self:end;border-radius:40px 40px 0 0;padding-bottom:50px;opacity:1;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;transform:translateY(100%);transform-origin:bottom;transition:transform cubic-bezier(.25,1,.5,1) .4s}.fill.modal{height:100%;border-radius:0;padding-top:env(safe-area-inset-top)}.modal-outer.open .modal{transform:translateY(0)}.alert-outer.open~.modal-outer.open .modal{transform:scale(.95)}.modal-options{display:flex;justify-content:end;gap:8px;padding:5px 20px}.modal-inner{display:flex;flex-direction:column;height:100%;position:relative;gap:10px;overflow:auto;margin-bottom:auto;padding:20px;scrollbar-width:none}.modal-header{font-size:2em;font-weight:600;text-wrap:nowrap;overflow-x:hidden;text-overflow:ellipsis;background:transparent;border-bottom:3px solid var(--app-modal-300);width:100%;min-height:1lh;gap:8px;display:flex;align-items:baseline}.modal-button{background:var(--app-modal-300);color:var(--app-modal-text);border-radius:100px;border:none;min-width:100px;padding:8px 20px;box-sizing:border-box;font-size:1.05em;font-weight:500;font-family:GG Sans;transition:background .2s cubic-bezier(.2,0,0,1)}.modal-button:active{background-color:var(--app-modal-200)}.modal-body{display:flex;flex-direction:column}.modal-subheader{margin:0;font-weight:600;opacity:.7}.modal:after{content:"";position:absolute;top:4px;left:calc(50% - 16px);width:32px;height:4px;background:#ffffff5c;border-radius:100px}.fill.modal:after{top:calc(4px + env(safe-area-inset-top))}.modal-section{display:flex;flex-direction:column;background:var(--app-modal-300);padding:15px;border-radius:20px;margin-top:10px;max-height:85px;overflow:auto;scrollbar-width:none}.modal hr{background:var(--app-modal-400);height:2px;border-radius:100px;width:calc(100% - 25px);border:none}@media only screen and (min-width:600px){.modal:after{content:"";position:absolute;top:4px;left:calc(50% - 16px);width:32px;height:4px;background:var(--app-modal-400);border-radius:100px}.modal{width:70%;max-width:700px;height:60%;min-height:600px;align-self:center;background:var(--app-modal-100);border:3px solid var(--app-modal-200);color:var(--app-modal-text);border-radius:30px;box-sizing:border-box;display:flex;flex-direction:column;transform:scale(.8);transform-origin:center;opacity:0;overflow:hidden;transition:transform cubic-bezier(0,-.25,0,1.5) .2s,opacity cubic-bezier(0,-.25,0,1) .2s;padding-bottom:0}.modal.small{min-height:0px;max-width:420px;max-height:400px}.modal.post-modal{max-width:600px;min-height:240px;height:auto}.modal-outer.open .modal{transform:translateY(0);opacity:1}.modal-options{display:flex;justify-content:end;gap:8px;padding:20px}.alert-outer.open~.modal-outer.open .modal{transform:scale(.9)}}.modal-close{position:absolute;top:0rem;right:0rem;width:60px;height:60px;display:flex;justify-content:center;align-items:center;background-color:transparent;color:var(--color-light);border:none;padding:1rem;box-sizing:border-box;border-radius:100px;cursor:pointer;transition:background-color .3s;font-family:inherit;font-weight:600}.alert-outer{visibility:hidden;display:flex;justify-content:center;position:fixed;z-index:101;top:0;left:0;width:100%;height:100%;background:transparent;transition:background .2s cubic-bezier(.2,0,0,1)}.alert-outer.open{background-color:#000c;visibility:visible}.alert{background:var(--app-modal-100);border:3px solid var(--app-modal-200);color:var(--app-modal-text);width:80%;max-width:360px;align-self:center;border-radius:40px;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;transform:scale(.8);opacity:0;transition:transform cubic-bezier(0,-.25,0,1.5) .2s,opacity cubic-bezier(0,-.25,0,1) .2s}.alert-outer.open .alert{transform:scale(1);opacity:1}.alert-options{display:flex;gap:8px;padding:20px;justify-content:end}.alert-inner{display:flex;flex-direction:column;height:100%;position:relative;gap:10px;overflow:auto;margin-bottom:auto;padding:20px 20px 0;scrollbar-width:none}.alert-header{font-size:1.6em;font-weight:600}.center .alert-header{text-align:center}.center .alert-message{display:flex;justify-content:center;text-align:center;text-wrap:balance}.center .alert-options{justify-content:center;flex-direction:column}.center .modal-button{width:100%}.center .alert-inner{padding-bottom:0}.alert-input{padding:.5rem;border:2px solid var(--app-modal-200);border-radius:12px;font-size:1em;font-weight:400;color:var(--app-modal-text);background-color:var(--app-modal-100);box-sizing:border-box;width:100%;transition:border-color .3s;outline:none;font-family:inherit}.tooltip{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(calc(-100% - 20px));font-size:.75em;font-weight:600;padding:5px 8px;min-width:100px;height:24px;display:flex;align-items:center;justify-content:center;gap:5px;visibility:hidden;background:var(--app-modal-100);border:2px solid var(--app-modal-200);border-radius:100px;z-index:1000;box-shadow:0 2px 8px #00000094;transition:transform cubic-bezier(.68,.1,.27,1) .3s}.tooltip.visible{transform:translate(-50%) translateY(calc(20px + env(safe-area-inset-top)))}.tooltip div{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.tooltip div svg{width:100%;height:100%}@supports (corner-shape: superellipse(2)){.alert,.modal{corner-shape:superellipse(1.5);border-radius:50px}}.unit-toggle{display:flex;flex-wrap:nowrap;border:2px solid var(--app-modal-600);border-radius:15px;overflow:hidden;margin:10px 0}.unit-toggle-button{flex:1;display:flex;justify-content:center;align-items:center;padding:10px;transition:background .2s cubic-bezier(.2,0,0,1),color .2s cubic-bezier(.2,0,0,1),font-weight .2s cubic-bezier(.2,0,0,1)}.unit-toggle-button:not(:first-child):not(:last-child){border-left:2px solid var(--app-modal-600);border-right:2px solid var(--app-modal-600)}.unit-toggle-button.enabled{background-color:var(--app-modal-600);color:var(--app-modal-text);font-weight:600}.setting{padding:10px 10px 10px 15px;font-weight:600;background:var(--app-modal-300);border-radius:15px;margin:10px 0}.setting>label{display:flex;align-items:center}.setting-label{flex-grow:1}.night{--background: linear-gradient(#04081A, #2E3D5D)}.day{--app-100: #1C5994;--app-200: #2C6499;--app-300: #5388BD;--app-400: #4A91DA;--background: linear-gradient(#1C5994, #6EA8E5)}.sunset{--app-100: #506A9B;--app-200: #536992;--app-300: #7795CA;--app-400: #84a4da;--background: linear-gradient(#506A9B, #E1C3AB)}.sunrise{--app-100: #1E345C;--app-200: #56587E;--app-300: #6D7194;--app-400: #9599bb;--background: linear-gradient(#203B6B 0%, #72709A 50%, #C07A83 100%)}.dusk,.dawn{--app-100: #1E345C;--app-200: #484D70;--app-300: #6D7194;--app-400: #9599bb;--background: linear-gradient(#1E345C 0%, #37456E 50%, #A36F82 100%)}.day.rain{--app-100: #455365;--app-200: #627185;--app-300: #778599;--app-400: #8f9fba;--background: linear-gradient(#455365, #627185)}.night.rain{--app-100: #0e1216;--app-200: #1b222b;--app-300: #3a3e48;--app-400: #374157;--background: linear-gradient(#1b222b, #0e1216)}.day.snow{--app-100: #3C475B;--app-200: #41516A;--app-300: #5D6980;--app-400: #68768E;--background: linear-gradient(#42526B, #56647C)}.night.snow{--app-100: #1C202A;--app-200: #202635;--app-300: #273041;--app-400: #262F3B;--background: linear-gradient(#202635, #1A2231)}