.cover{--rise-time:1.5s;--rise-show-duration:1.75s;height:100vh;height:100svh}.cover-content{width:100%;height:50vh;height:50svh;position:fixed;justify-content:center;gap:2rem}.cover-content,.title-container{display:flex;flex-direction:column;align-items:center}.title-container{--weather-title-gap:0rem;gap:var(--weather-title-gap)}.weather-slot{--weather-slot-height:2rem;min-height:var(--weather-slot-height);margin-bottom:calc(var(--weather-slot-height) * -1);display:grid;place-items:center}.title{background-image:linear-gradient(to right,var(--clr-primary),var(--clr-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:var(--fs-xl);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;animation:rise-show var(--rise-show-duration) ease-in;z-index:1}.search{--height:3rem;--expand-duration:var(--motion-duration-search-expand);position:relative;border-radius:calc(var(--height) / 2);overflow:visible;animation:rise var(--rise-time) ease-out 1 forwards}@keyframes rise{0%{translate:0 25vh;translate:0 25svh}}.search-form{--search-transition-duration:var(--motion-duration-search-collapse);position:relative;display:flex;align-items:center;background-color:var(--clr-search-field-bg);box-shadow:var(--shadow-search-field);border-radius:calc(var(--height) / 2);overflow:hidden;transition:background-color var(--search-transition-duration) var(--motion-ease-out),box-shadow var(--search-transition-duration) var(--motion-ease-out),opacity var(--search-transition-duration) var(--motion-ease-out),padding-left var(--search-transition-duration) var(--motion-ease-out),padding-right var(--search-transition-duration) var(--motion-ease-out);cursor:text;z-index:2}.search-form:focus-within,.search.focused .search-form,.search:hover .search-form{--search-transition-duration:var(--expand-duration);padding-left:calc(var(--height) / 8);padding-right:calc(var(--height) / 2);opacity:1;background-color:var(--clr-search-field-bg-active);box-shadow:var(--shadow-search-field-hover)}.search-input{--search-input-transition-duration:var(--motion-duration-search-collapse);font:var(--fontBaseLg);width:0;height:var(--height);background-color:var(--clr-search-field-bg);color:var(--clr-search-field-text);outline:none;transition:background-color var(--search-input-transition-duration) var(--motion-ease-out),color var(--search-input-transition-duration) var(--motion-ease-out),max-width var(--search-input-transition-duration) var(--motion-ease-out),width var(--search-input-transition-duration) var(--motion-ease-out);&::placeholder{color:var(--clr-search-field-placeholder);opacity:0}}.search-input:focus,.search.focused .search-input,.search:hover .search-input{--search-input-transition-duration:var(--expand-duration);background-color:var(--clr-search-field-bg-active);color:var(--clr-search-field-text);width:15rem;max-width:75vw}.search-input:focus::placeholder,.search.focused .search-input::placeholder,.search:hover .search-input::placeholder{opacity:1}.search-suggestions{--suggestion-gap:0.5rem;--suggestion-item-gap:var(--suggestion-gap);--suggestion-height:3rem;--suggestion-radius:1.5rem;position:fixed;top:calc(var(--suggestion-top) + var(--suggestion-gap));left:var(--suggestion-left);width:var(--suggestion-width);display:flex;flex-direction:column;gap:var(--suggestion-item-gap);z-index:4}.search-suggestion{height:var(--suggestion-height);min-height:var(--suggestion-height);padding-left:calc(var(--suggestion-height) / 8);padding-right:calc(var(--suggestion-height) / 2);border-radius:var(--suggestion-radius);background-color:var(--clr-search-suggestion-bg);box-shadow:var(--shadow-panel);color:var(--clr-search-suggestion-text);cursor:pointer;font:var(--fontBaseMd);opacity:.8;text-align:left;transition:background-color var(--motion-duration-fast) var(--motion-ease-out),box-shadow var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out),opacity var(--motion-duration-fast) var(--motion-ease-out),scale var(--motion-duration-fast) var(--motion-ease-out);display:flex;align-items:center;&.selected,&:focus-visible{background-color:var(--clr-search-suggestion-bg-active);color:var(--clr-search-suggestion-text-active);box-shadow:var(--shadow-panel-hover);opacity:1;outline:none}&:active{scale:var(--motion-press-scale)}.search-suggestion-text{font:var(--fontBoldMd);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.command-suggestion{background-color:var(--clr-primary-alpha-2);color:var(--clr-search-suggestion-text-active)}.feeds-fallback{position:fixed;left:50%;bottom:2rem;translate:-50% 0;width:min(28rem,calc(100vw - 2rem));padding:1rem;border-radius:1rem;background-color:var(--clr-panel-bg);box-shadow:var(--shadow-panel);color:var(--clr-text);z-index:5;display:grid;gap:.75rem}.feeds-fallback-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;font:var(--fontBoldMd)}.feeds-fallback-close{width:2.5rem;height:2.5rem;border-radius:50%;color:var(--clr-text);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out),scale var(--motion-duration-fast) var(--motion-ease-out);display:grid;place-items:center;&:hover{background-color:var(--clr-text-alpha-2)}&:active{scale:var(--motion-press-scale)}}.feeds-fallback-links{display:flex;flex-wrap:wrap;gap:.5rem;a{min-height:2.5rem;padding:.5rem .75rem;border-radius:1rem;background-color:var(--clr-search-suggestion-bg);color:var(--clr-search-suggestion-text-active);font:var(--fontBaseMd);text-decoration:none;transition:background-color var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out),scale var(--motion-duration-fast) var(--motion-ease-out);display:flex;align-items:center;&:active{scale:var(--motion-press-scale)}}}.search-suggestion-icon{height:var(--suggestion-height);aspect-ratio:1/1;display:grid;place-items:center;opacity:.48;.icon{color:var(--clr-search-suggestion-icon)}}.search-icon{height:var(--height);aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;opacity:.75;font-size:var(--fs-lg);.icon{color:var(--clr-search-icon);transition:color var(--expand-duration) var(--motion-ease-out),opacity var(--expand-duration) var(--motion-ease-out);animation:rise-show var(--rise-show-duration) ease-in 1}}.search.focused .search-icon,.search:focus-within .search-icon,.search:hover .search-icon{opacity:1;transition:opacity var(--expand-duration) var(--motion-ease-out)}.search.focused .search-icon .icon,.search:focus-within .search-icon .icon,.search:hover .search-icon .icon{color:var(--clr-search-icon-active);opacity:1}@keyframes rise-show{0%,80%{opacity:0}to{opacity:1}}@media (max-width:37.499rem){.cover-content{height:58svh;gap:1.5rem;padding-inline:1rem}.title-container{--weather-title-gap:0.25rem}.weather-slot{margin-bottom:0}.title{font-size:4rem;letter-spacing:.25rem}.search{width:var(--height);transition:width var(--expand-duration) var(--motion-ease-out)}.search.focused,.search:focus-within,.search:hover{width:min(100%,22rem)}.search-form:focus-within,.search.focused .search-form,.search:hover .search-form{padding-left:0;padding-right:.5rem}.search-input:focus,.search.focused .search-input,.search:hover .search-input{width:calc(100% - var(--height));max-width:none}.search-suggestions{--suggestion-gap:0.5rem;--suggestion-height:3.5rem;width:min(var(--suggestion-width),calc(100vw - 2rem));left:max(1rem,var(--suggestion-left))}.search-suggestion{padding-left:0;padding-right:1rem}}.link-panel{--width:15rem;--indicator-gap:0.5rem;--indicator-width:2.5rem;--link-height:3.5rem;--font-size:var(--fs-lg);--bookmark-link-inline-start:calc(var(--bookmark-folder-inline-padding) + var(--font-size) + 0.75rem);--bookmark-link-inline-end:1rem;--bookmark-folder-inline-padding:1rem;--bookmark-panel-radius:1rem;--bookmark-row-radius:0.75rem;--bookmark-submenu-viewport-padding:1rem;--bookmark-category-hover-opacity:0.32;--bookmark-category-clicked-opacity:0.44;--bookmark-item-hover-bg:linear-gradient(to right,transparent,var(--clr-primary-alpha-2));--bookmark-item-clicked-bg:linear-gradient(to right,var(--clr-primary-alpha-2),var(--clr-neutral-light-alpha));--height:100vh;--height:100svh;position:fixed;inset:0 auto auto 0;width:var(--indicator-width);height:var(--height);z-index:19}.bookmark-import-input,.mobile-bookmark-button,.mobile-bookmark-page{display:none}.bookmark-empty-state{position:relative;z-index:10;width:calc(100% - 2rem);margin:0 auto;padding:1rem;color:var(--clr-text);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.bookmark-empty-copy{display:grid;gap:.25rem}.bookmark-empty-title{color:var(--clr-neutral);font:var(--fontBoldMd)}.bookmark-empty-description,.bookmark-empty-status{color:var(--clr-text-alpha);font:var(--fontBaseSm)}.bookmark-empty-action{min-height:2.5rem;width:100%;max-width:100%;padding:.5rem .75rem;border-radius:.75rem;background-color:var(--clr-text-alpha-2);color:var(--clr-primary);cursor:pointer;font:var(--fontBoldSm);transition:background-color var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out),scale var(--motion-duration-fast) var(--motion-ease-out);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;&:focus-visible,&:hover{background-color:var(--clr-primary-alpha-2);color:var(--clr-primary);outline:none}&:active{scale:var(--motion-press-scale)}span{min-width:0;overflow-wrap:anywhere}}.bookmark-empty-status.success{color:var(--clr-primary)}.bookmark-empty-status.error{color:var(--clr-aqi-unhealthy)}.trigger{position:absolute;left:0;width:var(--indicator-width);height:100%;opacity:1;transition:opacity var(--motion-duration-base) var(--motion-duration-base) var(--motion-ease-in),translate var(--motion-duration-base) var(--motion-ease-in);display:flex;align-items:center;z-index:19;&:has(~:is(.link-tree.expanded,.link-tree:has(:focus-visible))){opacity:0}&.hidden{translate:calc(-1 * (var(--indicator-gap) + var(--indicator-width)))}animation:rise-show var(--rise-show-duration) ease-out}@media (max-width:37.499rem){.link-panel.search-nav .link-tree,.link-panel.search-nav .trigger{display:none}.mobile-bookmark-button{position:fixed;top:1rem;left:1rem;padding:.5rem;border-radius:50%;background:transparent;color:var(--clr-primary-alpha);cursor:pointer;z-index:18;display:grid;place-items:center;transition:color var(--motion-duration-fast) var(--motion-ease-out),opacity var(--motion-duration-base) var(--motion-ease-out),scale var(--motion-duration-fast) var(--motion-ease-out),translate var(--motion-duration-base) var(--motion-ease-out);&:hover{color:var(--clr-primary)}&.hidden{opacity:0;pointer-events:none;translate:0 -1rem}&:focus-visible{outline:2px solid var(--clr-primary-alpha);outline-offset:2px}&:active{scale:var(--motion-press-scale)}}.mobile-bookmark-page{position:fixed;inset:0;background-color:var(--clr-neutral-light);color:var(--clr-text);z-index:40;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform var(--motion-duration-base) var(--motion-ease-out);display:flex;flex-direction:column;gap:1rem;&.open{transform:translateX(var(--mobile-swipe-offset))}}.mobile-bookmark-header{min-height:3rem;display:grid;grid-template-columns:3rem 1fr 3rem;align-items:center;flex-shrink:0;span{font:var(--fontBoldLg);text-align:center;color:var(--clr-neutral)}}.mobile-bookmark-back{width:2.75rem;height:2.75rem;border-radius:50%;background-color:var(--clr-text-alpha-2);color:var(--clr-primary);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out),scale var(--motion-duration-fast) var(--motion-ease-out);display:grid;place-items:center;&:focus-visible{outline:2px solid var(--clr-primary-alpha);outline-offset:2px}&:active{scale:var(--motion-press-scale)}}.mobile-bookmark-list{display:grid;grid-template-columns:1fr;gap:.5rem;padding-bottom:1rem;&.empty{flex:1 1;justify-content:center;padding-bottom:0}}.mobile-bookmark-empty-state{width:min(100%,22rem)}.mobile-bookmark-category{display:flex;flex-direction:column;gap:.75rem}.mobile-bookmark-category-title{display:flex;align-items:center;gap:.75rem;color:var(--clr-secondary);font:var(--fontBoldMd);.icon{width:1.25rem;height:1.25rem}}.mobile-bookmark-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mobile-bookmark-link{width:100%;min-height:3rem;padding:.75rem 1rem;border:0;border-radius:.5rem;background-color:var(--clr-text-alpha-2);color:var(--clr-text);cursor:pointer;font:var(--fontBoldSm);text-align:left;text-decoration:none;transition:background-color var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out),scale var(--motion-duration-fast) var(--motion-ease-out);display:flex;align-items:center;gap:.75rem;&:active{scale:var(--motion-press-scale)}&.disabled{color:var(--clr-disabled)}}.mobile-bookmark-folder{justify-content:space-between;>.icon{flex:0 0 auto;width:1.25rem;height:1.25rem}}.mobile-bookmark-node-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-bookmark-chevron{flex:0 0 auto;color:var(--clr-secondary)}}.link-tree{position:absolute;inset:0;width:var(--width);height:var(--height);display:flex;flex-direction:column;justify-content:center;translate:calc(-1 * var(--width));transition:translate var(--motion-duration-fast) var(--motion-ease-out);z-index:20;opacity:1;pointer-events:inherit;.panel{position:absolute;inset:0;background-color:var(--clr-panel-bg);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);z-index:9;border-radius:0 var(--bookmark-panel-radius) var(--bookmark-panel-radius) 0}@media (max-width:37.499rem){--width:10rem;--link-height:2rem;--font-size:var(--fs-sm);--height:55svh;bottom:calc((100% - var(--height)) / 2);top:auto}}.link-panel.hoverEffective .link-tree,.link-tree.expanded,.link-tree.focus-within{translate:0}.category{position:relative;width:var(--width);height:var(--link-height);padding:0 1rem;background:transparent;cursor:pointer;text-align:left;transition:translate var(--motion-duration-slow) var(--motion-ease-out);z-index:10;display:flex;align-items:center;&:before{content:"";position:absolute;background:linear-gradient(to right,var(--clr-secondary),var(--clr-primary));filter:saturate(1.2);inset:0;opacity:0;transition:opacity var(--motion-duration-slow) var(--motion-ease-out),translate var(--motion-duration-slow) var(--motion-ease-out),width var(--motion-duration-slow) var(--motion-ease-out);width:var(--width);height:var(--link-height);border-radius:0 .5rem .5rem 0}.category-icon-display{width:var(--font-size);height:var(--font-size);margin-left:1rem;margin-right:.75rem;flex:0 0 auto}.category-icon-display,.category-title{position:relative;color:var(--clr-neutral)}.category-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size);font-weight:var(--fw-bold)}}.category.clicked,.category.selected,.link-panel.hoverEffective:not(.category-layer-locked) .category.hover-open{translate:1rem}.link-panel.hoverEffective:not(.category-layer-locked) .category.hover-open:before{width:calc(var(--width) + 1rem);translate:-1rem;opacity:var(--bookmark-category-hover-opacity)}.category.selected:before{width:calc(var(--width) + 1rem);translate:-1rem;opacity:var(--bookmark-category-clicked-opacity)}.links{position:absolute;inset:0;width:var(--width);height:var(--height);padding:1rem 0;padding-top:var(--padding,1rem);display:flex;flex-direction:column;justify-content:start;align-items:center;translate:calc(var(--width) * -1);transition:translate var(--motion-duration-base) var(--motion-duration-fast) var(--motion-ease-out);z-index:8;pointer-events:none;>.panel{pointer-events:none;width:calc(var(--width) * 2);height:inherit;position:absolute;left:-100%;background-color:var(--clr-panel-bg);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);z-index:9;border-radius:0 1rem 1rem 0}.bookmark-node{position:relative;width:var(--width);z-index:10}.link{--link-margin:0rem;text-decoration:none;width:calc(var(--width) - var(--link-margin));height:var(--link-height);margin:0 var(--link-margin);padding-inline:calc(var(--bookmark-link-inline-start) - var(--link-margin)) var(--bookmark-link-inline-end);color:var(--clr-neutral);font-size:var(--font-size);font-weight:var(--fw-bold);background:transparent;transition:background var(--motion-duration-base) var(--motion-ease-out),color var(--motion-duration-base) var(--motion-ease-out),scale var(--motion-duration-fast) var(--motion-ease-out);z-index:10;display:flex;align-items:center;span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&:not(.disabled):active{scale:var(--motion-press-scale)}&.disabled{color:var(--clr-disabled);cursor:not-allowed}}button.link{border:0;text-align:left;cursor:pointer}.folder-link{gap:.75rem;padding-inline:var(--bookmark-folder-inline-padding);justify-content:start}.folder-icon-display{flex:0 0 auto;width:var(--font-size);height:var(--font-size)}.folder-link span{flex:1 1 auto}.bookmark-submenu{position:fixed;inset:auto;margin:0;border:0;width:var(--width);min-height:var(--link-height);max-height:calc(100svh - 2 * var(--bookmark-submenu-viewport-padding));padding:0;background:var(--clr-panel-bg);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);border-radius:0 var(--bookmark-panel-radius) var(--bookmark-panel-radius) 0;overflow-y:auto;overscroll-behavior:contain}.bookmark-submenu:popover-open{display:flex;flex-direction:column;align-items:center}.bookmark-submenu>.bookmark-node-list>.bookmark-node{flex-shrink:0}.bookmark-submenu>.bookmark-node-list>.bookmark-node:first-child>.link{border-top-right-radius:var(--bookmark-panel-radius)}.bookmark-submenu>.bookmark-node-list>.bookmark-node:last-of-type>.link{border-bottom-right-radius:var(--bookmark-panel-radius)}.folder-node.expanded>.bookmark-submenu,.folder-node:focus-within>.bookmark-submenu{opacity:1;pointer-events:inherit;translate:none}@media (max-width:37.499rem){padding-top:1rem}}.category.clicked+.links,.category.selected+.links,.link-panel.hoverEffective:not(.category-layer-locked) .category.hover-open+.links,.links:has(:focus-visible){translate:var(--width);pointer-events:inherit}.folder-node.clicked>.folder-link,.folder-node.expanded>.folder-link,.link.clicked,.link.highlighted{text-decoration:none;color:var(--clr-primary);background:var(--bookmark-item-clicked-bg)}.hoverEffective .bookmark-node.layer-locked.clicked>.link:hover,.hoverEffective .bookmark-node:not(.layer-locked)>.link:hover{text-decoration:none;color:var(--clr-secondary);background:var(--bookmark-item-hover-bg)}@supports (content-visibility:hidden) and (transition-behavior:allow-discrete){.link-tree,.links,.links .bookmark-submenu,.mobile-bookmark-page{content-visibility:hidden}.link-tree{transition:translate var(--motion-duration-fast) var(--motion-ease-out),content-visibility var(--motion-duration-fast) allow-discrete}.links{transition:translate var(--motion-duration-base) var(--motion-duration-fast) var(--motion-ease-out),content-visibility var(--motion-duration-base) var(--motion-duration-fast) allow-discrete}.links .bookmark-submenu{transition:opacity var(--motion-duration-fast) var(--motion-ease-out),content-visibility var(--motion-duration-fast) allow-discrete}.mobile-bookmark-page{transition:transform var(--motion-duration-base) var(--motion-ease-out),content-visibility var(--motion-duration-base) allow-discrete}.category.clicked+.links,.category.selected+.links,.link-panel.hoverEffective .link-tree,.link-panel.hoverEffective:not(.category-layer-locked) .category.hover-open+.links,.link-tree.expanded,.link-tree.focus-within,.links .folder-node.expanded>.bookmark-submenu,.links .folder-node:focus-within>.bookmark-submenu,.links:has(:focus-visible),.mobile-bookmark-page.open{content-visibility:visible}}@media (max-width:37.499rem){.link-panel .link-tree,.link-panel .panel-lock-control,.link-panel .trigger{display:none;pointer-events:none}}.links .folder-node:is(:hover,:focus-within,.expanded){z-index:11}.menu-safety-triangle{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:100}.menu-safety-triangle polygon{fill:transparent;pointer-events:none}.debug-menu-aim .menu-safety-triangle polygon{fill:var(--clr-primary-alpha-2);stroke:var(--clr-primary);stroke-width:2}.menu-aim-debug-toggle{position:fixed;right:1rem;bottom:1rem;padding:.5rem .75rem;border-radius:var(--bookmark-row-radius);background:var(--clr-panel-bg);color:var(--clr-neutral);font-size:var(--fs-sm);cursor:pointer}@media (max-width:37.499rem){.menu-aim-debug-toggle{display:none}}.menu-safety-overlay{position:fixed;inset:0;width:100vw;height:100vh;margin:0;padding:0;border:0;background:transparent;overflow:visible;pointer-events:none}.bookmark-submenu::backdrop,.menu-safety-overlay::backdrop{pointer-events:none}@media (max-width:37.499rem){.links .bookmark-submenu,.menu-safety-overlay{display:none}}.link-panel[aria-hidden=true] .bookmark-submenu,.link-panel[aria-hidden=true] .menu-safety-overlay{display:none}.bookmark-node-list{display:contents}.bookmark-category-items{display:flex;flex-direction:column;width:var(--width);min-height:0;overflow-y:auto;overscroll-behavior:contain;>.bookmark-node-list>.bookmark-node{flex-shrink:0}}footer{height:calc(10rem);background-color:var(--clr-footer-bg);display:grid;place-items:center;a{text-decoration:none;color:var(--clr-on-dark);filter:brightness(.8);transition:filter var(--motion-duration-base) var(--motion-ease-out);&:hover{filter:brightness(1)}}}.mountains{--init-brightness:0.8;--init-saturation:1.2;position:absolute;width:100%;height:100%;overflow:hidden;background:linear-gradient(var(--clr-sky-1) 0,var(--clr-sky-2) 25%,var(--clr-sky-3) 50%,var(--clr-sky-4) 75%);background-size:auto 200%;background-clip:content-box;animation:rise-sky var(--rise-time) ease-out 1 forwards}@keyframes rise-sky{to{background-position:center 100%}}html[data-animation-mode=skip] .mountains{background-position:center 100%}.mountains[data-wallpaper=custom],:root[data-wallpaper=custom] .mountains{background:var(--wallpaper-image) center /cover no-repeat var(--clr-neutral-dark);animation:none}.mountains[data-wallpaper=custom]:after,:root[data-wallpaper=custom] .mountains:after{content:"";position:absolute;inset:0;z-index:2;background-color:var(--clr-wallpaper-overlay);pointer-events:none}.mountains img{width:100%;object-fit:cover;height:100%;position:absolute;inset:0;margin:auto;z-index:3;pointer-events:none;&.parallax-back{--move-speed:6}&.parallax-mid{--move-speed:5}animation-name:rise-mountain,parallax;animation-duration:var(--rise-time),auto;animation-timing-function:ease-out,linear;animation-timeline:auto,scroll(root);animation-range:auto,exit;animation-fill-mode:forwards}.mountains[data-wallpaper=custom] img,:root[data-wallpaper=custom] .mountains img{opacity:0}:root[data-theme=dark] .mountains img{--init-saturation:2;--init-brightness:0.2;--tone-brightness:0.5;--tone-saturation:1.5}html[data-animation-mode=skip] .mountains img{animation-name:parallax;animation-duration:auto;animation-timing-function:linear;animation-timeline:scroll(root);animation-range:exit;animation-fill-mode:forwards;filter:brightness(var(--tone-brightness,1)) saturate(var(--tone-saturation,1)) hue-rotate(var(--mountain-hue-rotate))}@keyframes rise-mountain{0%{filter:brightness(var(--init-brightness,1)) saturate(var(--init-saturation,1))}to{filter:brightness(var(--tone-brightness,1)) saturate(var(--tone-saturation,1)) hue-rotate(var(--mountain-hue-rotate))}}@keyframes parallax{to{scale:1 calc(1 - var(--move-speed, 0) * .01);translate:0 calc(var(--move-speed, 0) * 1vh);translate:0 calc(var(--move-speed, 0) * 1svh)}}.weather-container{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:nowrap;font:var(--fontBaseLg);color:var(--clr-text);opacity:.8;animation:rise-show var(--rise-show-duration) ease-in;z-index:1000;@media (max-width:37.499rem){font-size:var(--fs-md);gap:.5rem}}.weather-container.placeholder{visibility:hidden}.weather-date{color:var(--clr-text);white-space:nowrap}.weather-metrics{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:1.5rem;white-space:nowrap;@media (max-width:37.499rem){gap:.5rem}}.weather-info{color:var(--clr-primary)}.aqi-info,.weather-info{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:.25rem}.aqi-info{color:var(--clr-secondary);transition:color var(--motion-duration-fast) var(--motion-ease-out)}.aqi-info[data-aqi-rank=good]:hover{color:var(--clr-aqi-good)}.aqi-info[data-aqi-rank=moderate]:hover{color:var(--clr-aqi-moderate)}.aqi-info[data-aqi-rank=sensitive]:hover{color:var(--clr-aqi-sensitive)}.aqi-info[data-aqi-rank=unhealthy]:hover{color:var(--clr-aqi-unhealthy)}.aqi-info[data-aqi-rank=very-unhealthy]:hover{color:var(--clr-aqi-very-unhealthy)}.aqi-info[data-aqi-rank=hazardous]:hover{color:var(--clr-aqi-hazardous)}.weather-location-sync{position:relative;width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;background:transparent;color:var(--clr-primary);cursor:pointer;transition:color var(--motion-duration-fast) var(--motion-ease-out),opacity var(--motion-duration-fast) var(--motion-ease-out),scale var(--motion-duration-fast) var(--motion-ease-out)}.weather-location-sync:before{content:"";position:absolute;inset:-.5rem}.weather-location-sync:hover:not(:disabled){color:var(--clr-secondary)}.weather-location-sync:active:not(:disabled){scale:var(--motion-press-scale)}.weather-location-sync:disabled{cursor:default}.weather-location-sync-icons{width:1.25rem;height:1.25rem;display:grid;place-items:center}.weather-location-sync-icon{grid-area:1/1;opacity:0;scale:.25;filter:blur(4px);transition:opacity var(--motion-duration-slow) var(--motion-ease-standard),scale var(--motion-duration-slow) var(--motion-ease-standard),filter var(--motion-duration-slow) var(--motion-ease-standard)}.weather-location-sync[data-state=granted] .weather-location-sync-icon-granted,.weather-location-sync[data-state=request] .weather-location-sync-icon-off{opacity:1;scale:1;filter:blur(0)}.weather-location-sync[data-syncing=true] .weather-location-sync-icon-off{animation:weather-location-sync-spin 1s linear infinite}@keyframes weather-location-sync-spin{to{rotate:1turn}}