@layer components{.mode-moment{position:fixed;inset-inline:0;bottom:0;top:auto;height:100lvh;z-index:var(--z-sticky);pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;overflow:clip;contain:strict;mix-blend-mode:screen;mix-blend-mode:plus-lighter;opacity:1;transition:opacity .16s var(--ease-macos-in,cubic-bezier(.4,0,1,1))}.mode-moment[data-leaving]{opacity:0}.mode-moment__bloom,.mode-moment__glow,.mode-moment__glow:before,.mode-moment__sweep{position:absolute;pointer-events:none}.mode-moment__bloom{left:calc(var(--mode-moment-x, 50%) - var(--mode-moment-r, 100vmax));bottom:calc(var(--mode-moment-y, 0px) - var(--mode-moment-r, 100vmax));width:calc(2 * var(--mode-moment-r, 100vmax));height:calc(2 * var(--mode-moment-r, 100vmax));background:radial-gradient(circle closest-side,var(--mode-moment-tint) 0,color-mix(in oklab,var(--mode-moment-tint) 42%,transparent) 30%,transparent 100%);transform-origin:center;opacity:0;animation:mode-moment-bloom .52s var(--ease-macos,cubic-bezier(.32,.72,0,1)) both}.mode-moment__glow{inset:0;opacity:0;transition:opacity .32s var(--ease-macos,cubic-bezier(.32,.72,0,1))}.mode-moment__glow[data-on]{opacity:1}.mode-moment__glow:before{content:"";inset:0;box-shadow:inset 0 0 28px 2px color-mix(in oklab,var(--mode-moment-tint) 34%,transparent),inset 0 0 96px 8px color-mix(in oklab,var(--mode-moment-tint) 14%,transparent);animation:mode-moment-breathe 1.4s ease-in-out infinite alternate}.mode-moment__sweep{inset-inline:0;bottom:0;height:45%;background:linear-gradient(to top,transparent 0,color-mix(in oklab,var(--mode-moment-tint) 70%,transparent) 50%,transparent 100%);opacity:0;animation:mode-moment-sweep-up .42s var(--ease-macos,cubic-bezier(.32,.72,0,1)) both}.mode-moment[data-origin=top] .mode-moment__sweep{top:0;bottom:auto;animation-name:mode-moment-sweep-down}@keyframes mode-moment-bloom{0%{opacity:0;transform:scale(.35)}24%{opacity:.18}to{opacity:0;transform:scale(1)}}@keyframes mode-moment-breathe{0%{opacity:.55}to{opacity:1}}@keyframes mode-moment-sweep-up{0%{opacity:0;transform:translateY(100%)}30%{opacity:.14}to{opacity:0;transform:translateY(-223%)}}@keyframes mode-moment-sweep-down{0%{opacity:0;transform:translateY(-100%)}30%{opacity:.14}to{opacity:0;transform:translateY(223%)}}@media (prefers-reduced-motion:reduce){.mode-moment{display:none}}@media (forced-colors:active){.mode-moment{display:none}}}@layer components{.fx-slot{position:relative;overflow:clip;-moz-user-select:none;user-select:none;-webkit-user-select:none}.fx-slot,.fx-slot>canvas{display:block;border-radius:inherit;pointer-events:none}.fx-slot>canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity var(--duration-menu-in,.22s) var(--ease-macos,ease-out)}.fx-slot[data-fx-live]>canvas{opacity:1}.fx-slot:after,.fx-slot:before,.fx-slot>:not(canvas){transition:opacity var(--duration-menu-in,.22s) var(--ease-macos,ease-out)}.fx-slot[data-fx-live]:after,.fx-slot[data-fx-live]:before,.fx-slot[data-fx-live]>:not(canvas){opacity:0}.fx-slot[data-fx=lost]>canvas{display:none}.fx-slot:is([data-fx=lost],[data-fx=off]):after,.fx-slot:is([data-fx=lost],[data-fx=off]):before,.fx-slot:is([data-fx=lost],[data-fx=off])>:not(canvas){transition:none}html[data-fx-max=off] .fx-slot>canvas{display:none}@media (prefers-reduced-motion:reduce){.fx-slot>canvas{display:none}.fx-slot:after,.fx-slot:before,.fx-slot>:not(canvas){transition:none}}}