.step-container[data-v-57636da9]{background-image:linear-gradient(to bottom,var(--hover-bright-purple),var(--hover-less-bright-purple));border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:0 0 24px -4px var(--neon-cyan-dim);display:inline-block;left:50%;max-width:40%;opacity:0;padding:15px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:100}.fade-in-animation[data-v-57636da9]{animation:fadeInOnly-57636da9 var(--20ef73e2) linear 1 forwards;animation-delay:var(--13bf8320)}.fade-out-animation[data-v-57636da9]{animation:fadeOut-57636da9 var(--20ef73e2) linear 1 forwards;animation-delay:var(--13bf8320)}@keyframes fadeInOnly-57636da9{0%{opacity:0}10%,to{opacity:.6}}@keyframes fadeOut-57636da9{0%,to{opacity:0}10%,90%{opacity:.6}}@media (min-width:1200px){.step-container[data-v-57636da9]{max-width:20%}}v::deep .dg[data-v-b791d02a]{z-index:100000}.container[data-v-b791d02a]{height:100vh;width:100vw;z-index:-3}.container[data-v-b791d02a],.controls-container[data-v-b791d02a]{align-items:center;display:flex;justify-content:center}.controls-container[data-v-b791d02a]{bottom:0;gap:4rem;padding:20px 20px 120px;position:absolute;width:100%;z-index:1}.controls-container .control-item[data-v-b791d02a]{background-color:#fff;cursor:pointer;display:block;height:8rem;max-height:25%;max-width:25%;width:8rem}.controls-container .arrow-left[data-v-b791d02a]{mask:url(../arrow-left.svg) no-repeat center/contain;-webkit-mask:url(../arrow-left.svg) no-repeat center/contain}.controls-container .play-button[data-v-b791d02a]{mask:url(../play-button.svg) no-repeat center/contain;-webkit-mask:url(../play-button.svg) no-repeat center/contain}.controls-container .pause-button[data-v-b791d02a]{mask:url(../pause-button.svg) no-repeat center/contain;-webkit-mask:url(../pause-button.svg) no-repeat center/contain}.controls-container .arrow-right[data-v-b791d02a]{mask:url(../arrow-right.svg) no-repeat center/contain;-webkit-mask:url(../arrow-right.svg) no-repeat center/contain}#canvas-container[data-v-b791d02a]{height:inherit;max-height:var(--6f1e3600);max-width:var(--48a73739);width:inherit;z-index:0}canvas[data-v-b791d02a]{display:block}.loading-spinner[data-v-b791d02a]{height:auto;max-height:600px;max-width:800px;width:80%}[data-v-b791d02a] .step-container p{color:#fff;font-size:1rem;margin:0;padding:0;text-align:center}.hidden[data-v-b791d02a]{opacity:0;transition:visibility 0s 1s,opacity 1s ease-out;visibility:hidden}.loading-container[data-v-b791d02a]{background-color:#191030;display:grid;height:100%;left:0;place-items:center;position:absolute;top:0;width:100%;z-index:3}