.quiz-form{row-gap:32px}.quiz-section{position:relative}.quiz-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.quiz-question-container{flex:1;width:100%;text-align:left}.quiz-step-counter{margin-bottom:6px}@media screen and (min-width: 768px){.quiz-step-counter{margin-bottom:8px}}.quiz-btn-back{width:48px;height:48px}.quiz-recommended-products-title{margin-top:44px}@media screen and (min-width: 1280px){.quiz-recommended-products-title{margin-top:80px}}.quiz-products-secondary{margin-top:30px}@media screen and (min-width: 1280px){.quiz-products-secondary{margin-top:48px}}.quiz-steps{position:relative;padding-bottom:24px}@media screen and (min-width: 1280px){.quiz-steps{min-height:551px;padding-bottom:0}}.quiz-step{height:100%;display:none;border:0;padding:0;opacity:0;transition:opacity .3s ease}.quiz-step.active{display:block;opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quiz-options{display:grid;gap:var(--grid-gap);height:100%}.quiz-options{grid-template-columns:1fr}@media screen and (min-width: 1280px){.quiz-options:has(.quiz-option:nth-child(1):last-child){grid-template-columns:1fr;margin:0 auto}.quiz-options:has(.quiz-option:nth-child(2):last-child){grid-template-columns:repeat(2,1fr);margin:0 auto}.quiz-options:has(.quiz-option:nth-child(3):last-child){grid-template-columns:repeat(3,1fr);margin:0 auto}.quiz-options:has(.quiz-option:nth-child(4):last-child){grid-template-columns:repeat(4,1fr);margin:0 auto}.quiz-options:has(.quiz-option:nth-child(5):last-child){grid-template-columns:repeat(5,1fr);margin:0 auto}.quiz-options:has(.quiz-option:nth-child(n+6)){grid-template-columns:repeat(4,1fr);margin:0 auto}}.quiz-options:has(.quiz-option:nth-child(n+6)) .quiz-option{min-height:unset}@media screen and (min-width: 1280px){.quiz-options:has(.quiz-option:nth-child(n+6)) .quiz-option{min-height:265px}}.quiz-option:last-child{margin-bottom:80px}@media screen and (min-width: 1280px){.quiz-option:last-child{margin-bottom:0}}.quiz-option-content{height:100%;min-height:110px;background:rgba(var(--color-cream));border-radius:20px;padding:14px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(var(--color-black));position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}@media screen and (min-width: 1280px){.quiz-option-content{flex-direction:column;padding:60px 14px}.quiz-options:has(.quiz-option:nth-child(n+6)) .quiz-option-content{padding:24px 20px}}.quiz-option-content:hover{background-color:rgba(var(--color-white))}.quiz-input{position:absolute;opacity:0;pointer-events:none}.quiz-input:checked+.quiz-option-content{background-color:rgba(var(--color-white))}.quiz-input:checked+.quiz-option-content .quiz-select-text{background:rgb(var(--color-brown1));color:#fff}.quiz-input:checked+.quiz-option-content:after{content:attr(data-selection-indicator);position:absolute;top:10px;right:14px;width:24px;height:24px;background:rgb(var(--color-green2));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;font-size:14px;font-weight:600}@media screen and (min-width: 1280px){.quiz-step[data-step="1"] .quiz-input:checked+.quiz-option-content:after{display:none}.quiz-step[data-step="3"] .quiz-input:checked+.quiz-option-content:after{width:36px;height:36px;font-size:18px}.quiz-input:checked+.quiz-option-content:after{top:10px;right:10px;transform:unset}}.quiz-option-image{height:60px}@media screen and (min-width: 1280px){.quiz-option-image{height:80px}}@media screen and (min-width: 1280px){.quiz-option-image{height:120px;margin-top:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;order:2}}.quiz-option-heading{flex:1;display:flex;align-items:center}@media screen and (min-width: 1280px){.quiz-option-heading{order:1;flex:unset;text-align:center}}.quiz-option-content:hover .quiz-option-image,.quiz-input:checked+.quiz-option-content .quiz-option-image{opacity:1}.quiz-option-img{width:100%;height:100%;object-fit:contain}.quiz-input:checked+.quiz-option-content .btn--outlined,.quiz-option-content:hover .btn--outlined{background-color:rgb(var(--color-outlined-button-hover));color:rgb(var(--color-outlined-button-hover-text));border-color:rgb(var(--color-outlined-button-hover-text))}.quiz-option-footer{order:3;pointer-events:none}.quiz-btn-next-container{overflow:hidden;bottom:24px}.quiz-btn-next-container button{transform:translateY(100%);transition:transform .3s ease}.quiz-btn-next-container:has(button:not([disabled])) button{transform:translateY(0)}.quiz-results-actions{margin-top:40px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}@media screen and (min-width: 1280px){.quiz-results-actions{margin-top:80px;gap:32px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-quiz.css.map */