.custom-quiz{padding-top:var(--section-padding-top, 2rem);padding-bottom:var(--section-padding-bottom, 2rem)}.custom-quiz__inner{width:100%;max-width:none;margin-left:auto;margin-right:auto;padding-left:var(--page-margin, 1.5rem);padding-right:var(--page-margin, 1.5rem)}.custom-quiz__inner .custom-quiz__slide--question .custom-quiz__question-wrap,.custom-quiz__inner .custom-quiz__slide--results .custom-quiz__results{max-width:var(--page-width, 1200px);margin-left:auto;margin-right:auto}.custom-quiz__slide{display:none;animation:custom-quiz-fade .3s ease}.custom-quiz__slide[aria-hidden=false]{display:block}.custom-quiz.section:before{display:none!important}.custom-quiz__slide--intro,.custom-quiz__intro-content{position:relative;z-index:1}@media(max-width:989px){.custom-quiz__intro-content{text-align:center;align-items:center}.custom-quiz__intro-heading,.custom-quiz__intro-text{text-align:center}.custom-quiz__intro-content .custom-quiz__btn{align-self:center}}@keyframes custom-quiz-fade{0%{opacity:0}to{opacity:1}}.custom-quiz__intro{display:flex;flex-direction:column;gap:2rem}.custom-quiz__intro--50-50{width:100%}@media(min-width:990px){.custom-quiz__intro--50-50{flex-direction:row;align-items:stretch;gap:0;min-height:420px}.custom-quiz__intro--50-50.lg\:flex-row-reverse{flex-direction:row-reverse}}.custom-quiz__intro-media{flex-shrink:0}.custom-quiz__intro-media .media,.custom-quiz__intro-media picture{border-radius:var(--quiz-intro-image-radius, 8px);overflow:hidden}.custom-quiz__intro-media img{width:100%;height:auto;min-height:280px;object-fit:cover}@media(min-width:990px){.custom-quiz__intro-media--half{flex:0 0 50%;width:50%;max-width:50%}.custom-quiz__intro-media--half img{min-height:400px;width:100%;height:100%;object-fit:cover}.custom-quiz__intro-media--half .media,.custom-quiz__intro-media--half picture{height:100%;display:block}.custom-quiz__intro-media--half .media img{min-height:100%;height:100%}}.custom-quiz__intro-content--half{padding:2rem 1.5rem}@media(min-width:990px){.custom-quiz__intro-content--half{flex:0 0 50%;width:50%;max-width:50%;padding:3rem 4rem;display:flex;justify-content:center;flex-direction:column}}.custom-quiz__intro-content{display:flex;flex-direction:column;gap:1.5rem;flex:1 1 auto;min-width:0}.custom-quiz__intro-heading,.custom-quiz__intro-text{margin:0;line-height:1.2;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.custom-quiz__intro-heading.js-invisible,.custom-quiz__intro-text.js-invisible{visibility:visible!important;opacity:1!important}.custom-quiz__intro-text{line-height:1.6}.custom-quiz__btn{align-self:flex-start;cursor:pointer;text-transform:uppercase}.custom-quiz__btn:disabled{opacity:.6;cursor:not-allowed}.custom-quiz .custom-quiz__btn--primary:hover,.custom-quiz .custom-quiz__btn--primary:focus-visible{color:var(--color-button-text, #fff)!important;background-color:var(--color-button-background, #000)!important;opacity:1}.custom-quiz .custom-quiz__btn--secondary:hover,.custom-quiz .custom-quiz__btn--secondary:focus-visible{color:#000!important;background-color:var(--color-background, #fff)!important;border-color:#000!important;border-width:2px}.custom-quiz .button--secondary:hover,.custom-quiz .button--secondary:focus-visible{color:#000!important;background-color:var(--color-background, #fff)!important;border-color:#000!important}.custom-quiz__question-wrap{width:100%;padding:1rem 0}@media(min-width:768px){.custom-quiz__question-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:55vh;padding:2rem 0}}.custom-quiz__progress{margin-bottom:1rem;color:var(--color-foreground);opacity:.8;text-align:center}@media(min-width:768px){.custom-quiz__question-wrap .custom-quiz__progress{text-align:center}}.custom-quiz__question-title{margin:0 0 1.5rem;line-height:1.2;text-align:center}@media(min-width:768px){.custom-quiz__question-wrap .custom-quiz__question-title{text-align:center}}.custom-quiz__answers{display:grid;gap:.75rem;width:100%;max-width:560px;margin-left:auto;margin-right:auto}.custom-quiz__answers--text-only{grid-template-columns:1fr;max-width:480px}.custom-quiz__answers--text-only .custom-quiz__answer-tile{min-height:64px;padding:1rem 1.5rem}@media(min-width:768px){.custom-quiz__answers--text-only .custom-quiz__answer-tile{min-height:72px;padding:1.25rem 1.75rem}}.custom-quiz__answers--with-images{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:none;width:100%;padding:0 .25rem;justify-content:center;align-items:stretch}@media(min-width:768px){.custom-quiz__answers--with-images{display:flex;flex-wrap:nowrap;gap:1.5rem;padding:0 1rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}}.custom-quiz__answer-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.25rem 1.5rem;min-height:56px;border:2px solid rgba(0,0,0,.15);border-radius:var(--border-radius, .5rem);background:var(--color-background);color:var(--color-foreground);font-size:18px;cursor:pointer;text-transform:none;transition:border-color .2s,background .2s,box-shadow .2s;box-shadow:0 1px 3px #00000014}.custom-quiz__answer-tile:hover{border-color:#00000059;background:var(--color-background);box-shadow:0 2px 6px #0000001f}.custom-quiz__answer-tile[aria-pressed=true]{border-color:var(--color-button-background, #000);border-width:2px;background:rgba(var(--color-button-background-rgb, 0, 0, 0),.06);box-shadow:0 0 0 2px var(--color-button-background, #000)}.custom-quiz__answer-tile--with-image{min-width:0;width:100%;max-width:100%;flex-shrink:0;min-height:200px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}@media(min-width:768px){.custom-quiz__answer-tile--with-image{min-width:200px;width:200px;max-width:220px;min-height:320px;box-shadow:0 2px 12px #0000001a}}.custom-quiz__answer-tile--with-image:hover{border-color:#00000040;box-shadow:0 4px 16px #0000001f}.custom-quiz__answer-tile--with-image[aria-pressed=true]{border-color:var(--color-button-background, #000);box-shadow:0 0 0 2px var(--color-button-background, #000)}.custom-quiz__answer-tile--with-image .custom-quiz__answer-image{display:block;width:100%;height:0;padding-bottom:100%;flex-shrink:0;margin-bottom:0;border-radius:8px 8px 0 0;border-bottom:1px solid rgba(0,0,0,.08);overflow:hidden;position:relative;background:var(--color-border, #eee)}.custom-quiz__answer-tile--with-image .custom-quiz__answer-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.custom-quiz__answer-tile--with-image .custom-quiz__answer-label{padding:.5rem .5rem .75rem;line-height:1.3;font-size:.8rem;flex-grow:1;display:flex;align-items:center;justify-content:center;text-align:center}@media(min-width:768px){.custom-quiz__answer-tile--with-image .custom-quiz__answer-label{padding:1.25rem 1rem 1.5rem;font-size:18px}}.custom-quiz__answer-image{width:80px;height:80px;flex-shrink:0;margin-bottom:.5rem;border-radius:4px;overflow:hidden;background:var(--color-border)}.custom-quiz__answer-image img{width:100%;height:100%;object-fit:cover}.custom-quiz__answer-label{line-height:1.3}.custom-quiz__question-wrap .custom-quiz__nav{justify-content:center;margin-top:2rem}@media(min-width:768px){.custom-quiz__question-wrap .custom-quiz__nav{flex-wrap:wrap;justify-content:center}}.custom-quiz__hint-wrap{position:relative}.custom-quiz__question-wrap .custom-quiz__hint-wrap{margin-top:2.5rem}.custom-quiz__hint-wrap+.custom-quiz__nav{margin-top:3.5rem}.custom-quiz__hint-link{display:inline-block;padding:.4rem .75rem;font-size:.875rem;font-weight:500;color:var(--color-foreground, #000);background:transparent;border:1px solid rgba(0,0,0,.25);border-radius:var(--border-radius, .5rem);cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s}.custom-quiz__hint-link:hover{border-color:#00000073;background:#0000000a}.custom-quiz__hint-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex!important;align-items:center;justify-content:center;padding:1.5rem;transition:opacity .2s,visibility .2s;text-align:left}.custom-quiz__hint-popup[hidden]{visibility:hidden;opacity:0;pointer-events:none}.custom-quiz__hint-popup:not([hidden]){visibility:visible;opacity:1;pointer-events:auto}.custom-quiz__hint-popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;cursor:pointer}.custom-quiz__hint-popup-content{position:relative;max-width:28rem;max-height:80vh;overflow:auto;background:#fff;border-radius:var(--border-radius, .5rem);box-shadow:0 8px 32px #0003;padding:1.5rem 2rem;border:1px solid rgba(0,0,0,.08);text-align:left!important}.custom-quiz__hint-popup-title{font-size:28px;font-weight:700;line-height:1.3;margin:0 2rem .75rem 0;color:var(--color-foreground, #000);text-align:center!important}.custom-quiz__hint-popup-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;padding:0;font-size:1.5rem;line-height:1;color:var(--color-foreground);background:none;border:none;cursor:pointer;opacity:.7}.custom-quiz__hint-popup-close:hover{opacity:1}.custom-quiz__hint-popup-body{display:block;padding-right:1.5rem;margin-top:0;line-height:1.6;text-align:left!important}.custom-quiz__hint-popup-line{display:block;text-align:left!important;margin:0 0 .75em!important;padding:0!important;margin-inline-start:0!important;padding-inline-start:0!important}.custom-quiz__hint-popup-line:last-child{margin-bottom:0!important}.custom-quiz__hint-popup .custom-quiz__hint-popup-body,.custom-quiz__hint-popup .custom-quiz__hint-popup-body *{text-align:left!important}.custom-quiz__nav{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.custom-quiz__btn--secondary,.custom-quiz__btn--primary{min-height:44px}.custom-quiz__results-header{margin-bottom:2rem}@media(min-width:768px){.custom-quiz__results-header{margin-bottom:2.5rem}}.custom-quiz__results-title{margin:0 0 1rem;line-height:1.2}.custom-quiz__results-description{max-width:42rem;margin-left:auto;margin-right:auto;line-height:1.6}.custom-quiz__results-steps{display:grid;gap:2.5rem}@media(min-width:768px){.custom-quiz__results-steps{gap:3rem}}.custom-quiz__results-step-title{margin:0 0 1rem;font-size:1.25rem;line-height:1.3}@media(min-width:768px){.custom-quiz__results-step-title{font-size:1.5rem}}.custom-quiz__results-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:640px){.custom-quiz__results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.custom-quiz__results-grid--single-row{gap:1rem;grid-auto-flow:row;grid-template-columns:1fr}@media(min-width:640px){.custom-quiz__results-grid--single-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media(min-width:990px){.custom-quiz__results-grid--single-row{grid-auto-flow:column;grid-auto-columns:minmax(200px,250px);grid-template-columns:unset;grid-template-rows:1fr;gap:1.5rem;justify-content:center;align-items:stretch}}.custom-quiz__result-step-heading{font-size:.8125rem;font-weight:400;line-height:1.3;margin:0 0 .5rem;color:#000000a6;min-height:2.6em}@media(min-width:640px){.custom-quiz__result-step-heading{font-size:.875rem;margin-bottom:.5rem}}.custom-quiz__results-grid--single-row .custom-quiz__product-card,.custom-quiz__results-grid .custom-quiz__product-card{box-sizing:border-box;min-width:0;width:100%;max-width:100%;margin-left:auto;margin-right:auto;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:10px;padding:1rem;box-shadow:0 2px 10px #0000000f;border:1px solid rgba(0,0,0,.06)}@media(min-width:640px){.custom-quiz__results-grid--single-row .custom-quiz__product-card,.custom-quiz__results-grid .custom-quiz__product-card{max-width:min(260px,100%);padding:1.25rem}}@media(min-width:990px){.custom-quiz__results-grid--single-row .custom-quiz__product-card,.custom-quiz__results-grid .custom-quiz__product-card{max-width:250px;padding:1.25rem 1.5rem}}.custom-quiz__results-grid--single-row .custom-quiz__product-card .custom-quiz__product-media,.custom-quiz__results-grid .custom-quiz__product-card .custom-quiz__product-media,.custom-quiz__results-grid--single-row .custom-quiz__product-card .custom-quiz__product-title,.custom-quiz__results-grid--single-row .custom-quiz__product-card .custom-quiz__product-price,.custom-quiz__results-grid--single-row .custom-quiz__product-card .custom-quiz__variant-select,.custom-quiz__results-grid .custom-quiz__product-card .custom-quiz__product-title,.custom-quiz__results-grid .custom-quiz__product-card .custom-quiz__product-price,.custom-quiz__results-grid .custom-quiz__product-card .custom-quiz__variant-select{flex-shrink:0}.custom-quiz__results-grid--single-row .custom-quiz__product-media,.custom-quiz__results-grid .custom-quiz__product-media{aspect-ratio:3 / 4;width:100%;max-width:100%;max-height:200px;border-radius:8px;overflow:hidden}@media(min-width:640px){.custom-quiz__results-grid--single-row .custom-quiz__product-media,.custom-quiz__results-grid .custom-quiz__product-media{max-height:240px}}@media(min-width:990px){.custom-quiz__results-grid--single-row .custom-quiz__product-media,.custom-quiz__results-grid .custom-quiz__product-media{max-height:220px}}.custom-quiz__product-media-wrap{position:relative;width:100%;align-self:stretch}.custom-quiz__quick-add{position:absolute;right:.4rem;bottom:.4rem;z-index:2;display:flex;align-items:center;justify-content:center;width:1.9375rem;height:1.9375rem;padding:0;margin:0;border:none;border-radius:5px;background:#000;color:#fff;cursor:pointer;box-shadow:0 2px 7px #00000038;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.custom-quiz__quick-add-svg path{fill:none;stroke:currentColor}.custom-quiz__quick-add-svg[data-quiz-cart-icon=bag] path,.custom-quiz__quick-add-svg[data-quiz-cart-icon=minimal-bag] path,.custom-quiz__quick-add-svg[data-quiz-cart-icon=tote-bag] path{stroke-width:1.42}.custom-quiz__quick-add-svg[data-quiz-cart-icon=cart] path{stroke-width:1.1}.custom-quiz__quick-add-svg--remove path{stroke-width:1.95}.custom-quiz__quick-add:hover{background:#1a1a1a;box-shadow:0 2px 9px #00000047}.custom-quiz__quick-add:focus-visible{outline:2px solid #000;outline-offset:2px}.custom-quiz__quick-add:active{transform:scale(.96)}.custom-quiz__quick-add-icons{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.custom-quiz__quick-add-svg{display:block;flex-shrink:0;width:1.0625rem;height:1.0625rem}.custom-quiz__quick-add-svg--remove,.custom-quiz__quick-add.custom-quiz__quick-add--remove .custom-quiz__quick-add-svg--add{display:none}.custom-quiz__quick-add.custom-quiz__quick-add--remove .custom-quiz__quick-add-svg--remove{display:block}.custom-quiz__results-grid--single-row .custom-quiz__product-card.custom-quiz__product-card--selected,.custom-quiz__results-grid .custom-quiz__product-card.custom-quiz__product-card--selected{border:2px solid #000;box-shadow:0 0 0 1px #00000014,0 4px 24px #0000001f,0 0 20px #0000000f}.custom-quiz__btn-bundle-inner{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.15em}.custom-quiz__btn-bundle-amount{font-weight:600}.custom-quiz__results-grid .custom-quiz__product-title{width:100%;flex-shrink:0}.custom-quiz__results-grid--single-row .custom-quiz__product-title{font-size:.9375rem;margin-top:.5rem;text-transform:none;min-height:1.35em;line-height:1.35}@media(min-width:640px){.custom-quiz__results-grid--single-row .custom-quiz__product-title{font-size:1.0625rem}}@media(min-width:990px){.custom-quiz__results-grid--single-row .custom-quiz__product-title{font-size:1rem}}.custom-quiz__results-grid .custom-quiz__product-title a{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-quiz__results-grid--single-row .custom-quiz__product-price{font-size:.9375rem}@media(min-width:640px){.custom-quiz__results-grid--single-row .custom-quiz__product-price{font-size:1.0625rem}}@media(min-width:990px){.custom-quiz__results-grid--single-row .custom-quiz__product-price{font-size:1rem}}.custom-quiz__results-grid--single-row .custom-quiz__variant-select,.custom-quiz__results-grid .custom-quiz__variant-select{width:100%;margin-top:.5rem;padding:.5rem 2rem .5rem .75rem;font-size:.8125rem;background:#fff;color:var(--color-foreground, #000);border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 1px 2px #0000000d;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.custom-quiz__results-grid--single-row .custom-quiz__variant-select:focus,.custom-quiz__results-grid .custom-quiz__variant-select:focus{outline:none;border-color:#0006;box-shadow:0 0 0 2px #0000001a}.custom-quiz__results-grid .custom-quiz__product-benefits{list-style:none;margin:.75rem 0 0;padding:0;width:100%;align-self:stretch;text-align:left;display:flex;flex-direction:column;gap:.5rem}.custom-quiz__results-grid .custom-quiz__product-benefit{display:flex;align-items:flex-start;gap:.5rem;margin:0;padding:0}.custom-quiz__benefit-check{flex-shrink:0;width:1.125rem;height:1.125rem;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;margin-top:.12em}.custom-quiz__benefit-check-icon{display:block;margin-left:.5px;margin-top:.5px}.custom-quiz__benefit-text{flex:1;min-width:0;font-size:.8125rem;line-height:1.45;font-weight:400;color:var(--color-foreground, #000)}@media(min-width:640px){.custom-quiz__benefit-text{font-size:.84375rem}}.custom-quiz__product-tutorial-wrap{margin-top:1rem;margin-bottom:0}.custom-quiz__product-tutorial-link{font-size:.875rem;color:var(--color-foreground, #000);text-decoration:underline;text-underline-offset:.2em}.custom-quiz__product-tutorial-link:hover{opacity:.85}.custom-quiz__video-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex!important;align-items:center;justify-content:center;padding:1.5rem;transition:opacity .2s,visibility .2s}.custom-quiz__video-popup[hidden]{visibility:hidden;opacity:0;pointer-events:none}.custom-quiz__video-popup:not([hidden]){visibility:visible;opacity:1;pointer-events:auto}.custom-quiz__video-popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;cursor:pointer}.custom-quiz__video-popup-content{position:relative;width:100%;max-width:min(560px,90vw);background:#000;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0006;aspect-ratio:16 / 9}.custom-quiz__video-popup-close{position:absolute;top:.5rem;right:.5rem;z-index:2;width:2rem;height:2rem;padding:0;font-size:1.5rem;line-height:1;color:#fff;background:#00000080;border:none;border-radius:4px;cursor:pointer}.custom-quiz__video-popup-close:hover{background:#000000b3}.custom-quiz__video-popup-video{display:block;width:100%;height:100%;object-fit:contain;vertical-align:top}.custom-quiz__results-actions{margin-top:2.5rem;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}@media(max-width:767px){.custom-quiz__results-actions{gap:1.25rem}}.custom-quiz__results-message{margin-bottom:.75rem}.custom-quiz__results-message[hidden]{display:none}.custom-quiz__btn-bundle{min-height:48px;cursor:pointer;text-transform:uppercase}.custom-quiz__btn-bundle:hover{color:var(--color-button-text, #fff)!important;background-color:var(--color-button-background, #000)!important}.custom-quiz__btn-bundle:disabled{opacity:.7;cursor:not-allowed}.custom-quiz__btn-bundle[aria-busy=true]{pointer-events:none}.custom-quiz__btn-restart{min-height:48px;cursor:pointer;text-transform:uppercase}.custom-quiz__btn-restart:hover,.custom-quiz__btn-restart:focus-visible{color:#000!important;background-color:var(--color-background, #fff)!important;border-color:#000!important;border-width:2px}.custom-quiz .custom-quiz__results-actions .button--secondary:hover,.custom-quiz .custom-quiz__results-actions .button--secondary:focus-visible{color:#000!important;background-color:var(--color-background, #fff)!important;border-color:#000!important}.custom-quiz__product-card{display:flex;flex-direction:column}.custom-quiz__product-media{display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--border-radius, .5rem);background:var(--color-border)}.custom-quiz__product-media img{width:100%;height:100%;object-fit:cover}.custom-quiz__product-title{margin:.75rem 0 0;font-size:1.125rem;line-height:1.3;text-transform:none}.custom-quiz__product-title a{color:inherit;text-decoration:none}.custom-quiz__product-title a:hover{text-decoration:underline}.custom-quiz__product-price{margin-top:.25rem;font-weight:500}.custom-quiz__variant-select{margin-top:.5rem;width:100%;border:1px solid rgba(0,0,0,.2);border-radius:6px;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;background:var(--color-background, #fff);color:var(--color-foreground);box-shadow:0 1px 2px #0000000d}.custom-quiz__variant-select:focus{outline:none;border-color:#0006;box-shadow:0 0 0 2px #0000001a}.custom-quiz__product-actions{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.custom-quiz__product-actions .button{font-size:.875rem;cursor:pointer;text-transform:uppercase}.custom-quiz__product-actions .button:disabled{opacity:.6;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/51/assets/custom-quiz.css.map */