.c-product-quiz{--quiz-gap-step: 4.8rem;--quiz-gap-section: 6.4rem;--var-quiz-progress: 0%;--var-animation-speed: 20s;--var-animation-speed-mobile: 10s;position:relative;width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip;min-height:calc(100vh - var(--header-height, 0))}.c-product-quiz,.c-product-quiz__steps{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.c-product-quiz__landing,.c-product-quiz__steps,.c-product-quiz__step,.c-product-quiz__loader{grid-column:1 / -1;grid-row:1 / -1;position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;max-width:100%;overflow-x:hidden}.c-product-quiz__results{grid-column:1 / -1;grid-row:1 / -1;min-width:0;max-width:100%;overflow-x:hidden}.c-product-quiz__results:not(.is-active){position:absolute;top:0;right:0;bottom:0;left:0}.c-product-quiz__landing:not(.is-active),.c-product-quiz__steps:not(.is-active),.c-product-quiz__step:not(.is-active),.c-product-quiz__loader:not(.is-active),.c-product-quiz__results:not(.is-active){overflow:hidden}.c-product-quiz__landing,.c-product-quiz__steps,.c-product-quiz__step,.c-product-quiz__loader,.c-product-quiz__results,.c-product-quiz__nav{opacity:0;pointer-events:none;transition:opacity .3s ease}.c-product-quiz__landing,.c-product-quiz__step,.c-product-quiz__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:3.2rem 2rem calc(6.4rem + 3.2rem)}.c-product-quiz__results{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:3.2rem 2rem calc(6.4rem + 3.2rem);row-gap:0}.c-product-quiz:has(.c-product-quiz__results.is-active){display:block;min-height:calc(100vh - var(--header-height, 0))}.c-product-quiz__results.is-active{position:static;inset:auto;overflow:visible;min-height:calc(100vh - var(--header-height, 0))}.c-product-quiz__landing.is-active,.c-product-quiz__steps.is-active,.c-product-quiz__step.is-active,.c-product-quiz__loader.is-active,.c-product-quiz__results.is-active,.c-product-quiz__nav.is-active{opacity:1;pointer-events:initial;z-index:1}.c-product-quiz__results.is-active{z-index:2}.c-product-quiz__nav.is-active{z-index:465}.c-product-quiz__steps{width:100%;max-width:100%;min-width:0;margin:0 auto;overflow:hidden}.c-product-quiz__title,.c-product-quiz__question,.c-product-quiz__loader-title{margin:0;text-align:center}.c-product-quiz__title{max-width:min(48rem,100%)}.c-product-quiz__question,.c-product-quiz__loader-title{max-width:min(85.4rem,100%);overflow-wrap:anywhere}.c-product-quiz__landing{gap:var(--quiz-gap-section)}.c-product-quiz__step{gap:var(--quiz-gap-step);width:100%}.c-product-quiz__cta.hdt-btn--inner{box-shadow:none;background-color:transparent}.c-product-quiz__cta.hdt-btn--inner .hdt-inner-btn{background-color:var(--color-btn-secondary);color:var(--color-foreground);box-shadow:none;--color-icon-btn: var(--color-btn-secondary);transition:background-color .25s ease,color .25s ease}.c-product-quiz__cta.hdt-btn--with-icon svg.hdt-icon--45rtl circle{fill:var(--color-btn-primary);transition:fill .25s ease}.c-product-quiz__cta.hdt-btn--with-icon:not(.is-disabled):not(:disabled):hover .hdt-inner-btn{background-color:var(--color-btn-primary);color:var(--color-btn-secondary);--color-icon-btn: var(--color-btn-primary)}.c-product-quiz__cta.hdt-btn--with-icon:not(.is-disabled):not(:disabled):hover svg.hdt-icon--45rtl circle{fill:var(--color-btn-secondary)}.c-product-quiz__options{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;width:100%;max-width:100%;min-width:0}.c-product-quiz__option-input{position:absolute;opacity:0;pointer-events:none}.c-product-quiz__option{cursor:pointer;border:.1rem solid var(--color-background);background:var(--color-btn-secondary);margin-inline:0;transition:border-color .3s ease}.c-product-quiz__option-input:checked+.c-product-quiz__option,.c-product-quiz__option:hover,.c-product-quiz__option-input:focus-visible+.c-product-quiz__option{border-color:var(--color-btn-primary)}.c-product-quiz__step.has-image .c-product-quiz__option{display:flex;flex-direction:column;align-items:center;gap:1.2rem;width:20rem;padding-bottom:1.2rem;border-radius:.8rem}.c-product-quiz__step.has-image .c-product-quiz__option-media{width:100%;height:12rem;border-radius:.7rem .7rem 0 0;overflow:hidden;flex-shrink:0}.c-product-quiz__step.has-image .c-product-quiz__option-image{width:100%;height:100%;object-fit:cover;display:block}.c-product-quiz__step.has-image .c-product-quiz__option-copy{display:flex;flex-direction:column;gap:.4rem;padding:0;text-align:center;min-width:0}.c-product-quiz__step.has-image .c-product-quiz__option-name,.c-product-quiz__step:not(.has-image) .c-product-quiz__option-name{margin:0;pointer-events:none}.c-product-quiz__step.has-image .c-product-quiz__option-description,.c-product-quiz__step:not(.has-image) .c-product-quiz__option-description{margin:0;pointer-events:none}.c-product-quiz__step:not(.has-image) .c-product-quiz__option{display:inline-flex;align-items:center;justify-content:center;min-width:16rem;min-height:4.8rem;padding:.8rem 1.6rem;border-radius:4rem}.c-product-quiz__step:not(.has-image) .c-product-quiz__option.has-description{flex-direction:column;gap:.4rem;min-height:auto;padding:1.2rem 1.6rem;border-radius:1.2rem}.c-product-quiz__step:not(.has-image) .c-product-quiz__option-copy{display:flex;flex-direction:column;gap:.4rem;text-align:center;min-width:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.c-product-quiz__marquee{position:relative;overflow:hidden;width:100%;max-width:100%;margin-top:0}.c-product-quiz__landing .c-product-quiz__marquee{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw)}.c-product-quiz__marquee-track{display:flex;align-items:center;column-gap:2rem;width:max-content;will-change:transform}.c-product-quiz__landing.is-active .c-product-quiz__marquee-track,.c-product-quiz__loader.is-active .c-product-quiz__marquee-track{animation:marquee var(--var-animation-speed-mobile) linear infinite}.c-product-quiz__marquee-item{flex:0 0 16rem;width:16rem;height:16rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff}.c-product-quiz__landing .c-product-quiz__marquee-item:nth-child(2n){opacity:.6}.c-product-quiz__marquee-image-container{width:12rem;mix-blend-mode:multiply}.c-product-quiz__marquee-image{width:100%;height:auto;display:block}.c-product-quiz__loader{gap:var(--quiz-gap-section)}.c-product-quiz__loader .c-product-quiz__marquee{width:16rem;margin:0 auto}.c-product-quiz__loader .c-product-quiz__marquee-inner{width:16rem;height:16rem;border-radius:50%;overflow:hidden;background:#fff;position:relative}.c-product-quiz__loader .c-product-quiz__marquee-track{column-gap:0;height:100%;align-items:center}.c-product-quiz__loader .c-product-quiz__marquee-item{flex:0 0 12rem;width:12rem;height:12rem;padding:0;background:transparent}.c-product-quiz__loader.is-active .c-product-quiz__marquee-track{animation-duration:5s}.c-product-quiz__loader-icon{width:4rem;height:4rem;border-radius:50%;background:conic-gradient(from 0deg,var(--color-btn-primary) 0deg,transparent 280deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - .3rem),#000 calc(100% - .3rem));mask:radial-gradient(farthest-side,transparent calc(100% - .3rem),#000 calc(100% - .3rem));animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.c-product-quiz__loader-icon .hdt-loading-area__spinner{display:none}.c-product-quiz__results{align-items:stretch;justify-content:flex-start;row-gap:0;padding-top:4rem;padding-bottom:10.4rem}.c-product-quiz__results-header{width:100%;max-width:134.4rem;margin:0 auto 4.8rem;padding:0}.c-product-quiz__results-header.is-similar{margin-top:6.4rem}.c-product-quiz__results-title{margin:0;text-align:left;background:linear-gradient(to right,var(--clr-shark-home),var(--clr-ninja));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}.c-product-quiz__products{width:100%;max-width:134.4rem;margin:0 auto;padding:0}.c-product-quiz__picks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-x, 1.6rem);align-items:stretch}.c-product-quiz__picks-grid .c-product-quiz__product,.c-product-quiz__picks-grid .hdt-slider__slide{width:100%;max-width:none;min-width:0;flex:none;height:auto;display:flex;align-self:stretch}@media(min-width:768px){.c-product-quiz__picks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1150px){.c-product-quiz__picks-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.c-product-quiz__products.is-similar .hdt-collections__product{width:100%}.c-product-quiz__products.is-similar .hdt-slider-reveal{--rounded-product-card: .8rem}.c-product-quiz__products.is-similar .hdt-slider-reveal[autoheight] .hdt-slider__container{align-items:stretch;justify-content:flex-start}.c-product-quiz__products.is-similar .hdt-slider__slide,.c-product-quiz__products.is-similar .c-product-quiz__product{display:flex;align-self:stretch}.c-product-quiz__product{height:auto}.c-product-quiz__product sn-compare-checkbox{display:none}.c-product-quiz__product .hdt-card-product{width:100%;flex:1 1 auto}.c-product-quiz__product .hdt-card-product__media .hdt-group-btn-quickadd{display:none}.c-product-quiz__results .hdt-card-highlight__item{background:transparent}.c-product-quiz__nav{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;min-height:6.4rem;padding:.8rem 1.6rem;background:#fff;position:fixed;bottom:0;left:0;width:100%}.c-product-quiz__nav:before{content:"";position:absolute;top:0;left:0;height:.2rem;width:100%;max-width:var(--var-quiz-progress);background:var(--clr-ninja-900);transition:max-width .4s linear;z-index:2}.c-product-quiz__nav-arrow{display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;padding:0;border:0;border-radius:50%;background:#fff;color:var(--color-foreground);cursor:pointer;flex-shrink:0;transition:opacity .3s ease}.c-product-quiz__nav-arrow i,.c-product-quiz__nav-arrow svg{width:2rem;height:2rem;font-size:2rem;line-height:1}.c-product-quiz__nav-arrow.is-disabled{opacity:.5;pointer-events:none}.c-product-quiz__nav-list{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:0;padding:0;list-style:none}.c-product-quiz__nav-item{flex-shrink:0;transition:opacity .3s ease,max-width .3s ease,margin .3s ease}.c-product-quiz__nav-item.is-hidden{opacity:0;pointer-events:none;max-width:0;overflow:hidden;margin:0}.c-product-quiz__nav-item-button{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:background-color .3s ease,opacity .3s ease}.c-product-quiz__nav-item-button.is-disabled{opacity:.5;pointer-events:none}.c-product-quiz__nav-item-button:not(.is-disabled):hover,.c-product-quiz__nav-item-button.is-active{background:var(--clr-neutral-300)}.c-product-quiz__nav-item-text{margin:0}@media(min-width:768px){.c-product-quiz__landing,.c-product-quiz__step,.c-product-quiz__loader,.c-product-quiz__results{padding-left:3.2rem;padding-right:3.2rem}.c-product-quiz__step{gap:8rem}.c-product-quiz__options{gap:1.6rem}.c-product-quiz__marquee-track{column-gap:8rem}.c-product-quiz__landing.is-active .c-product-quiz__marquee-track{animation:marquee var(--var-animation-speed) linear infinite}.c-product-quiz__marquee-item{flex:0 0 24rem;width:24rem;height:24rem;padding:4rem}.c-product-quiz__marquee-image-container{width:16rem}.c-product-quiz__loader .c-product-quiz__marquee,.c-product-quiz__loader .c-product-quiz__marquee-inner{width:24rem;height:24rem}.c-product-quiz__loader .c-product-quiz__marquee-item{flex:0 0 16rem;width:16rem;height:16rem}.c-product-quiz__nav{padding:.8rem 3.6rem}.c-product-quiz__results-header.is-similar{margin-top:11.2rem}.c-product-quiz__results-header{margin-bottom:4.8rem}}@media(max-width:767px){.c-product-quiz__step.has-image .c-product-quiz__option{flex-direction:row;align-items:center;gap:1.2rem;width:100%;max-width:min(33.5rem,100%);min-height:8rem;padding:0}.c-product-quiz__step.has-image .c-product-quiz__option-media{width:8rem;height:8rem;border-radius:.7rem 0 0 .7rem;flex-shrink:0}.c-product-quiz__step.has-image .c-product-quiz__option-copy{padding:0;text-align:left}.c-product-quiz__step.has-image .c-product-quiz__options{flex-direction:column;align-items:center;gap:.8rem}.c-product-quiz__step:not(.has-image) .c-product-quiz__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;width:100%;max-width:min(33.5rem,100%)}.c-product-quiz__step:not(.has-image) .c-product-quiz__option{min-width:0;width:100%}.c-product-quiz__results-header{margin-bottom:3.2rem;padding:0}.c-product-quiz__products{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/sn-sections.product-quiz.css.map */