.asylum-motion,.flourish[data-flourish]{position:relative;isolation:isolate;aspect-ratio:1.45;min-width:0;max-width:100%;overflow:visible;touch-action:pan-y}
.asylum-motion canvas,.flourish[data-flourish] canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.asylum-motion::before,.flourish[data-flourish]::before{content:"";position:absolute;z-index:-1;left:18%;right:16%;height:13%;bottom:4%;background:radial-gradient(ellipse,rgba(17,18,26,.25),transparent 68%);filter:blur(9px);transform:rotate(-8deg);pointer-events:none}
.asylum-motion-fallback{position:absolute;width:78%;height:78%;object-fit:contain;left:11%;top:8%;filter:drop-shadow(10px 20px 10px rgba(10,10,20,.2));transform:rotate(-9deg)}
.asylum-motion[data-renderer="webgl"] .asylum-motion-fallback,.flourish[data-renderer="webgl"] .asylum-motion-fallback{display:none}
.asylum-motion-play{position:absolute;z-index:2;inset:0;width:100%;height:100%;border:0;background:transparent;color:transparent;padding:0;border-radius:12px;font:inherit;font-size:0;cursor:grab;display:block;overflow:hidden;text-indent:-9999px;-webkit-tap-highlight-color:transparent}
.asylum-motion-play::before{content:none}
.asylum-motion-play:hover{background:transparent;color:transparent}
.asylum-motion-play:focus-visible{outline:2px dotted #171722;outline-offset:-8px}
.asylum-motion-play:active{cursor:grabbing}
@media (prefers-reduced-motion:reduce){.asylum-motion-play{display:none}.asylum-motion-play{transition:none}}
@media(max-width:500px){.asylum-motion,.flourish[data-flourish]{aspect-ratio:1.38}}