@layer components{@property --motion-duration-fast{syntax:"<time>";inherits:true;initial-value:.18s}@property --motion-duration-base{syntax:"<time>";inherits:true;initial-value:.42s}@property --motion-duration-slow{syntax:"<time>";inherits:true;initial-value:.9s}@property --motion-stagger{syntax:"<time>";inherits:true;initial-value:30ms}@property --motion-blur-max{syntax:"<length>";inherits:true;initial-value:12px}@property --motion-readthrough-dim{syntax:"<number>";inherits:true;initial-value:.18}@property --motion-sticky-top{syntax:"<length>";inherits:true;initial-value:10svh}@property --motion-grain-opacity{syntax:"<number>";inherits:true;initial-value:.06}@property --motion-grain-size{syntax:"<length>";inherits:true;initial-value:256px}@property --motion-grain-fps{syntax:"<integer>";inherits:true;initial-value:8}@property --motion-overlay-z{syntax:"<integer>";inherits:true;initial-value:50}@property --motion-cursor-lag{syntax:"<number>";inherits:true;initial-value:.12}@property --motion-marquee-speed{syntax:"<length>";inherits:true;initial-value:34px}@property --motion-marquee-boost{syntax:"<number>";inherits:true;initial-value:9}@property --motion-ease-house{syntax:"*";inherits:true}:where(:root){--motion-ease-house:var(--ease-house,cubic-bezier(.16, 1, .3, 1))}.m-defocus{filter:blur();opacity:1}@media (prefers-reduced-motion:no-preference){:where(:root:not(.m-reduce)) :is(.m-defocus:not([data-trigger=inview]),.m-defocus[data-trigger=inview][data-m-in]){animation:m-defocus var(--motion-duration-slow) var(--motion-ease-house) both}:where(:root:not(.m-reduce)) .m-defocus[data-m-split]{animation:none}:where(:root:not(.m-reduce)) .m-defocus[data-m-split]>.m-w{white-space:pre;animation:m-defocus var(--motion-duration-slow) var(--motion-ease-house) both;animation-delay:calc(var(--i,0) * var(--motion-stagger));display:inline-block}}@keyframes m-defocus{0%{filter:blur(var(--m-defocus-blur,var(--motion-blur-max)));opacity:.25}}@property --m-read-p{syntax:"<percentage>";inherits:false;initial-value:100%}.m-read{--m-read-p:100%;-webkit-mask-image:linear-gradient(to bottom, currentcolor var(--m-read-p,100%), rgb(from currentcolor r g b / var(--m-read-dim,var(--motion-readthrough-dim))) calc(var(--m-read-p,100%) + var(--m-read-feather,8%)));mask-image:linear-gradient(to bottom, currentcolor var(--m-read-p,100%), rgb(from currentcolor r g b / var(--m-read-dim,var(--motion-readthrough-dim))) calc(var(--m-read-p,100%) + var(--m-read-feather,8%)))}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:where(:root:not(.m-reduce):not(.m-no-timeline)) .m-read{animation:linear m-read;animation-timeline:view();animation-range:var(--m-read-start,entry 20%) var(--m-read-end,cover 55%)}}}@keyframes m-read{0%{--m-read-p:calc(0% - var(--m-read-feather,8%))}}.m-read[data-m-split]{-webkit-mask-image:none;mask-image:none}.m-read[data-m-split]>.m-w{white-space:pre;opacity:1;display:inline-block}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:where(:root:not(.m-reduce):not(.m-no-timeline)) .m-read[data-m-split]>.m-w{animation:linear both m-read-w;animation-timeline:view();animation-range:calc(var(--m-read-start-pct,20%) + var(--i,0) * var(--m-read-step,1.5%)) calc(var(--m-read-start-pct,20%) + var(--i,0) * var(--m-read-step,1.5%) + 12%)}}}@keyframes m-read-w{0%{opacity:var(--m-read-dim,var(--motion-readthrough-dim))}}.m-grain{z-index:var(--motion-overlay-z);contain:strict;pointer-events:none;width:200%;height:200%;opacity:var(--motion-grain-opacity);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / var(--motion-grain-size) var(--motion-grain-size) repeat;mix-blend-mode:var(--m-grain-blend,overlay);position:fixed;inset:-50%}@media (prefers-reduced-motion:no-preference){:where(:root:not(.m-reduce)) .m-grain{animation:m-grain var(--motion-duration-slow) steps(var(--motion-grain-fps)) infinite}}@keyframes m-grain{0%{translate:0}25%{translate:-7% 4%}50%{translate:5% -9%}75%{translate:-4% -6%}to{translate:0}}@media print{.m-grain{display:none}}.m-xfade{grid-template-columns:var(--m-xfade-cols,2fr 1fr);gap:var(--m-xfade-gap,2rem);timeline-scope:--m-xf-1, --m-xf-2, --m-xf-3, --m-xf-4, --m-xf-5, --m-xf-6, --m-xf-7, --m-xf-8;display:grid}.m-xfade-copy{top:var(--motion-sticky-top);align-self:start;position:sticky}.m-xfade-copy>*{opacity:1}.m-xfade-media>:first-child{view-timeline-name:--m-xf-1}.m-xfade-media>:nth-child(2){view-timeline-name:--m-xf-2}.m-xfade-media>:nth-child(3){view-timeline-name:--m-xf-3}.m-xfade-media>:nth-child(4){view-timeline-name:--m-xf-4}.m-xfade-media>:nth-child(5){view-timeline-name:--m-xf-5}.m-xfade-media>:nth-child(6){view-timeline-name:--m-xf-6}.m-xfade-media>:nth-child(7){view-timeline-name:--m-xf-7}.m-xfade-media>:nth-child(8){view-timeline-name:--m-xf-8}@supports (animation-timeline:view()){:where(:root:not(.m-no-timeline)) .m-xfade-copy{display:grid}:where(:root:not(.m-no-timeline)) .m-xfade-copy>:nth-child(-n+8){grid-area:1/1;animation:linear both m-xf;animation-range:cover}:where(:root:not(.m-no-timeline)) .m-xfade-copy>:first-child{animation-timeline:--m-xf-1}:where(:root:not(.m-no-timeline)) .m-xfade-copy>:nth-child(2){animation-timeline:--m-xf-2}:where(:root:not(.m-no-timeline)) .m-xfade-copy>:nth-child(3){animation-timeline:--m-xf-3}:where(:root:not(.m-no-timeline)) .m-xfade-copy>:nth-child(4){animation-timeline:--m-xf-4}:where(:root:not(.m-no-timeline)) .m-xfade-copy>:nth-child(5){animation-timeline:--m-xf-5}:where(:root:not(.m-no-timeline)) .m-xfade-copy>:nth-child(6){animation-timeline:--m-xf-6}:where(:root:not(.m-no-timeline)) .m-xfade-copy>:nth-child(7){animation-timeline:--m-xf-7}:where(:root:not(.m-no-timeline)) .m-xfade-copy>:nth-child(8){animation-timeline:--m-xf-8}}@keyframes m-xf{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}.m-unmask{contain:paint;clip-path:inset(0)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:where(:root:not(.m-reduce):not(.m-no-timeline)) .m-unmask{animation:linear both m-unmask;animation-timeline:view();animation-range:var(--m-unmask-start,entry 0%) var(--m-unmask-end,entry 90%)}}}@keyframes m-unmask{0%{clip-path:inset(var(--m-unmask-from,100% 0 0 0))}}:is(.m-draw[pathLength="1"],.m-draw [pathLength="1"]){stroke-dasharray:1;stroke-dashoffset:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:where(:root:not(.m-reduce):not(.m-no-timeline)) :is(.m-draw:not([data-trigger])[pathLength="1"],.m-draw:not([data-trigger]) [pathLength="1"]){animation:linear both m-draw;animation-timeline:view();animation-range:calc(var(--m-draw-start,entry 0%) + var(--i,0) * var(--m-draw-step,5%)) var(--m-draw-end,cover 50%)}}}@media (prefers-reduced-motion:no-preference){:where(:root:not(.m-reduce)) :is(.m-draw[data-trigger=load][pathLength="1"],.m-draw[data-trigger=load] [pathLength="1"]){animation:m-draw var(--motion-duration-slow) var(--motion-ease-house) both;animation-delay:calc(var(--i,0) * var(--motion-stagger))}}@keyframes m-draw{0%{stroke-dashoffset:var(--m-draw-from,1)}}.m-pin-track{display:grid}.m-pin[data-m-pin] .m-pin-track{inline-size:max-content;display:flex}.m-pin[data-m-pin] .m-pin-track>*{flex:none;block-size:100svh;inline-size:100svw}.m-pin[data-m-pin][data-axis=y] .m-pin-track{flex-direction:column}.m-marquee{display:flex;overflow:clip}.m-marquee-track{align-items:center;gap:var(--m-marquee-gap,2rem);white-space:nowrap;flex:none;padding-inline-end:var(--m-marquee-gap,2rem);display:flex}.m-marquee-track[data-m-clone][hidden]{display:none}@property --m-count-v{syntax:"<number>";inherits:false;initial-value:0}.m-count{font-variant-numeric:tabular-nums;display:inline-block}.m-cursor{inline-size:var(--m-cursor-size,1.25rem);block-size:var(--m-cursor-size,1.25rem);margin:calc(var(--m-cursor-size,1.25rem) / -2);pointer-events:none;z-index:calc(var(--motion-overlay-z) + 2);opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-ease-house), scale var(--motion-duration-fast) var(--motion-ease-house);border:1px solid;border-radius:50%;place-items:center;display:grid;position:fixed;inset-block-start:0;inset-inline-start:0;scale:1}.m-cursor[data-m-state=idle]{opacity:1}.m-cursor[data-m-state=label]{opacity:1;scale:var(--m-cursor-scale,3);background:currentColor}.m-cursor-label{color:canvas;font-size:calc(1em / var(--m-cursor-scale,3))}.m-cursor:not([data-m-state=label]) .m-cursor-label{display:none}@media (prefers-reduced-motion:reduce){.m-cursor{transition:none}}:where(:root.m-reduce) .m-cursor{transition:none}.m-telemetry{z-index:calc(var(--motion-overlay-z) + 1);pointer-events:none;font-family:ui-monospace,monospace;font-size:var(--m-telemetry-size,.75rem);font-variant-numeric:tabular-nums;white-space:nowrap;color:inherit;gap:1em;line-height:1;display:flex;position:fixed}.m-telemetry[data-corner^=t]{inset-block-start:var(--m-telemetry-inset,1rem)}.m-telemetry[data-corner^=b]{inset-block-end:var(--m-telemetry-inset,1rem)}.m-telemetry[data-corner$=l]{inset-inline-start:var(--m-telemetry-inset,1rem)}.m-telemetry[data-corner$=r]{inset-inline-end:var(--m-telemetry-inset,1rem)}@media print{.m-telemetry{display:none}}}