.scroll-showcase{width:min(100%, calc((100svh - 2 * var(--scroll-showcase-inset-y,56px)) * var(--scroll-showcase-aspect)));position:relative;container-type:inline-size}.scroll-showcase__stage{perspective:var(--scroll-showcase-perspective,150cqw);perspective-origin:50% 40%;position:absolute;inset:0}.scroll-showcase__glow{--_stretch:var(--scroll-showcase-glow-stretch,0);--_mask:radial-gradient(calc(50% * (1 + var(--_stretch) * .25)) calc(25% * (1 + var(--_stretch) * .9)) at 50% calc(25% + var(--scroll-showcase-progress,0) * 30cqw), #000 0%, #0009 35%, #00000040 60%, #00000014 80%, transparent 100%);z-index:-1;pointer-events:none;-webkit-mask-image:var(--_mask);mask-image:var(--_mask);-webkit-mask-image:var(--_mask);position:absolute;inset:-35% -15% -25%}.scroll-showcase__plane{transform-style:preserve-3d;transform-origin:50% 100%;will-change:transform;position:absolute;inset:0}.scroll-showcase__screen{border-radius:var(--scroll-showcase-radius,calc(var(--border-radius-large-base) + 6px));background-color:var(--color-neutral-900);box-shadow:0 0 0 1px var(--color-black);position:absolute;inset:0;overflow:hidden}.scroll-showcase__screen:after{content:"";border-radius:inherit;box-shadow:inset 0 0px 0px 1px var(--color-neutral-800);pointer-events:none;position:absolute;inset:0}.scroll-showcase__image{transition:opacity .25s}.scroll-showcase__video{object-fit:cover;object-position:center bottom;width:100%;height:100%;position:absolute;inset:0}.scroll-showcase__anchor{width:0;height:0;position:absolute;top:50%;left:50%}.scroll-showcase__ambient-plane{transform-origin:50% 100%;pointer-events:none;mix-blend-mode:overlay;opacity:.25;will-change:transform;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scroll-showcase__ambient{pointer-events:none;opacity:var(--scroll-showcase-ambient-opacity,.5);position:absolute;inset:-10% -8%;-webkit-mask-image:radial-gradient(closest-side,#000 55%,#0000 100%);mask-image:radial-gradient(closest-side,#000 55%,#0000 100%)}.scroll-showcase__ambient canvas{opacity:0;width:100%;height:100%;transition:opacity 1s;position:absolute;inset:0}.scroll-showcase__filters{width:0;height:0;position:absolute;overflow:hidden}.tooltip.showcase-square__tooltip{border-radius:18px}.tooltip.showcase-square__tooltip,.tooltip.showcase-square__tooltip *{pointer-events:none}.scroll-showcase__links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.scroll-showcase__link-dot{fill:var(--scroll-showcase-link,var(--color-white))}.scroll-showcase__square{aspect-ratio:1;opacity:0;will-change:transform, opacity;pointer-events:none;position:absolute;top:50%;left:50%}.scroll-showcase__float{animation:4s ease-in-out infinite alternate scroll-showcase-float}@keyframes scroll-showcase-float{0%{transform:translateY(-4%)rotate(-1.5deg)}to{transform:translateY(4%)rotate(1.5deg)}}@media (prefers-reduced-motion:reduce){.scroll-showcase__float{animation:none}}
.progress{transition:all 50ms ease-in;display:block;position:relative}.progress[data-shape=Circular]{width:calc(var(--progress-circular-radius) * 2);height:calc(var(--progress-circular-radius) * 2)}.progress[data-shape=Circular] svg{vertical-align:top;width:100%;height:100%}.progress[data-shape=Circular] .progress-circular-track{stroke:color-mix(in srgb, var(--progress-track-color) 20%, transparent)}.progress[data-shape=Circular] .progress-circular-bar{stroke:var(--progress-color)}.progress[data-shape=Linear]{width:100%;height:var(--progress-stroke);display:flex}.progress[data-shape=Linear] .progress-track{width:100%;height:var(--progress-stroke);border-radius:var(--progress-stroke);background-color:color-mix(in srgb, var(--progress-track-color) 20%, transparent);position:relative}.progress[data-shape=Linear] .progress-track.progress-track-hidden{background-color:#0000!important}.progress[data-shape=Linear] .progress-bar{height:var(--progress-stroke);border-radius:var(--progress-stroke);background-color:var(--progress-color);position:absolute;top:0;left:0}.progress[data-size=Small]{--progress-circular-radius:calc(var(--size-unit,4px) * 2);--progress-stroke:calc(var(--size-unit,4px) * .5)}.progress[data-size=Normal]{--progress-circular-radius:calc(var(--size-unit,4px) * 3);--progress-stroke:var(--size-unit,4px)}.progress[data-size=Large]{--progress-circular-radius:calc(var(--size-unit,4px) * 6);--progress-stroke:calc(var(--size-unit,4px) * 2)}.progress[data-color=Primary]{--progress-color:var(--color-primary-500,#3b82f6);--progress-track-color:var(--color-black,#000)}.progress[data-color=Constructive]{--progress-color:var(--color-constructive-500,#22c55e);--progress-track-color:var(--color-black,#000)}.progress[data-color=Destructive]{--progress-color:var(--color-destructive-500,#ef4444);--progress-track-color:var(--color-black,#000)}.progress[data-color=Warning]{--progress-color:var(--color-warning-500,#f59e0b);--progress-track-color:var(--color-black,#000)}.progress[data-color=Neutral]{--progress-color:var(--color-neutral-500,#6b7280);--progress-track-color:var(--color-black,#000)}@keyframes rotate-progress{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash-progress{0%{stroke-dasharray:calc(var(--progress-stroke) * 3), calc(var(--progress-stroke) * 12.7);stroke-dashoffset:0}50%{stroke-dasharray:calc(var(--progress-stroke) * 10), calc(var(--progress-stroke) * 5.7);stroke-dashoffset:calc(var(--progress-stroke) * -5)}to{stroke-dasharray:calc(var(--progress-stroke) * 3), calc(var(--progress-stroke) * 12.7);stroke-dashoffset:calc(var(--progress-stroke) * -15.7)}}@keyframes width-progress{0%{width:0%;left:0%}50%{width:75%;left:25%}to{width:0%;left:100%}}.progress[data-shape=Circular].progress-indeterminate svg{animation:1.4s linear infinite forwards rotate-progress}.progress[data-shape=Circular].progress-indeterminate .progress-circular-bar{animation:1.4s ease-in-out infinite forwards dash-progress}.progress[data-shape=Linear].progress-indeterminate .progress-bar{animation:1s infinite forwards width-progress}