quiz-section{display:block;position:relative}quiz-section{padding-top:60px;padding-bottom:60px}.quiz-section__wrapper:has(.quiz__start-screen.active) .quiz-progress{display:none}.quiz__start-screen:not(.active){display:none}quiz-section .quiz-section__wrapper{background:#f7f3ee;padding-bottom:40px}.quiz-step{display:none}.quiz-step.active{display:block}.quiz-start{text-align:center;position:relative}.quiz-start__image{line-height:0}.quiz-start__image:before{content:"";display:block;position:absolute;width:100%;height:100%;background:#0006}.quiz-start__image img{width:100%;height:auto;object-fit:cover;object-position:right -280px;aspect-ratio:16 / 9}.quiz__start--medium .quiz-start__image img{max-height:632px}.quiz__start--small .quiz-start__image img{max-height:450px}.quiz-start__content{position:absolute;top:50%;left:50%;display:flex;flex-flow:column;transform:translate(-50%,-50%);align-items:center;width:100%;gap:16px}.quiz-start__content .quiz-button{margin-top:8px}.quiz-start__title{color:#fff;font-weight:700;font-size:36px;line-height:46.8px;letter-spacing:.72px;margin:0}.quiz-start__description{color:#fff;font-weight:400;font-size:22px;line-height:17.28px;margin:0}.quiz-progress{margin-bottom:40px;background:#e7eef7;height:10px}.quiz-progress__bar{height:100%;background:#f5d77a;width:0;transition:width .3s ease}.quiz-question{margin-bottom:30px}.quiz-question__number{font-weight:400;font-size:18px;line-height:17.28px;letter-spacing:3px;text-align:center;text-transform:uppercase;width:100%;display:block;margin-bottom:16px;color:#333333bf}.quiz-question__note{font-weight:400;font-size:17.3px;line-height:17.28px;letter-spacing:0%;text-align:center;width:100%;display:block;margin-bottom:16px;color:#333333bf}.quiz-question__title{font-weight:700;font-size:36px;line-height:46.8px;letter-spacing:0px;text-align:center;text-transform:capitalize;margin-top:0;margin-bottom:48px;color:#4b4b4d}.quiz-options{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px}.quiz-option{position:relative;cursor:pointer;border:1px solid #E7DDD3;transition:all .2s ease;background:#fff;flex:1 1 calc(25% - 20px);max-width:calc(25% - 30px)}.quiz-option:has(img) .quiz-option__label{display:flex;flex-wrap:wrap;row-gap:20px;padding:14px 14px 22px}.quiz-option:has(img) img{width:100%;height:auto}.quiz-option[data-value=shape_all]{margin-right:37%;margin-left:37%;max-width:calc(25% - 30px)}.quiz-option:hover{box-shadow:0 6px 20px #0000001a}.quiz-option:has(input:checked){border-color:#30597f}.quiz-option input[type=checkbox]{position:absolute;opacity:0}.quiz-option__label{display:flex;align-items:center;gap:10px;width:100%;padding:28px 16px;cursor:pointer;color:#4b4b4d;font-weight:700;font-size:18px;line-height:20.8px;letter-spacing:.72px}.quiz-option .color-link-list__swatch.color-swatch__beige{background:beige;background:linear-gradient(to right,var(--color-background),#B0947B)}.quiz-option .color-link-list__swatch.color-swatch__black{background:#000;background:linear-gradient(to right,var(--color-background),#000000)}.quiz-option .color-link-list__swatch.color-swatch__blue{background:#00f;background:linear-gradient(to right,var(--color-background),#0000FF)}.quiz-option .color-link-list__swatch.color-swatch__brown{background:brown;background:linear-gradient(to right,var(--color-background),#A52A2A)}.quiz-option .color-link-list__swatch.color-swatch__concrete{background:gray;background:linear-gradient(to right,var(--color-background),#808080)}.quiz-option .color-link-list__swatch.color-swatch__gold{background:#e8b904;background:linear-gradient(to right,var(--color-background),#E8B904)}.quiz-option .color-link-list__swatch.color-swatch__gray{background:gray;background:linear-gradient(to right,var(--color-background),#808080)}.quiz-option .color-link-list__swatch.color-swatch__metallic{background:#b0c4de;background:linear-gradient(to right,var(--color-background),#B0C4DE)}.quiz-option .color-link-list__swatch.color-swatch__multicolor{background:linear-gradient(to bottom right,red,#00f)}.quiz-option .color-link-list__swatch.color-swatch__orange{background:orange;background:linear-gradient(to right,var(--color-background),#FFA500)}.quiz-option .color-link-list__swatch.color-swatch__red{background:red;background:linear-gradient(to right,var(--color-background),#FF0000)}.quiz-option .color-link-list__swatch.color-swatch__purple-pink{background:purple;background:linear-gradient(to right,var(--color-background),#800080)}.quiz-option .color-link-list__swatch.color-swatch__silver{background:silver;background:linear-gradient(to right,var(--color-background),#C0C0C0)}.quiz-option .color-link-list__swatch.color-swatch__terracotta{background:#e2725b;background:linear-gradient(to right,var(--color-background),#E2725B)}.quiz-option .color-link-list__swatch.color-swatch__white{background:#f4f4f4;background:linear-gradient(to right,var(--color-background),#F4F4F4)}.quiz-option .color-link-list__swatch.color-swatch__wood{background:#8b4513;background:linear-gradient(to right,var(--color-background),#8B4513)}.quiz-option .color-link-list__swatch.color-swatch__yellow{background:#ff0;background:linear-gradient(to right,var(--color-background),#FFFF00)}.quiz-option .color-link-list__swatch.color-swatch__green{background:#5e8e3e;background:linear-gradient(to right,var(--color-background),#5E8E3E)}.quiz-option__checkmark{width:22px;height:22px;border-radius:4px;border:2px solid var(--color-selected-variant-border);background:var(--color-background);z-index:1;position:relative}.quiz-option:has(input:checked) .quiz-option__checkmark:after{content:url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.4375 7.21875L0 3.80875L1.09313 2.75L3.4375 5.05313L8.53187 0L9.625 1.08625L3.4375 7.21875Z' fill='%234A413C'/%3E%3C/svg%3E%0A");position:absolute;top:-2px;left:4px}.quiz-navigation{display:flex;justify-content:center;gap:16px;margin-top:30px}@media screen and (max-width: 989px){.section>quiz-section{grid-column:1 / -1}quiz-section{padding-top:1.5rem;padding-left:0;padding-right:0}.quiz-step{padding-left:1rem;padding-right:1rem}.quiz-start__image img{object-position:center;aspect-ratio:1 / 1}.quiz-start__content{padding-left:1.5rem;padding-right:1.5rem}.quiz-start__title,.quiz-question__title{font-size:24px;line-height:32px}.quiz-question__number{font-size:16px;line-height:20px}.quiz-question__note{font-size:14px;line-height:20px}.quiz-question__title{margin-bottom:40px}.quiz-start__description{font-size:16px;line-height:20px}.quiz-options{gap:16px}.quiz-option{flex:1 1 164px;max-width:172px;gap:8px}.quiz-option:has(img) img{padding-right:10px}.quiz-option:has(img) .quiz-option__label{row-gap:8px;padding:10px 0 10px 10px}.quiz-option[data-value=shape_all]{margin-right:unset;margin-left:unset;max-width:100%}.quiz-option[data-value=shape_all] .quiz-option__label{justify-content:center}.quiz-option:has(input:checked) .quiz-option__checkmark:after{left:2px;width:4px;height:8px}.quiz-option__label{font-size:12px;line-height:20px;padding:18px 0 18px 12px}.quiz-option__checkmark,.quiz-option__color-swatch{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/389/assets/section-quiz.css.map */