.sugar-quiz-loading-animation{margin-top:var(--qla-margin-top);margin-bottom:var(--qla-margin-bottom)}.sugar-quiz-loading-animation .quiz-loading__bar-track{display:block;width:100%;height:var(--qla-bar-height);background:var(--qla-track);border-radius:var(--qla-bar-radius);overflow:hidden}.sugar-quiz-loading-animation .quiz-loading__bar-fill{display:block;width:0%;height:100%;background:var(--qla-fill);border-radius:var(--qla-bar-radius);transition:width var(--quiz-loading-duration, 6s) linear}.sugar-quiz-loading-animation .quiz-loading__bar-track+.quiz-loading__steps,.sugar-quiz-loading-animation .quiz-loading__spinner-wrapper~.quiz-loading__steps,.sugar-quiz-loading-animation .quiz-loading__spinner-text~.quiz-loading__steps{margin-top:20px}.sugar-quiz-loading-animation .quiz-loading__steps{display:var(--qla-steps-display);flex-direction:column;align-items:flex-start;gap:8px;text-align:left}.sugar-quiz-loading-animation .quiz-loading-step{display:flex;align-items:center;gap:12px;opacity:.4;color:var(--qla-fill);font-size:var(--qla-text-m);transition:opacity .4s ease}.sugar-quiz-loading-animation .quiz-loading-step--active,.sugar-quiz-loading-animation .quiz-loading-step--done{opacity:1;color:var(--qla-fill)}.sugar-quiz-loading-animation .quiz-loading-step__icon-wrapper{display:var(--qla-step-icon-display);align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.sugar-quiz-loading-animation .quiz-loading-step__icon{font-size:24px;line-height:1}.sugar-quiz-loading-animation .quiz-loading-step__icon--active,.sugar-quiz-loading-animation .quiz-loading-step__icon--done,.sugar-quiz-loading-animation .quiz-loading-step--active .quiz-loading-step__icon--pending,.sugar-quiz-loading-animation .quiz-loading-step--done .quiz-loading-step__icon--pending,.sugar-quiz-loading-animation .quiz-loading-step--done .quiz-loading-step__icon--active{display:none}.sugar-quiz-loading-animation .quiz-loading-step--active .quiz-loading-step__icon--active{display:inline-flex}.sugar-quiz-loading-animation .quiz-loading-step--done .quiz-loading-step__icon--done{display:inline-flex;align-items:center;justify-content:center;color:var(--qla-fill);font-size:24px;line-height:1}.sugar-quiz-loading-animation .quiz-loading-step--done .quiz-loading-step__emoji{width:24px;height:24px;object-fit:contain}.sugar-quiz-loading-animation .quiz-loading-step--done .quiz-loading-step__icon--done .sugar-icon{font-size:24px;line-height:1}.sugar-quiz-loading-animation .quiz-loading-step__mini-spinner{width:24px;height:24px;animation:sugar-quiz-loading-animation-step-spin 1s linear infinite}.sugar-quiz-loading-animation .quiz-loading-step__text{line-height:1.4}.sugar-quiz-loading-animation[data-step-layout=replace] .quiz-loading__steps{position:relative;gap:0}.sugar-quiz-loading-animation[data-step-layout=replace] .quiz-loading-step{position:absolute;top:0;left:0;opacity:0;visibility:hidden;pointer-events:none}.sugar-quiz-loading-animation[data-step-layout=replace] .quiz-loading-step--active{position:static;opacity:1;visibility:visible;pointer-events:auto;animation:sugar-quiz-loading-animation-fade .3s ease forwards}.sugar-quiz-loading-animation[data-step-layout=replace][data-editor-preview] .quiz-loading__steps{gap:8px}.sugar-quiz-loading-animation[data-step-layout=replace][data-editor-preview] .quiz-loading-step{position:static;opacity:1;visibility:visible;pointer-events:auto}.sugar-quiz-loading-animation[data-hide-next] .quiz-loading-step:not(.quiz-loading-step--active):not(.quiz-loading-step--done){display:none}.sugar-quiz-loading-animation[data-hide-next] .quiz-loading-step--active{animation:sugar-quiz-loading-animation-reveal .4s ease forwards}.sugar-quiz-loading-animation .quiz-loading__progress .quiz-loading__bar-fill{transition:none}.sugar-quiz-loading-animation .quiz-loading__progress-bar{margin-bottom:16px}.sugar-quiz-loading-animation .quiz-loading__progress-bar:last-child{margin-bottom:0}.sugar-quiz-loading-animation .quiz-loading__progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding:0 2px}.sugar-quiz-loading-animation .quiz-loading__progress-label,.sugar-quiz-loading-animation .quiz-loading__progress-percent{font-size:var(--qla-text-m);opacity:.6;color:var(--qla-fill)}.sugar-quiz-loading-animation .quiz-loading__spinner-wrapper{display:flex;align-items:center;justify-content:center}.sugar-quiz-loading-animation .quiz-loading__spinner{width:var(--qla-spinner-size-m, var(--qla-spinner-size));height:var(--qla-spinner-size-m, var(--qla-spinner-size))}.sugar-quiz-loading-animation .quiz-loading__spinner-track{stroke:var(--qla-track)}.sugar-quiz-loading-animation .quiz-loading__spinner-circle{stroke:var(--qla-fill);stroke-dasharray:70 213;transform-origin:center;animation:sugar-quiz-loading-animation-rotate 1.4s linear infinite}.sugar-quiz-loading-animation .quiz-loading__spinner-fill{stroke:var(--qla-fill);stroke-dasharray:283;stroke-dashoffset:283;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .6s ease-out}.sugar-quiz-loading-animation .quiz-loading__spinner-check{stroke:var(--qla-fill);stroke-dasharray:80;stroke-dashoffset:80;transition:stroke-dashoffset .35s ease .5s}.sugar-quiz-loading-animation .quiz-loading__spinner--done .quiz-loading__spinner-circle{opacity:0;transition:opacity .5s ease}.sugar-quiz-loading-animation .quiz-loading__spinner--done .quiz-loading__spinner-fill,.sugar-quiz-loading-animation .quiz-loading__spinner--done .quiz-loading__spinner-check{stroke-dashoffset:0}.sugar-quiz-loading-animation .quiz-loading__spinner-text{display:block;font-size:var(--qla-text-m);text-align:center;min-height:1.4em;opacity:0;margin-top:var(--qla-spinner-text-margin-top);margin-bottom:var(--qla-spinner-text-margin-bottom);transition:opacity .3s ease}.sugar-quiz-loading-animation .quiz-loading__spinner-text--visible{opacity:1;color:var(--qla-fill)}@keyframes sugar-quiz-loading-animation-step-spin{to{transform:rotate(360deg)}}@keyframes sugar-quiz-loading-animation-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sugar-quiz-loading-animation-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sugar-quiz-loading-animation-fade{0%{opacity:0}to{opacity:1}}.sugar-quiz-loading-animation .quiz-loading-step__text,.sugar-quiz-loading-animation .quiz-loading__progress-label,.sugar-quiz-loading-animation .quiz-loading__spinner-text--visible{color:var(--qla-text-color, var(--qla-fill))}@media screen and (min-width:750px){.sugar-quiz-loading-animation .quiz-loading__spinner{width:var(--qla-spinner-size);height:var(--qla-spinner-size)}.sugar-quiz-loading-animation .quiz-loading-step,.sugar-quiz-loading-animation .quiz-loading__progress-label,.sugar-quiz-loading-animation .quiz-loading__progress-percent,.sugar-quiz-loading-animation .quiz-loading__spinner-text{font-size:min(var(--qla-text-d),max(var(--qla-text-m, 0px),var(--qla-text-d) * var(--sw-page-fit)))}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/block-quiz-loading-animation.css.map */