.demo-presentation--expanded[data-v-da1bf8cb],.demo-presentation[data-v-da1bf8cb]:fullscreen{align-items:center;background:#000;border-radius:0;display:flex;height:100%;justify-content:center;width:100%}.demo-presentation--expanded[data-v-da1bf8cb]{height:100dvh;inset:0;position:fixed;z-index:10000}.demo-presentation--expanded .demo-presentation__stage[data-v-da1bf8cb],.demo-presentation:fullscreen .demo-presentation__stage[data-v-da1bf8cb]{flex:none;width:min(100%,calc(100dvh*var(--presentation-ratio)))}.demo-presentation__control[data-v-da1bf8cb]{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;pointer-events:auto;width:24px}.demo-presentation__control[data-v-da1bf8cb]:hover,.demo-presentation__control[aria-pressed=true][data-v-da1bf8cb]{background:#181a1fe6}.demo-presentation__control[data-v-da1bf8cb]:disabled{cursor:not-allowed;opacity:.45}.demo-presentation__control[data-v-da1bf8cb]:focus-visible,.demo-presentation__step[data-v-da1bf8cb]:focus-visible{outline:2px solid #fff;outline-offset:-3px}.demo-presentation__bottom[data-v-da1bf8cb]{pointer-events:none}.demo-presentation__description[data-v-da1bf8cb]{background:linear-gradient(transparent,#000000d1);opacity:0;transform:translateY(8px);transition:opacity .18s ease-out,transform .18s ease-out}.demo-presentation:focus-visible .demo-presentation__description[data-v-da1bf8cb],.demo-presentation__bottom--revealed .demo-presentation__description[data-v-da1bf8cb],.demo-presentation__bottom:has(:focus-visible) .demo-presentation__description[data-v-da1bf8cb]{opacity:1;transform:none}.demo-presentation__step-caption[data-v-da1bf8cb]{max-height:5.5em;overflow-y:auto}.demo-presentation__bottom--revealed .demo-presentation__step-caption[data-v-da1bf8cb]{pointer-events:auto}.demo-presentation__timeline[data-v-da1bf8cb]{background:#000000d1}.demo-presentation__steps[data-v-da1bf8cb]{pointer-events:auto;scrollbar-width:thin}.demo-presentation__step[data-v-da1bf8cb]{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-da1bf8cb]{background:#ffffff80;border-radius:999px;height:4px;transition:height .18s ease-out;width:100%}.demo-presentation__step--visited span[data-v-da1bf8cb],.demo-presentation__step[aria-current=step] span[data-v-da1bf8cb]{background:rgb(var(--color-brand-light))}.demo-presentation__step:focus-visible span[data-v-da1bf8cb],.demo-presentation__step:hover span[data-v-da1bf8cb],.demo-presentation__step[aria-current=step] span[data-v-da1bf8cb]{height:8px}.demo-presentation__stage[data-v-da1bf8cb]{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-da1bf8cb]{will-change:transform}.demo-presentation__interactive-areas[data-v-da1bf8cb]{border:1px solid #e0e0e3}.demo-presentation__hotspot[data-v-da1bf8cb]{--hotspot-accent:var(--color-brand-light);animation:demo-hotspot-pulse-da1bf8cb 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-da1bf8cb]{background:transparent;border:3px solid rgb(var(--hotspot-accent));border-radius:50%;box-sizing:border-box;padding:0}.demo-presentation__hotspot--point[data-v-da1bf8cb]:before{background:rgb(var(--hotspot-accent));border-radius:50%;content:"";inset:2px;pointer-events:none;position:absolute}.demo-presentation__hotspot[data-v-da1bf8cb]:focus-visible,.demo-presentation__hotspot[data-v-da1bf8cb]: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-da1bf8cb]:focus-visible,.demo-presentation__hotspot--point[data-v-da1bf8cb]:hover{background:transparent}@keyframes demo-hotspot-pulse-da1bf8cb{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-da1bf8cb]{--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-da1bf8cb]{transform-origin:var(--caption-arrow-x,50%) bottom}.demo-presentation__caption[data-v-da1bf8cb]:focus-visible,.demo-presentation__caption[data-v-da1bf8cb]:hover{--caption-scale:1.04;animation:demo-hotspot-pulse-da1bf8cb 1.8s ease-out infinite}.demo-presentation__caption[data-v-da1bf8cb]:focus-visible{outline:3px solid #fff;outline-offset:3px}.demo-presentation__caption[data-v-da1bf8cb]: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-da1bf8cb]: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-da1bf8cb]:focus-visible,.demo-presentation__caption[data-v-da1bf8cb]:hover,.demo-presentation__hotspot[data-v-da1bf8cb]{--caption-scale:1;animation:none}.demo-presentation__caption[data-v-da1bf8cb],.demo-presentation__description[data-v-da1bf8cb],.demo-presentation__step span[data-v-da1bf8cb],.demo-presentation__transform-layer[data-v-da1bf8cb]{transition:none}}