.step-animator{width:100%;min-height:100%}.step-animator.step-animator-overlay{position:absolute;inset:0}.step-animator .step-animator-layout{width:100%;min-height:100%}.step-animator .step-animation{place-items:center;display:grid}.step-animator .step-canvas{width:100%;height:100%}.step-animator .step-buttons{justify-content:center;gap:.625rem;display:flex}.step-animator .step-button{isolation:isolate;position:relative;overflow:hidden}.step-animator .step-button .btn-text{z-index:1;color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;position:relative}.step-animator .step-button .loading-bg{z-index:0;pointer-events:none;width:0;height:100%;position:absolute;top:0;left:0}.step-animator .centered-result-panel{text-align:center;flex-flow:column;justify-content:center;align-items:center;gap:1rem;padding:2.5rem 1rem 2rem;display:flex}.step-animator .centered-result-panel .step-animation{width:176px;max-width:48vw;height:176px;max-height:48vw}.step-animator .centered-result-panel .step-message{max-width:32ch;color:var(--color-text-primary);margin:0;font-size:1.15em;font-weight:600;line-height:1.3}.step-animator .centered-result-panel .step-buttons{flex-flow:column;width:100%}@media screen and (width>=30em){.step-animator .centered-result-panel .step-buttons{flex-flow:row;width:auto}}.step-animator .centered-result-panel .step-buttons button{min-width:100%}@media screen and (width>=30em){.step-animator .centered-result-panel .step-buttons button{min-width:180px}}.step-animator .centered-result-panel .step-buttons button.btn-outline .loading-bg{background-color:rgba(var(--color-rgb-accent), .16)}.step-animator .centered-result-panel .step-buttons button.btn-primary .loading-bg{background-color:rgba(var(--color-rgb-bg-primary), .18)}