.nav-pin-demo{--nav-pin-demo-duration:12s}.nav-pin-demo [data-demo]{animation-duration:var(--nav-pin-demo-duration);animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite}.nav-pin-demo [data-demo=scene]{animation-name:nav-pin-demo-scene}.nav-pin-demo [data-demo=camera]{animation-name:nav-pin-demo-camera}.nav-pin-demo [data-demo=nav]{animation-name:nav-pin-demo-nav}.nav-pin-demo [data-demo=label]{animation-name:nav-pin-demo-label}.nav-pin-demo [data-demo=pin]{animation-name:nav-pin-demo-pin}.nav-pin-demo [data-demo=pin-icon]{animation-name:nav-pin-demo-pin-icon}.nav-pin-demo [data-demo=unpin-icon]{animation-name:nav-pin-demo-unpin-icon}.nav-pin-demo [data-demo=panel]{animation-name:nav-pin-demo-panel}.nav-pin-demo [data-demo=cursor]{animation-name:nav-pin-demo-cursor}@media (prefers-reduced-motion:reduce){.nav-pin-demo [data-demo]{animation-play-state:paused;animation-delay:calc(var(--nav-pin-demo-duration) * -.68)}}@keyframes nav-pin-demo-scene{0%,to{opacity:1}}@keyframes nav-pin-demo-camera{0%,26%{transform:translate(0)scale(1)}34%,50%{transform:translate(-9px)scale(1.7)}56%,to{transform:translate(0)scale(1)}}@keyframes nav-pin-demo-nav{0%,13%{width:56px;box-shadow:none;background-color:#0000}14%{background-color:var(--shell-backdrop);width:56px;box-shadow:var(--shell-nav-shadow)}20%,46%{background-color:var(--shell-backdrop);width:216px;box-shadow:var(--shell-nav-shadow)}50%,79%{width:216px;box-shadow:none;background-color:#0000}81%,89%{background-color:var(--shell-backdrop);width:216px;box-shadow:var(--shell-nav-shadow)}95%{background-color:var(--shell-backdrop);width:56px;box-shadow:var(--shell-nav-shadow)}96%,to{width:56px;box-shadow:none;background-color:#0000}}@keyframes nav-pin-demo-label{0%,15%{opacity:0}21%,89%{opacity:1}94%,to{opacity:0}}@keyframes nav-pin-demo-pin{0%,16%{opacity:0;background-color:#0000}22%,32%{opacity:1;background-color:#0000}34%,44%{opacity:1;background-color:color-mix(in oklab, var(--foreground) 5%, transparent)}48%,74%{opacity:1;background-color:#0000}76%,84%{opacity:1;background-color:color-mix(in oklab, var(--foreground) 5%, transparent)}88%{opacity:1;background-color:#0000}92%,to{opacity:0;background-color:#0000}}@keyframes nav-pin-demo-pin-icon{0%,38%{opacity:1}39%,79%{opacity:0}80%,to{opacity:1}}@keyframes nav-pin-demo-unpin-icon{0%,38%{opacity:0}39%,79%{opacity:1}80%,to{opacity:0}}@keyframes nav-pin-demo-panel{0%,40%{left:56px}46%,81%{left:216px}87%,to{left:56px}}@keyframes nav-pin-demo-cursor{0%,6%{transform:translate(470px,210px)scale(1)}14%,26%{transform:translate(26px,118px)scale(1)}34%,37%{transform:translate(190px,28px)scale(1)}38%{transform:translate(190px,28px)scale(.85)}40%,56%{transform:translate(190px,28px)scale(1)}66%,70%{transform:translate(470px,210px)scale(1)}77%,78%{transform:translate(190px,28px)scale(1)}79%{transform:translate(190px,28px)scale(.85)}80%,86%{transform:translate(190px,28px)scale(1)}94%,to{transform:translate(470px,210px)scale(1)}}.ask-rail-demo{--ask-rail-demo-duration:12s}.ask-rail-demo [data-demo]{animation-duration:var(--ask-rail-demo-duration);animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite}.ask-rail-demo [data-demo=scene]{animation-name:ask-rail-demo-scene}.ask-rail-demo [data-demo=camera]{animation-name:ask-rail-demo-camera}.ask-rail-demo [data-demo=panel]{animation-name:ask-rail-demo-panel}.ask-rail-demo [data-demo=rail]{animation-name:ask-rail-demo-rail}.ask-rail-demo [data-demo=rail-close]{animation-name:ask-rail-demo-rail-close}.ask-rail-demo [data-demo=launcher]{animation-name:ask-rail-demo-launcher}.ask-rail-demo [data-demo=cursor]{animation-name:ask-rail-demo-cursor}@media (prefers-reduced-motion:reduce){.ask-rail-demo [data-demo]{animation-play-state:paused;animation-delay:calc(var(--ask-rail-demo-duration) * -.5)}}@keyframes ask-rail-demo-scene{0%,to{opacity:1}}@keyframes ask-rail-demo-camera{0%,12%{transform:translate(0)scale(1)}20%,38%{transform:translate(-443px,-210px)scale(1.7)}46%,48%{transform:translate(0)scale(1)}56%,66%{transform:translate(-720px,102px)scale(1.7)}74%,to{transform:translate(0)scale(1)}}@keyframes ask-rail-demo-panel{0%,25%{right:8px}33%,63%{right:248px}71%,to{right:8px}}@keyframes ask-rail-demo-rail{0%,25%{opacity:0}31%,63%{opacity:1}69%,to{opacity:0}}@keyframes ask-rail-demo-rail-close{0%,54%{background-color:#0000}56%,62%{background-color:var(--shell-active)}64%,to{background-color:#0000}}@keyframes ask-rail-demo-launcher{0%,24%{opacity:1;transform:scale(1)}27%,70%{opacity:0;transform:scale(.9)}74%,to{opacity:1;transform:scale(1)}}@keyframes ask-rail-demo-cursor{0%,6%{transform:translate(300px,150px)scale(1)}18%,22%{transform:translate(578px,244px)scale(1)}24%{transform:translate(578px,244px)scale(.85)}26%,46%{transform:translate(578px,244px)scale(1)}55%,59%{transform:translate(606px,26px)scale(1)}61%{transform:translate(606px,26px)scale(.85)}63%,74%{transform:translate(606px,26px)scale(1)}88%,to{transform:translate(300px,150px)scale(1)}}