.quiz-page-content{background:#fcfaf7}.quiz-page-content .container{max-width:var(--max-width);margin:0 auto;text-align:center}.quiz-wrapper.container{padding-top:48px}.quiz-content.container,.quiz-result.container{padding-bottom:48px}.quiz-progress-wrapper{margin-bottom:40px}.quiz-progress-bar{height:4px;background:#c4b3a366;position:relative;border-radius:9999px}.quiz-wrapper .quiz-progress__fill{position:absolute;display:block;inset:0 auto 0 0;width:0;background:#c4b3a3;border-radius:9999px}.quiz-progress__text{text-align:center;margin-bottom:10px;font-size:1.6rem;line-height:24px;letter-spacing:-.5px;color:#c4b3a3;font-family:Outfit,sans-serif}.quiz-content{text-align:center;display:none;font-family:Outfit,sans-serif}.quiz-content.active{display:block}.quiz-step__title{margin:32px 0 48px;font-size:36px;line-height:44px;color:#3e3e3e;letter-spacing:-.5px}.quiz-options-grid{display:grid;gap:16px}.quiz-options-grid.grid-1-column{grid-template-columns:1fr}.quiz-options-grid.grid-2-column{grid-template-columns:repeat(2,1fr)}.quiz-content-wrapper{display:flex;gap:32px;align-items:flex-start}.quiz-content-wrapper .quiz-content-image{width:300px}.quiz-content-wrapper .quiz-content-image img{width:100%;height:100%;border-radius:8px;object-fit:cover}.quiz-content-wrapper .quiz-options-grid{width:calc(100% - 332px)}.quiz-option-card{position:relative;border:1px solid var(--border-color);background:var(--background-color);cursor:pointer;border-radius:8px;padding:var(--spacing-item)}.quiz-option-card.is-selected{border-color:var(--background-color-active)}.quiz-step .quiz-option-card input{position:absolute;right:16px;top:50%;transform:translateY(-50%);margin:0;width:24px;height:24px}.quiz-option-card__image{width:100%;display:block;border-radius:4px;margin-bottom:6px;height:179px;object-fit:cover}.quiz-option-card__title{font-size:16px;line-height:24px;text-align:left;letter-spacing:-.5px;color:#3e3e3e;color:var(--color-text);font-weight:500;font-family:Outfit,sans-serif}.quiz-option-card__title.show-image{text-align:center;font-weight:400}.item-hidden{position:absolute;opacity:0;pointer-events:none}.quiz-option-card:has(.quiz-option-input:checked){background:var(--background-color-active);color:var(--color-active);border-color:var(--border-color-active)}input[type=radio]{border:1px solid #C4B3A3;border-radius:50%;outline:none;background-color:transparent;appearance:none;-webkit-appearance:none;cursor:pointer}input[type=radio]:checked{border-color:#c4b3a3}input[type=radio]:checked:before{content:"";position:absolute;top:50%;left:50%;width:15px;height:15px;background:#c4b3a3;border-radius:50%;transform:translate(-50%,-50%)}.quiz-option-card__badge{position:absolute;right:var(--spacing-item);border-radius:9999px;background:transparent;color:#686868;padding:4px 8px;font-size:12px;line-height:16px;letter-spacing:0}.quiz-option-card:has(.quiz-option-input:checked) .quiz-option-card__title.show-image{font-weight:600}.quiz-option-card:has(.quiz-option-input:checked) .quiz-option-card__badge,.quiz-option-image .quiz-option-card__badge,.quiz-option-card__badge.badge-custom{background:#907154;color:#fff}.quiz-option-image .quiz-option-card__badge{top:calc(8px + var(--spacing-item));right:calc(8px + var(--spacing-item))}.quiz-next:disabled{opacity:.5;pointer-events:none}.button.quiz-next{border-radius:100px;background-color:#000;color:#fff;font-size:14px;line-height:20px;padding:12px 16px;letter-spacing:0;min-height:44px;font-family:Outfit,sans-serif;min-width:111px}.quiz-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:48px}.quiz-actions .button{margin-top:0}.quiz-page-content .container[data-step="3"] .quiz-actions{margin-top:28px}.button.quiz-prev{border-radius:100px;border:1px solid #C4B3A3;background:transparent;color:#3e3e3e;font-size:14px;line-height:20px;padding:12px 20px;min-height:44px;font-family:Outfit,sans-serif}.button.quiz-prev:before,.button.quiz-prev:after{display:none}.button.quiz-next:before,.button.quiz-next:after{display:none}.button.quiz-next .icon{margin-left:7px;margin-top:2px}.quiz-select-option{justify-content:center;display:flex;align-items:center;gap:8px}.quiz-select-title{font-size:12px;line-height:16px;color:#686868;letter-spacing:0;margin-bottom:12px}.quiz-color-options .quiz-select-title{margin-bottom:4px}.quiz-size-options{border-bottom:2px solid #F8F1EB;padding-bottom:32px;margin-bottom:16px}.quiz-select-option .quiz-size-option{padding:6px 16px;font-size:14px;line-height:20px;letter-spacing:-.5px;color:#3e3e3e;border:1px solid #C4B3A3;background:#fcfaf7;font-family:Outfit,sans-serif;border-radius:8px;min-width:75px}.quiz-select-option .quiz-size-option input,.quiz-select-option .quiz-color-option input{display:none}.quiz-select-option .quiz-size-option:has(input:checked){background:#c4b3a3;border-color:#c4b3a3}.quiz-pack-builder__selected{background:#f8f1eb99;padding:16px 32px;border:1px solid #F2E9DB;border-radius:8px;margin-bottom:24px;text-align:center}.quiz-pack-builder__selected .quiz-selected{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:16px}.quiz-pack-builder__selected .selected-slot{width:54px;height:54px;border-radius:50%;border:1px dashed #C4B3A3;display:flex;align-items:center;justify-content:center;color:#c4b3a3;overflow:hidden;background:#fcfaf7}.quiz-pack-builder__selected .selected-slot.is-filled{border-style:solid}.quiz-pack-builder__selected .selected-slot__color{display:block;width:100%;height:100%;border-radius:50%}.quiz-pack-builder__selected .selected-counter{font-size:12px;line-height:16px;letter-spacing:0;color:#686868}.quiz-pack-builder__helper{margin:12px 0 0;font-size:12px;line-height:16px;color:#686868}.quiz-pack-color{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quiz-color-option{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:14px 12px;border:1px solid #F2E9DB;border-radius:12px;background:#fff;transition:border-color .2s ease,background-color .2s ease}.quiz-color-option.is-selected{border-color:#c4b3a3;background:#f8f1eb}.quiz-select-option .quiz-color-option .quiz-color-swatch{background:#ad967e;display:block;width:36px;height:36px;border-radius:50%}.quiz-select-option .quiz-color-option .quiz-color-name{font-size:14px;line-height:20px;letter-spacing:-.5px;font-family:Outfit,sans-serif;color:#3e3e3e}.quiz-color-quantity{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:94px}.quiz-color-quantity__button{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;min-width:28px;height:28px;min-height:28px;border:1px solid #C4B3A3;border-radius:999px;background:#fff;color:#3e3e3e;box-shadow:none;outline:none;font-size:16px;font-weight:600;line-height:1;cursor:pointer;padding:0}.quiz-color-quantity__button:focus,.quiz-color-quantity__button:focus-visible,.quiz-color-quantity__button:hover,.quiz-color-quantity__button:active{box-shadow:none;outline:none}.quiz-color-quantity__button:disabled{opacity:.4;cursor:not-allowed}.quiz-color-quantity__count{min-width:16px;font-size:14px;line-height:20px;font-weight:600;color:#3e3e3e;text-align:center}.quiz-size-chart{display:flex;gap:10px;justify-content:center;align-items:center;font-size:14px;line-height:20px;letter-spacing:-.5px;margin-top:16px;color:#3e3e3e}.quiz-size-chart p{margin:0}.quiz-size-chart .view-size{font-size:12px;line-height:16px;text-decoration:underline;color:#3e3e3e}.size-guide-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}.size-guide-popup.active{display:flex;align-items:center;justify-content:center;padding:24px}.size-guide-popup__overlay{position:absolute;display:block!important;top:0;right:0;bottom:0;left:0;background:#0009}.size-guide-popup__content{position:relative;width:min(96vw,960px);max-height:calc(100vh - 48px);overflow:auto;background:#fff;z-index:1;padding:16px;border-radius:20px;box-shadow:0 24px 60px #0000002e}.size-guide-popup__content img{display:block;width:100%;height:auto;border-radius:12px}.size-guide-popup__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:1px solid #E7DDCF;cursor:pointer;font-size:24px;background:#fff;border-radius:999px;z-index:2}.quiz-size-chart__trigger{background:none;border:0;padding:0;cursor:pointer;font-family:Outfit,sans-serif}.packs-products__list{margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem;align-items:stretch}.quiz-pack-summary{display:flex;gap:24px;align-items:stretch;padding:20px;background-color:#f8f1eb;border:1px solid #F2E9DB;border-radius:16px;text-align:left}.quiz-pack-summary__media{flex:0 0 260px;line-height:1}.quiz-pack-summary__media img{width:100%;height:100%;max-height:340px;object-fit:cover;border-radius:12px}.quiz-pack-summary__content{flex:1;display:flex;flex-direction:column;gap:16px}.quiz-pack-summary__eyebrow{margin:0;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:#907154;font-family:Outfit,sans-serif;font-weight:600}.quiz-pack-summary__title{font-size:3rem;line-height:36px;letter-spacing:-.5px;font-family:Outfit,sans-serif;color:#3e3e3e;font-weight:600;margin:0}.quiz-pack-summary__title a{color:inherit;text-decoration:none}.quiz-pack-summary__price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.quiz-pack-summary__price strong{font-size:2.4rem;line-height:32px;letter-spacing:-.5px;color:#3e3e3e;font-family:Outfit,sans-serif}.quiz-pack-summary__price span{font-size:1.4rem;line-height:20px;color:#686868;font-family:Outfit,sans-serif}.quiz-pack-summary__details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.quiz-pack-summary__details div{padding:12px;border-radius:12px;background:#fff;border:1px solid #F2E9DB}.quiz-pack-summary__details dt{margin:0 0 6px;font-size:12px;line-height:16px;color:#686868;font-family:Outfit,sans-serif}.quiz-pack-summary__details dd{margin:0;font-size:16px;line-height:24px;color:#3e3e3e;font-family:Outfit,sans-serif;font-weight:500}.quiz-pack-summary__label{margin:0;font-size:12px;line-height:16px;color:#686868;font-family:Outfit,sans-serif}.quiz-pack-summary__color-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.quiz-pack-summary__color-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-radius:12px;background:#fff;border:1px solid #F2E9DB;font-size:14px;line-height:20px;color:#3e3e3e;font-family:Outfit,sans-serif}.quiz-pack-summary__color-meta{display:flex;align-items:center;gap:10px}.quiz-pack-summary__swatch{width:18px;height:18px;border-radius:50%;border:1px solid #ddd;flex-shrink:0}.quiz-pack-summary__warning{margin:0;padding:12px 14px;border-radius:12px;background:#fff7f2;border:1px solid #F0D5C7;color:#9c5d3e;font-size:14px;line-height:20px;font-family:Outfit,sans-serif}.quiz-pack-summary__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}.quiz-pack-summary__actions .button{margin-top:0!important}.quiz-pack-summary__actions .quiz-add-cart{width:auto}.quiz-pack-summary .more-information a{font-size:12px;line-height:16px;letter-spacing:0;color:#686868;display:inline-block;font-family:Outfit,sans-serif}@media(min-width:768px){.quiz-page-content .container{min-width:var(--max-width)}}@media(max-width:767px){.quiz-page-content .container{padding:16px 16px 48px}.quiz-page-content .quiz-wrapper.container{padding-bottom:0}.quiz-content-wrapper{flex-direction:column}.quiz-content-wrapper .quiz-content-image,.quiz-content-wrapper .quiz-options-grid{width:100%}.quiz-step__title{margin:0 0 32px;font-size:28px;line-height:36px}.quiz-actions{flex-direction:column-reverse;margin-top:32px}.quiz-actions .button{width:100%;line-height:18px}.quiz-options-grid.grid-1-column-mb{grid-template-columns:1fr}.quiz-options-grid.grid-2-column-mb{grid-template-columns:repeat(2,1fr);gap:8px}.quiz-select-option{flex-wrap:wrap}.quiz-pack-color{grid-template-columns:repeat(2,minmax(0,1fr))}.size-guide-popup.active{padding:16px}.size-guide-popup__content{width:100%;max-height:calc(100vh - 32px);padding:12px}.quiz-pack-summary{flex-direction:column}.quiz-pack-summary__media{flex-basis:auto}.quiz-pack-summary__details{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-pack-summary__actions{flex-direction:column}.quiz-pack-summary__actions .button{width:100%}}@media(max-width:550px){.quiz-select-option .quiz-size-option{min-width:65px}.quiz-options-grid.grid-1-column-mb:has(.quiz-option-image){max-width:276px;margin:0 auto}.quiz-pack-color{grid-template-columns:1fr}.quiz-pack-builder__selected .quiz-selected{gap:12px}.quiz-pack-builder__selected .selected-slot{width:48px;height:48px}.quiz-color-quantity{max-width:88px}.quiz-pack-summary__details{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/quiz-page.css.map */