.quiz-progress-bar-wrapper{width:100%;grid-area:quiz-progress}#quiz-progress{height:4px;background:linear-gradient(90deg,#98ae69,#d8f143);display:block;transition:width .3s;-webkit-transition:width .3s;border-radius:var(--border-radius-xs)}.quiz-content{margin-top:90px}.quiz-content__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}@media screen and (max-width: 749px){.quiz-content{margin-bottom:90px}.quiz-content__grid{grid-template-columns:1fr}}#quiz-left>*:first-child{padding-top:0;margin-top:0}.quiz-content__question{margin-bottom:32px;max-width:330px}.quiz-content__grid__left .mobile-find-out-more-btn{color:var(--text-color-inverse);background-color:var(--accent-1);text-transform:uppercase;padding:4px 12px;border-radius:var(--border-radius-pill)}@media screen and (min-width: 750px){.quiz-content__grid__left .mobile-find-out-more-btn{display:none}}@media screen and (max-width: 749px){.quiz-content__grid__left .additional-info-container{display:none}}.quiz-content__grid__left .additional-info-item-container{margin-top:32px}.quiz-content__grid__left .additional-info-item-container .icon svg{transition:all .3s ease-out;transform:rotate(0)}.quiz-content__grid__left .additional-info-item-container .icon.expanded svg{transform:rotate(45deg);margin-top:2px}.quiz-content__grid__left .additional-info-item-container .body3{text-transform:uppercase;margin-top:0;margin-bottom:0;cursor:pointer}.quiz-content__grid__left .additional-info-item-container .body3:hover{color:var(--text-color)}.quiz-content__grid__left .additional-info-item-container .body2{margin-bottom:0;overflow:hidden;transition:all .3s ease-out;max-height:0;margin-top:0}.quiz-content__grid__left .additional-info-item-container .body2.expanded{max-height:200px;margin-top:14px}.quiz-content__grid__right{position:relative}.quiz-content__grid .quiz-content__grid__right .answer{width:100%;cursor:pointer;background-color:transparent;color:var(--text-color);margin-bottom:16px;text-align:left;display:block;border-width:1px;border-style:solid;border-radius:var(--border-radius-xs);padding:16px;line-height:15px;font-weight:500}.quiz-content__grid .quiz-content__grid__right .answer:hover{color:var(--accent-2);border-color:var(--accent-2)}.quiz-content__grid .quiz-content__grid__right .answer.selected{color:var(--text-color-inverse);border-color:var(--accent-2);background-color:var(--accent-2)}.quiz-progression-btn-container{display:flex;justify-content:space-between;font-weight:500;color:#d0d0d0;margin-top:64px}.quiz-progression-btn-container a{border-radius:var(--border-radius-xs);padding:14px;line-height:15px}.quiz-progression-btn-container a.active{color:var(--text-color)}.quiz-progression-btn-container a.active:hover{color:var(--text-color);background-color:#d8f14326;cursor:pointer}#btn-back svg{transform:rotate(180deg)}#multiple-disclaimer{position:absolute;text-transform:uppercase;color:var(--text-color-dark);top:-43px;display:none}#vain-image-upload-wrapper{text-align:center;margin-top:40px}.vain-image-frame{position:relative;width:240px;height:240px;margin:0 auto 10px}.vain-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;border:2px dashed #98ae69;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#98ae69;font-size:14px;z-index:1}#vain-upload-preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;display:none;z-index:2}.vain-upload-btn{display:block;margin:10px auto 0;background-color:#98ae69;color:#fff;padding:12px;border:none;border-radius:6px;font-size:14px;cursor:pointer}.vain-upload-btn:hover{background-color:#8ba35d}.vain-pill{display:inline-block;background-color:#f2f4ef;border:1px solid #98ae69;color:#4a4a4a;padding:6px 10px;margin:4px 4px 0 0;border-radius:20px;font-size:13px;text-transform:capitalize}#vain-upload-result{font-size:14px;color:#4a4a4a;max-width:280px;margin:0 auto;text-align:center}.vain-spinner{margin-top:12px;display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid #98ae69;border-top-color:transparent;border-radius:50%;animation:vain-spin .8s linear infinite;vertical-align:-3px;font-family:Times New Roman,Times,serif}@keyframes vain-spin{to{transform:rotate(360deg)}}.vain-result{margin-top:22px;font-size:14px;color:#4a4a4a;max-width:300px;font-family:var(--font-body-family)}.vain-results-wrap{margin-top:20px}.vain-result-row{display:grid;grid-template-columns:160px minmax(0,1fr) 50px;align-items:center;gap:12px;margin-bottom:14px}.vain-bar{position:relative!important;height:12px!important;background:#e7ebdf!important;border-radius:6px!important;overflow:hidden!important}.vain-bar-fill{position:absolute!important;top:0;left:0;height:100%;background:#96c238!important;display:block!important}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-main-quiz.css.map */