.demo-presentation[data-v-e5572b21]:is(:fullscreen,.demo-presentation--expanded){--presentation-timeline-height:3rem;--presentation-frame-width:min(100%,calc((100dvh - var(--presentation-timeline-height))*var(--presentation-ratio)));align-items:center;background:#000;border-radius:0;display:flex;flex-direction:column;height:100dvh;justify-content:center;width:100%}.demo-presentation--expanded[data-v-e5572b21]{inset:0;position:fixed;z-index:10000}.demo-presentation[data-v-e5572b21]:is(:fullscreen,.demo-presentation--expanded) :is(.demo-presentation__stage,.demo-presentation__timeline){flex:none;width:var(--presentation-frame-width)}.demo-presentation__control[data-v-e5572b21]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#181a1fa6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex:none;font-size:14px;height:24px;justify-content:center;padding:0;width:24px}.demo-presentation__control[data-v-e5572b21]:hover,.demo-presentation__control[aria-pressed=true][data-v-e5572b21]{background:#181a1fe6}.demo-presentation__control[data-v-e5572b21]:disabled{cursor:not-allowed;opacity:.45}.demo-presentation__control[data-v-e5572b21]:focus-visible,.demo-presentation__step[data-v-e5572b21]:focus-visible{outline:2px solid #fff;outline-offset:-3px}.demo-presentation__description[data-v-e5572b21]{background:linear-gradient(transparent,#000000d1);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease-out,transform .18s ease-out}.demo-presentation:focus-visible .demo-presentation__description[data-v-e5572b21],.demo-presentation:has(.demo-presentation__timeline :focus-visible) .demo-presentation__description[data-v-e5572b21],.demo-presentation__description--revealed[data-v-e5572b21],.demo-presentation__description[data-v-e5572b21]:has(:focus-visible){opacity:1;transform:none}.demo-presentation__step-caption[data-v-e5572b21]{max-height:5.5em;overflow-y:auto}.demo-presentation__description--revealed .demo-presentation__step-caption[data-v-e5572b21]{pointer-events:auto}.demo-presentation__timeline[data-v-e5572b21]{background:#000000d1;box-sizing:border-box;height:var(--presentation-timeline-height,auto);min-width:min(100%,14rem)}.demo-presentation__steps[data-v-e5572b21]{scrollbar-width:thin}.demo-presentation__step[data-v-e5572b21]{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;flex:1 0 24px;height:32px;min-width:24px;padding:0}.demo-presentation__step span[data-v-e5572b21]{background:#ffffff80;border-radius:999px;height:4px;transition:height .18s ease-out;width:100%}.demo-presentation__step--visited span[data-v-e5572b21],.demo-presentation__step[aria-current=step] span[data-v-e5572b21]{background:rgb(var(--color-brand-light))}.demo-presentation__step:focus-visible span[data-v-e5572b21],.demo-presentation__step:hover span[data-v-e5572b21],.demo-presentation__step[aria-current=step] span[data-v-e5572b21]{height:8px}.demo-presentation__stage[data-v-e5572b21]{aspect-ratio:var(--presentation-ratio);background-image:linear-gradient(45deg,rgb(var(--color-line)/.42) 25%,transparent 25%),linear-gradient(-45deg,rgb(var(--color-line)/.42) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(var(--color-line)/.42) 75%),linear-gradient(-45deg,transparent 75%,rgb(var(--color-line)/.42) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.demo-presentation__transform-layer[data-v-e5572b21]{will-change:transform}.demo-presentation__interactive-areas[data-v-e5572b21]{border:1px solid #e0e0e3}.demo-presentation__hotspot[data-v-e5572b21]{--hotspot-accent:var(--color-brand-light);animation:demo-hotspot-pulse-e5572b21 1.8s ease-out infinite;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgb(var(--hotspot-accent)/.14);border:none;border-radius:8px;color:rgb(var(--color-ink));cursor:pointer;touch-action:manipulation}.demo-presentation__hotspot--point[data-v-e5572b21]{background:transparent;border:3px solid rgb(var(--hotspot-accent));border-radius:50%;box-sizing:border-box;padding:0}.demo-presentation__hotspot--point[data-v-e5572b21]:before{background:rgb(var(--hotspot-accent));border-radius:50%;content:"";inset:2px;pointer-events:none;position:absolute}.demo-presentation__hotspot[data-v-e5572b21]:focus-visible,.demo-presentation__hotspot[data-v-e5572b21]:hover{animation:none;background:rgb(var(--hotspot-accent)/.3);box-shadow:0 0 0 5px rgb(var(--hotspot-accent)/.3)}.demo-presentation__hotspot--point[data-v-e5572b21]:focus-visible,.demo-presentation__hotspot--point[data-v-e5572b21]:hover{background:transparent}@keyframes demo-hotspot-pulse-e5572b21{0%{box-shadow:0 0 rgb(var(--hotspot-accent)/.6)}70%{box-shadow:0 0 0 12px rgb(var(--hotspot-accent)/0)}to{box-shadow:0 0 rgb(var(--hotspot-accent)/0)}}.demo-presentation__caption[data-v-e5572b21]{--hotspot-accent:var(--color-brand-dark);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgb(var(--color-brand-dark));border:none;cursor:pointer;touch-action:manipulation;transform-origin:var(--caption-arrow-x,50%) top;transition:transform .18s ease-out;width:-moz-max-content;width:max-content}.demo-presentation__caption--above[data-v-e5572b21]{transform-origin:var(--caption-arrow-x,50%) bottom}.demo-presentation__caption[data-v-e5572b21]:focus-visible,.demo-presentation__caption[data-v-e5572b21]:hover{--caption-scale:1.04;animation:demo-hotspot-pulse-e5572b21 1.8s ease-out infinite}.demo-presentation__caption[data-v-e5572b21]:focus-visible{outline:3px solid #fff;outline-offset:3px}.demo-presentation__caption[data-v-e5572b21]:after{border-bottom:8px solid transparent;border-bottom-color:rgb(var(--color-brand-dark));border-left:8px solid transparent;border-right:8px solid transparent;border-top:0;bottom:100%;content:"";height:0;left:var(--caption-arrow-x,50%);position:absolute;transform:translate(-50%);width:0}.demo-presentation__caption--above[data-v-e5572b21]:after{border-bottom:0;border-top:8px solid rgb(var(--color-brand-dark));bottom:auto;top:100%}@media(prefers-reduced-motion:reduce){.demo-presentation__caption[data-v-e5572b21]:focus-visible,.demo-presentation__caption[data-v-e5572b21]:hover,.demo-presentation__hotspot[data-v-e5572b21]{--caption-scale:1;animation:none}.demo-presentation__caption[data-v-e5572b21],.demo-presentation__description[data-v-e5572b21],.demo-presentation__step span[data-v-e5572b21],.demo-presentation__transform-layer[data-v-e5572b21]{transition:none}}