.demo-tour{--demo-tour-ease:cubic-bezier(0.2,0.8,0.2,1);--demo-tour-rise:10px;--demo-tour-at:var(--demo-tour-base);position:fixed;z-index:80;bottom:var(--demo-tour-at);transition:bottom .24s var(--demo-tour-ease)}.demo-tour[data-lifted]{--demo-tour-at:max(var(--demo-tour-base),var(--demo-tour-lift,0px))}.demo-tour-card{max-height:calc(100vh - var(--demo-tour-at) - 24px);max-height:calc(100dvh - var(--demo-tour-at) - 24px);overflow-y:auto;overscroll-behavior:contain;transform-origin:50% 100%;animation:demo-tour-in .32s var(--demo-tour-ease) both}@media (max-width:767.98px){.demo-tour{--demo-tour-base:var(--demo-tour-bottom,max(12px,env(safe-area-inset-bottom)));left:12px;right:12px;max-width:440px;margin:0 auto}.demo-tour[data-minimized]{left:auto}}@media (min-width:768px){.demo-tour{--demo-tour-base:24px;right:24px;width:360px}.demo-tour[data-minimized]{width:auto}.demo-tour .demo-tour-card{transform-origin:100% 100%}.demo-tour[data-side=left]{left:24px;right:auto}.demo-tour[data-side=left] .demo-tour-card{transform-origin:0 100%}}@media (max-width:1199.98px){.demo-tour[data-dock=top]{--demo-tour-rise:-10px;top:max(12px,env(safe-area-inset-top));bottom:auto}.demo-tour[data-dock=top] .demo-tour-card{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top));transform-origin:50% 0}}@media (min-width:768px) and (max-width:1199.98px){.demo-tour[data-dock=top] .demo-tour-card{transform-origin:100% 0}}.demo-tour[data-modal-open]{display:none}@media (max-width:1239.98px){.demo-tour[data-flow-open]{display:none}}.demo-tour-pill{animation:demo-tour-pop .24s var(--demo-tour-ease) both}.demo-tour-swap{animation:demo-tour-swap .28s var(--demo-tour-ease) both}.demo-tour[data-still] .demo-tour-card,.demo-tour[data-still] .demo-tour-pill,.demo-tour[data-still] .demo-tour-swap{animation:none}@keyframes demo-tour-in{0%{opacity:0;transform:translateY(var(--demo-tour-rise)) scale(.98)}}@keyframes demo-tour-pop{0%{opacity:0;transform:scale(.92)}}@keyframes demo-tour-swap{0%{opacity:0;transform:translateY(4px)}}.demo-tour-fill{background-size:calc(var(--segs) * 100%) 100%;background-position:calc(var(--seg) * 100% / (var(--segs) - 1)) 0;transform:scaleX(0);transform-origin:0 50%;transition:transform .36s var(--demo-tour-ease)}.demo-tour-fill[data-on]{transform:none}.demo-tour-ring{outline:3px solid rgb(255 111 145/.95);outline-offset:4px;scroll-margin:96px;animation:demo-tour-ring 1.8s ease-in-out infinite}[data-tour].demo-tour-ring{border-radius:24px}ul.demo-tour-ring{border-radius:18px}@keyframes demo-tour-ring{50%{outline-offset:7px;outline-color:rgb(200 109 215/.9)}}@media (prefers-reduced-motion:reduce){.demo-tour{transition:none}.demo-tour-card,.demo-tour-pill,.demo-tour-ring,.demo-tour-swap{animation:none}.demo-tour-fill{transition:none}}