.stage{position:relative;width:100%;height:100%;pointer-events:none;user-select:none}.stage-2d,.stage-3d{position:absolute;inset:0;transition:opacity .6s var(--ease-out)}.stage-2d{display:grid;place-items:center;padding:5%;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 58%,transparent 72%);mask-image:radial-gradient(circle at 50% 50%,#000 58%,transparent 72%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:300% 300%;mask-size:300% 300%;animation:stage-reveal 1.4s var(--ease-out) .25s both}.stage-2d>svg{width:100%;height:100%;max-width:640px;filter:drop-shadow(0 40px 60px var(--token-shadow))}.stage-3d{opacity:0;-webkit-mask-image:radial-gradient(ellipse 62% 64% at 54% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 62% 64% at 54% 50%,#000 62%,transparent 100%)}.stage-3d .b3d{background:var(--stage)}.stage.has-table .stage-3d{opacity:1;transition-duration:1.2s}.stage.has-table .stage-2d{opacity:0;transition-duration:1.2s}.stage.is-fading .stage-2d,.stage.is-fading.has-table .stage-3d{opacity:0;transition-duration:.4s}@keyframes stage-reveal{0%{-webkit-mask-size:0 0;mask-size:0 0;opacity:.4}}@media (prefers-reduced-motion:reduce){.stage-2d{animation:kyr-fade .3s linear both}}