modal-element#quiz-modal{--modal-bg: transparent;overflow:hidden}modal-element#quiz-modal modal-content{overflow:visible;display:flex;align-items:center;justify-content:center}.quiz{display:flex;flex-direction:column;width:calc(100vw - 80px);max-width:1360px;height:calc(100dvh - 80px);border-radius:16px;overflow:visible;background-color:var(--quiz-primary, #1a7d6d)}.quiz__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:var(--quiz-primary, #1a7d6d);background-color:#027265;border-radius:16px 16px 0 0}.quiz__close{min-height:unset;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:#fff;cursor:pointer;flex-shrink:0}.quiz__close:hover{background:#ffffff1a;border-radius:50%}.quiz__close svg{width:24px;height:24px}.quiz__close svg *{stroke:#fff;fill:none}.quiz__breadcrumbs{display:flex;align-items:center;gap:0;flex:1}.quiz__breadcrumb{display:flex;align-items:center;gap:13px;background:transparent;white-space:nowrap;flex-shrink:0}.quiz__breadcrumb-circle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ffffff4d;flex-shrink:0;transition:background .4s cubic-bezier(.4,0,.2,1);position:relative}.quiz__breadcrumb-number{color:#027265;text-align:center;font-size:var(--typography-size-body-medium);font-weight:var(--typography-weight-body-medium);line-height:var(--typography-height-body-medium);letter-spacing:-.4px;transition:opacity .3s ease}.quiz__breadcrumb-check{position:absolute;width:16px;height:16px;opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}.quiz__breadcrumb-check svg{width:100%;height:100%;stroke:#fff}.quiz__breadcrumb-title{color:#fff;text-align:center;font-size:var(--typography-size-body-medium);font-weight:400;line-height:normal;letter-spacing:-.4px;max-width:0;opacity:0;overflow:hidden;transition:max-width .4s cubic-bezier(.4,0,.2,1),opacity .3s ease .1s}.quiz__breadcrumb--active .quiz__breadcrumb-circle{background:#d5ede5}.quiz__breadcrumb--active .quiz__breadcrumb-number{color:#027265}.quiz__breadcrumb--active .quiz__breadcrumb-title{max-width:350px;opacity:1}.quiz__breadcrumb--completed .quiz__breadcrumb-number{opacity:0}.quiz__breadcrumb--completed .quiz__breadcrumb-check{opacity:1;transform:scale(1)}.quiz__breadcrumb-line{width:32px;height:1px;background:#ffffff4d;flex-shrink:0;margin:0 16px}.quiz__body{flex:1;display:flex;flex-direction:column;background:var(--quiz-body-bg, #d4e5e2);background:#027265;overflow:visible;position:relative;min-height:0}.quiz__body:has(.loading-spinner){border-bottom-left-radius:16px;border-bottom-right-radius:16px}.quiz__step-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 40px;min-height:0;overflow-y:auto}.quiz__step-content:has(.quiz-display--simple),.quiz__step-content:has(.quiz-display--last){overflow:visible}.quiz__placeholder{text-align:center;color:#fff}.quiz__footer{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;background:var(--quiz-body-bg, #d4e5e2);background:#d5ede5;border-radius:0 0 16px 16px;overflow:visible;position:relative}.quiz__back{background:transparent;border:1px solid var(--quiz-primary, #1a7d6d);box-shadow:0 1px 2px #1018280d;color:var(--quiz-primary, #1a7d6d);transition:all .2s ease}.quiz__back:hover{background:#1a7d6d0d;border-color:var(--quiz-primary, #1a7d6d)}.quiz__back svg{width:32px;height:18px}.quiz__back svg *{stroke:var(--quiz-primary, #1a7d6d)}.quiz__continue{background:var(--quiz-primary, #1a7d6d);border:1px solid var(--quiz-primary, #1a7d6d);color:#fff;margin-left:auto}.quiz__continue:hover:not(:disabled){background:#156b5d;border-color:#156b5d}.quiz__continue svg{width:32px;height:18px}.quiz__continue svg *{stroke:#fff}.quiz .hidden{display:none!important}.quiz__step-content>*{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:990px){.quiz__step-content{padding:16px 24px;justify-content:flex-start}.quiz__back,.quiz__continue{font-size:14px}.quiz__breadcrumbs{width:100%;gap:0}.quiz__breadcrumb{padding:0;gap:8px}.quiz__breadcrumb-line{width:12px;margin:0 5px}}@media screen and (max-width:769px){.quiz{width:100vw;height:100dvh;border-radius:0}.quiz__header{padding:10px 16px;border-radius:0}.quiz__breadcrumb-title{display:none}.quiz__breadcrumbs{width:100%;gap:0}.quiz__breadcrumb-number{font-size:14px}.quiz__breadcrumb-title{font-size:12px;max-width:150px}.quiz__close{width:32px;height:24px}.quiz__close svg{width:20px;height:20px}.quiz__footer{padding:var(--spacer-1, 20px);min-height:60px;border-radius:0}.quiz__back,.quiz__continue{padding:8px 16px;font-size:13px}.quiz__step-content:has(.quiz-frame__swiper),.quiz__step-content:has(.quiz-form__swiper){padding-left:0;padding-right:0}}@media(prefers-reduced-motion:reduce){.quiz__breadcrumb-circle,.quiz__breadcrumb-number,.quiz__breadcrumb-check,.quiz__breadcrumb-title,.quiz__back{transition:none}.quiz__step-content>*{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/120/assets/quiz.css.map */