@layer components{.fx-rail{display:none;position:fixed;inset-block:0;inset-inline:0;z-index:3;pointer-events:none;contain:layout paint;align-content:center;justify-content:start;--fx-rail-length: 30rem;--fx-rail-links: 11;--fx-rail-pitch: calc(var(--fx-rail-length) / var(--fx-rail-links));--fx-rail-width: 1.5rem;--fx-rail-gap: 4.25rem;--fx-rail-shell-pad: 2.5rem;--fx-rail-mark: color-mix(in srgb, var(--w-accent) 88%, transparent);--fx-rail-whisper: color-mix(in srgb, var(--w-accent) 34%, transparent);--fx-rail-ease: cubic-bezier(.37, 0, .63, 1)}@supports (height: 100dvh){.fx-rail{--fx-rail-length: clamp(6rem, calc(100dvh - 16rem) , 30rem)}}@media(min-width:85rem)and (min-height:40rem){.fx-rail{display:grid}}.fx-rail__column{display:flex;flex-direction:column;align-items:center;inline-size:var(--fx-rail-width);margin-inline-start:max(1.625rem,calc(max(0px,(100% - var(--shell-max, 78rem)) / 2) + var(--fx-rail-shell-pad) - var(--fx-rail-gap)))}.fx-rail__anchor{flex:none;inline-size:1.25rem;block-size:1px;margin-block-end:.375rem;background:var(--fx-rail-mark);opacity:.55}.fx-rail__sway{flex:none;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0}.fx-rail__link{flex:none;block-size:calc(var(--fx-rail-pitch) * 1.22);border:1px solid var(--fx-rail-mark);border-radius:999px;opacity:.42}.fx-rail__link+.fx-rail__link{margin-block-start:calc(var(--fx-rail-pitch) * -.22)}.fx-rail__link:nth-child(odd){inline-size:var(--fx-rail-width);transform:rotate(5.5deg) scale(1)}.fx-rail__link:nth-child(2n){inline-size:calc(var(--fx-rail-width) / 3);transform:rotate(-5.5deg) scale(1)}.fx-rail__air{flex:none;position:relative;inline-size:100%;block-size:var(--fx-rail-length);overflow:clip}.fx-rail__hair,.fx-rail__fill{position:absolute;inset-block:0;inset-inline:0;margin-inline:auto;inline-size:1px}.fx-rail__hair{background:var(--fx-rail-whisper)}.fx-rail__fill{display:none;background:var(--fx-rail-mark);transform-origin:50% 0}.fx-rail__tick{position:absolute;inset-inline:0;margin-inline:auto;inline-size:.625rem;block-size:1px;background:var(--fx-rail-mark);opacity:.34}.fx-rail__tick[data-tick="25"]{inset-block-start:25%}.fx-rail__tick[data-tick="50"]{inset-block-start:50%}.fx-rail__tick[data-tick="75"]{inset-block-start:75%}.fx-rail__pen{display:none;position:absolute;inset-block-start:0;inset-inline:0;margin-inline:auto;inline-size:.875rem;block-size:calc(100% - 1px);border-block-start:1px solid var(--fx-rail-mark)}@media(prefers-reduced-motion:no-preference){.fx-rail__sway{animation:fx-rail-sway var(--bar-4, 13.3333s) var(--fx-rail-ease) infinite alternate}.fx-rail__air{animation:fx-rail-breath var(--bar-4, 13.3333s) var(--fx-rail-ease) infinite alternate}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){.fx-rail__link{animation-name:fx-rail-take-face;animation-timeline:scroll(root block);animation-duration:auto;animation-fill-mode:both;animation-timing-function:var( --ease-out-expo, cubic-bezier(.16, 1, .3, 1) )}.fx-rail__link:nth-child(2n){animation-name:fx-rail-take-edge}.fx-rail__link:nth-child(1){animation-range-start:0%;animation-range-end:12%}.fx-rail__link:nth-child(2){animation-range-start:8.8%;animation-range-end:20.8%}.fx-rail__link:nth-child(3){animation-range-start:17.6%;animation-range-end:29.6%}.fx-rail__link:nth-child(4){animation-range-start:26.4%;animation-range-end:38.4%}.fx-rail__link:nth-child(5){animation-range-start:35.2%;animation-range-end:47.2%}.fx-rail__link:nth-child(6){animation-range-start:44%;animation-range-end:56%}.fx-rail__link:nth-child(7){animation-range-start:52.8%;animation-range-end:64.8%}.fx-rail__link:nth-child(8){animation-range-start:61.6%;animation-range-end:73.6%}.fx-rail__link:nth-child(9){animation-range-start:70.4%;animation-range-end:82.4%}.fx-rail__link:nth-child(10){animation-range-start:79.2%;animation-range-end:91.2%}.fx-rail__link:nth-child(n+11){animation-range-start:88%;animation-range-end:100%}.fx-rail__fill{display:block;transform:scaleY(0);animation-name:fx-rail-fill;animation-timeline:scroll(root block);animation-duration:auto;animation-fill-mode:both;animation-timing-function:linear}.fx-rail__pen{display:block;opacity:0;animation-name:fx-rail-pen;animation-timeline:scroll(root block);animation-duration:auto;animation-fill-mode:both;animation-timing-function:linear}.fx-rail__tick{animation-name:fx-rail-tick;animation-timeline:scroll(root block);animation-duration:auto;animation-fill-mode:both;animation-timing-function:var(--fx-rail-ease)}.fx-rail__tick[data-tick="25"]{animation-range-start:23%;animation-range-end:27%}.fx-rail__tick[data-tick="50"]{animation-range-start:48%;animation-range-end:52%}.fx-rail__tick[data-tick="75"]{animation-range-start:73%;animation-range-end:77%}}}}@keyframes fx-rail-take-face{0%{opacity:.26;transform:rotate(5.5deg) scale(1)}to{opacity:1;transform:rotate(0) scale(1.06)}}@keyframes fx-rail-take-edge{0%{opacity:.26;transform:rotate(-5.5deg) scale(1)}to{opacity:1;transform:rotate(0) scale(1.06)}}@keyframes fx-rail-sway{0%{rotate:-.4deg}to{rotate:.4deg}}@keyframes fx-rail-breath{0%{opacity:.82}to{opacity:1}}@keyframes fx-rail-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fx-rail-pen{0%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(100%)}}@keyframes fx-rail-tick{0%{opacity:.34;transform:scaleX(1)}to{opacity:.95;transform:scaleX(1.6)}}@media print{.fx-rail{display:none}}@media(forced-colors:active){.fx-rail{display:none}}@layer components{.fx-bf{display:block;inline-size:100%;pointer-events:none}.fx-bf__field{position:relative;inline-size:100%;aspect-ratio:3 / 2;overflow:clip;contain:layout paint}.fx-bf__cell{position:absolute;inset-inline-start:var(--fx-bf-x);inset-block-start:var(--fx-bf-y);inline-size:var(--fx-bf-w);block-size:var(--fx-bf-h)}.fx-bf__haze{position:absolute;inset-block:-34%;inset-inline:-13%;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--w-ink) 6%,transparent) 0%,color-mix(in srgb,var(--w-ink) 2.5%,transparent) 46%,transparent 78%)}.fx-bf__fill{position:absolute;inset-block:0;inset-inline:0;transform-origin:50% 50%;background:color-mix(in srgb,var(--w-accent) 10%,transparent)}.fx-bf__lip{position:absolute;inset-inline:0;block-size:50%}.fx-bf__lip--ceiling{inset-block-start:0}.fx-bf__lip--floor{inset-block-end:0}.fx-bf__rule{position:absolute;inset-inline:0}.fx-bf__rule--ceiling{inset-block-start:0;block-size:1px;background:color-mix(in srgb,var(--w-accent) 45%,transparent)}.fx-bf__rule--floor{inset-block-end:0;block-size:2px;background:var(--w-accent)}.fx-bf__day{position:absolute;inset-inline-start:var(--fx-bf-x);inset-block-start:var(--fx-bf-y);inline-size:1.35%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--w-ink) 82%,transparent)}.fx-bf__stem{position:absolute;inset-inline-start:var(--fx-bf-x);inset-block-start:var(--fx-bf-y);inline-size:1px;block-size:var(--fx-bf-h);transform-origin:50% 100%;background:color-mix(in srgb,var(--w-ink) 38%,transparent)}.fx-bf[data-fx-band=armed] .fx-bf__cell,.fx-bf[data-fx-band=armed] .fx-bf__day{opacity:0}.fx-bf[data-fx-band=armed] .fx-bf__fill,.fx-bf[data-fx-band=armed] .fx-bf__stem{transform:scaleY(0)}.fx-bf[data-fx-band=armed] .fx-bf__lip--ceiling{transform:translate3d(0,100%,0)}.fx-bf[data-fx-band=armed] .fx-bf__lip--floor{transform:translate3d(0,-100%,0)}.fx-bf[data-fx-band=armed] .fx-bf__day{transform:translate3d(0,var(--fx-bf-from-y, 0px),0)}.fx-bf[data-fx-band=armed] .fx-bf__cell,.fx-bf[data-fx-band=playing] .fx-bf__cell{will-change:opacity,transform}.fx-bf[data-fx-band=armed] .fx-bf__fill,.fx-bf[data-fx-band=armed] .fx-bf__lip,.fx-bf[data-fx-band=armed] .fx-bf__day,.fx-bf[data-fx-band=armed] .fx-bf__stem,.fx-bf[data-fx-band=playing] .fx-bf__fill,.fx-bf[data-fx-band=playing] .fx-bf__lip,.fx-bf[data-fx-band=playing] .fx-bf__day,.fx-bf[data-fx-band=playing] .fx-bf__stem{will-change:transform}}@media(prefers-reduced-motion:reduce){.fx-bf[data-fx-band] .fx-bf__cell,.fx-bf[data-fx-band] .fx-bf__day{opacity:1}.fx-bf[data-fx-band] .fx-bf__fill,.fx-bf[data-fx-band] .fx-bf__lip,.fx-bf[data-fx-band] .fx-bf__day,.fx-bf[data-fx-band] .fx-bf__stem{transform:none}}@media print{.fx-bf[data-fx-band] .fx-bf__cell,.fx-bf[data-fx-band] .fx-bf__day{opacity:1}.fx-bf[data-fx-band] .fx-bf__fill,.fx-bf[data-fx-band] .fx-bf__lip,.fx-bf[data-fx-band] .fx-bf__day,.fx-bf[data-fx-band] .fx-bf__stem{transform:none}}