:root{--quiz-active-steps: 0}.product-quiz{gap:0;min-height:58rem}.product-quiz__image{display:none}.product-quiz__image[visible]{display:block;width:100%;height:100%}@media screen and (max-width: 750px){.product-quiz__image:not([data-index="0"]){display:none}}.product-quiz__image img{width:100%;height:100%;object-fit:cover;object-position:center}.product-quiz__content{display:flex;flex-direction:column;padding:var(--space-8);order:2;justify-content:center}.product-quiz__intro{align-self:center}.product-quiz button{display:flex;gap:var(--space-4);width:fit-content}.product-quiz .title{display:none}.product-quiz h3{font-weight:var(--font-weight-normal);font-size:var(--text-size-3xl);line-height:4rem;margin-bottom:var(--space-12)}.product-quiz p{margin-top:0;margin-bottom:var(--space-12);font-weight:var(--font-weight-medium);font-size:var(--text-size-s);line-height:2.4rem}@media screen and (min-width: 750px){.product-quiz__content{order:unset}}@media screen and (min-width: 990px){.product-quiz__content{padding-left:var(--space-42);padding-right:var(--space-42)}.product-quiz .title{display:block;font-size:var(--text-size-lg);font-weight:var(--font-weight-normal);margin-bottom:var(--space-12);line-height:2.4rem}.product-quiz h3{font-weight:var(--font-weight-medium);line-height:4rem;margin-bottom:var(--space-15)}.product-quiz p{margin-bottom:var(--space-15);font-size:var(--text-size-base);line-height:2.6rem}}.product-quiz__intro{display:none}.product-quiz__tab[visible],.product-quiz__intro[visible]{display:block}.product-quiz__answers{display:grid;gap:var(--space-8);margin-bottom:var(--space-20)}@media screen and (min-width: 750px){.product-quiz__answers{display:grid;gap:var(--space-12)}}.product-quiz__answers--columns-mobile{grid-template-columns:1fr 1fr}.product-quiz__answers--stacked-mobile{grid-template-columns:1fr}.product-quiz__answer{width:100%;display:flex}.product-quiz__answer-label{display:flex;width:100%;flex-direction:row;align-items:center;gap:var(--space-8);font-weight:var(--font-weight-bold);font-size:var(--text-size-s);color:rgb(var(--color-white));border:var(--space-pixel) solid rgb(var(--color-white));cursor:pointer;padding:var(--space-8);border-radius:var(--card-corner-radius);transition:ease-in-out all var(--duration-default)}.product-quiz__answer-label img{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)}.product-quiz__answer-label:hover,.product-quiz__answer input:checked+.product-quiz__answer-label{background-color:rgb(var(--color-white));color:rgb(var(--color-base-brand-secondary))}.product-quiz__answer-label:hover img,.product-quiz__answer input:checked+.product-quiz__answer-label img{filter:none}.product-quiz__answer-label span{display:block;margin-top:var(--space-4);font-weight:var(--font-weight-normal);line-height:2.4rem}.product-quiz__controls{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-8)}@media screen and (max-width: 749px){.product-quiz__controls .button{width:100%}.product-quiz__controls .button:first-of-type{order:2}.product-quiz__controls .button:last-of-type{order:1}}@media screen and (min-width: 750px){.product-quiz__controls{flex-direction:row}}.product-quiz__controls .button:first-of-type svg{transform:rotate(180deg)}.product-quiz__controls .button{margin:0;padding:0 var(--space-15)}@media screen and (min-width: 750px){.product-quiz{gap:0}.product-quiz .title{margin-bottom:var(--space-6)}.product-quiz h3,.product-quiz p{margin-bottom:var(--space-16)}.product-quiz__answers--columns-desktop{grid-template-columns:1fr 1fr}.product-quiz__answers--stacked-desktop{grid-template-columns:1fr}}.product-quiz__tab{display:none;width:100%}.product-quiz__tab p{margin-bottom:var(--space-8);font-weight:var(--font-weight-normal);line-height:2.2rem}.product-quiz__tab h3{font-size:var(--text-size-2xl);font-weight:var(--font-weight-medium);line-height:3.4rem}.product-quiz__breadcrumb{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);margin-bottom:var(--space-12);overflow:hidden;width:100%}.product-quiz__breadcrumb:before{content:"";background-color:rgb(var(--color-white),.7);width:100%;height:var(--space-2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product-quiz__breadcrumb:after{content:"";background-color:rgb(var(--color-white));width:calc((100% / var(--quiz-total-steps)) * var(--quiz-active-steps));height:var(--space-2);position:absolute;top:50%;left:0;transform:translateY(-50%);transition:all var(--duration-default)}@media screen and (min-width: 750px){.product-quiz__breadcrumb{gap:var(--space-24);margin-bottom:var(--space-19)}}.product-quiz__breadcrumb span{display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--text-size-lg);font-weight:var(--font-weight-bold);line-height:2.6rem;width:4.5rem;height:var(--space-17);color:rgb(var(--color-base-brand-secondary));background-color:rgb(var(--color-white));filter:brightness(.7);transition:all var(--duration-default);border-radius:var(--card-corner-radius);z-index:2}.product-quiz__breadcrumb span.active{background-color:rgb(var(--color-white));filter:brightness(1)}.product-quiz__tab-result{display:none;text-align:center;padding:var(--space-12) var(--space-8)}.product-quiz__tab-result>span{display:block;font-size:var(--text-size-s);font-weight:var(--font-weight-normal);line-height:2.2rem;margin-bottom:var(--space-8)}.product-quiz__tab-result>h3{font-size:var(--text-size-2xl);font-weight:var(--font-weight-medium);line-height:3.4rem;margin-bottom:var(--space-8)}.product-quiz__tab-result>p{font-size:var(--text-size-xl);font-weight:var(--font-weight-medium);line-height:2.6rem;margin-bottom:var(--space-12)}.product-quiz__tab-result .button{margin:0 auto}.product-quiz__result{display:grid;grid-template-columns:1fr;margin:0 auto;gap:var(--space-12);margin-bottom:var(--space-19)}.product-quiz__result-content{display:flex;flex-direction:column;padding:var(--space-5) var(--space-8) var(--space-8);flex:1}.product-quiz__result-title{display:flex;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4);text-align:left}.product-quiz__result-column-title{line-height:2rem;font-family:var(--font-heading-family);font-size:var(--text-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}@media screen and (min-width: 750px){.product-quiz-container .product-quiz__tab-result{padding:var(--space-19);background-color:transparent;position:relative}.product-quiz__tab-result:before{content:"";height:55%;width:100%;position:absolute;z-index:-1;left:0;top:0}.product-quiz__result{grid-template-columns:1fr 1fr}.product-quiz__result-column-title{font-size:var(--text-size-lg)}.product-quiz__tab-result>span{font-size:var(--text-size-lg);line-height:2.6rem;margin-bottom:var(--space-8)}.product-quiz__tab-result>h3{font-size:var(--text-size-3xl);line-height:4rem;margin-bottom:var(--space-15)}.product-quiz__tab-result>p{font-size:var(--text-size-2xl);font-weight:var(--font-weight-normal);line-height:3.2rem;margin-bottom:var(--space-19)}}.product-quiz-card{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-6) var(--space-8);background-color:rgb(var(--color-white));border-radius:var(--card-corner-radius);text-align:left;color:rgb(var(--color-base-brand-secondary))}.product-quiz-card__content h3{font-size:var(--text-size-base);font-weight:var(--font-weight-bolder);line-height:2.4rem;margin-bottom:var(--space-4)}.product-quiz-card__content .price{color:rgb(var(--color-base-brand-secondary));font-size:var(--text-size-base);font-weight:var(--font-weight-bolder);line-height:2.6rem;margin-bottom:var(--space-8)}.product-quiz-card__content{display:flex;flex-direction:column;flex:1}.product-quiz-card__content p{font-size:var(--text-size-xs);font-weight:var(--font-weight-medium);line-height:2rem;margin-bottom:var(--space-8)}.product-quiz-card__additional{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:var(--text-size-xs);font-weight:var(--font-weight-bold);line-height:2rem;margin-bottom:var(--space-8)}.product-quiz-card__additional .card__badge span{font-size:var(--text-size-xs)}.product-quiz-card__image{margin:0 auto}.product-quiz-card__buttons{margin-top:auto}.product-quiz-card .button{width:100%}@media screen and (min-width: 1200px){.product-quiz-card{flex-direction:row}.product-quiz-card__content{flex:1;padding:var(--space-4) 0}.product-quiz-card .button{width:50%;margin:0}}.product-quiz .product-quiz__summary-question{font-size:var(--text-size-lg);font-weight:var(--font-weight-bolder);line-height:2.6rem;margin-bottom:var(--space-8)}.product-quiz__summary-answers{display:flex;flex-direction:column;margin-bottom:var(--space-19)}.product-quiz__answer-dropdown{border-radius:var(--card-corner-radius);padding:var(--space-8);font-size:var(--text-size-lg);font-weight:var(--font-weight-bolder);color:rgb(var(--color-base-brand-secondary));appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Vector" d="M4.1875 7.5L10.1875 13.5L16.1875 7.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:right var(--space-8) center;background-size:var(--space-10)}.product-quiz__answer-dropdown:focus,.product-quiz__answer-dropdown:focus-visible{outline:none;box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-product-quiz.css.map */