.product-finder-quiz__layout{display:grid;gap:2.4rem}.product-finder-quiz__intro{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem;min-width:0}.product-finder-quiz__heading,.product-finder-quiz__description{margin:0}.product-finder-quiz__intro-action{display:flex}.product-finder-quiz__board,.product-finder-quiz__steps{display:grid;gap:2rem;min-width:0}.product-finder-quiz__column,.product-finder-quiz__result-column{display:flex;flex-direction:column;min-width:0}.product-finder-quiz__column-heading{--quiz-column-heading-font-size: 1.2rem;--quiz-column-heading-line-height: 1.3;display:flex;align-items:baseline;gap:.8rem;padding-block:1.2rem 1.6rem;border-block-start:var(--quiz-column-divider-width, .2rem) solid rgb(var(--color-foreground))}.product-finder-quiz__column-number,.product-finder-quiz__column-label{font-size:var(--quiz-column-heading-font-size);line-height:var(--quiz-column-heading-line-height)}.product-finder-quiz__layout--has-column-labels .product-finder-quiz__column-heading--empty:before{content:"\200b";font-size:var(--quiz-column-heading-font-size);line-height:var(--quiz-column-heading-line-height)}.product-finder-quiz__step{display:flex;flex:1 1 auto;flex-direction:column;gap:1.2rem;min-width:0;padding:2rem;background-color:var(--quiz-question-bg, #f4f1ec);border-radius:var(--quiz-card-radius, var(--blocks-radius));transition:background-color var(--duration-default, .25s) ease}.product-finder-quiz__step.is-answered{background-color:var(--quiz-question-selected-bg, #c8d3b5)}.product-finder-quiz__step-intro{display:flex;flex-direction:column;gap:.4rem;min-width:0}.product-finder-quiz__step-header{display:flex;align-items:flex-start;gap:.8rem}.product-finder-quiz__step-icon{display:inline-flex;flex-shrink:0;color:rgb(var(--color-foreground))}.product-finder-quiz__step-icon .icon{width:1.8rem;height:1.8rem}.product-finder-quiz__step-title{margin:0;font-size:1.4rem;line-height:1.35}.product-finder-quiz__step-hint{margin:0;font-size:1.2rem;line-height:1.35}.product-finder-quiz__options{--quiz-option-divider: rgba(var(--color-foreground), .1);display:flex;flex-direction:column}.product-finder-quiz__option{display:flex;align-items:center;gap:1.2rem;min-width:0;min-height:5.2rem;padding-block:1.2rem;border-block-start:var(--quiz-option-divider-width, .1rem) solid var(--quiz-option-divider);cursor:pointer}.product-finder-quiz__option:last-child{border-block-end:var(--quiz-option-divider-width, .1rem) solid var(--quiz-option-divider)}.product-finder-quiz__option .product-finder-quiz__option-input{--border-radius: 50%;--border: rgba(var(--color-foreground), .35);--active: rgb(var(--color-background))}.product-finder-quiz__option .product-finder-quiz__option-input:checked{--bc: rgb(var(--color-foreground));--active-inner: rgb(var(--color-foreground));border-width:.2rem}.product-finder-quiz__options .product-finder-quiz__option .product-finder-quiz__option-input:after{top:0;right:0;bottom:0;left:0;width:.6rem;height:.6rem;margin:auto;border:0;border-radius:50%;background:var(--active-inner);transform:none}.product-finder-quiz__option-label{min-width:0;color:rgba(var(--color-foreground),.75);font-size:1.4rem;line-height:1.35;overflow-wrap:anywhere;transition:color var(--duration-default, .25s) ease}.product-finder-quiz__option:hover .product-finder-quiz__option-label,.product-finder-quiz__option-input:checked+.product-finder-quiz__option-label{color:rgb(var(--color-foreground))}.product-finder-quiz__result{display:flex;flex:1 1 auto;flex-direction:column;gap:1.2rem;min-width:0;padding:2rem;background-color:var(--quiz-result-bg, #f4f1ec);border:.1rem solid rgba(var(--color-foreground),.08);border-radius:var(--quiz-card-radius, var(--blocks-radius))}.product-finder-quiz__result-label{margin:0;font-size:1.2rem;letter-spacing:.06em}.product-finder-quiz__result-inner{display:flex;flex-direction:column;justify-content:flex-start;flex:1 1 auto;min-width:0}.product-finder-quiz__layout.is-loading .product-finder-quiz__result-inner{opacity:.72}.product-finder-quiz__result-cards{display:grid;gap:1.6rem}.product-finder-quiz__result-cards:has(.product-finder-quiz__result-card:not([hidden])){flex:1 1 auto}.product-finder-quiz__result-cards:empty,.product-finder-quiz__result-card[hidden],.product-finder-quiz__empty[hidden]{display:none}.product-finder-quiz__empty{margin:0}.product-finder-quiz__empty>:first-child{margin-block-start:0}.product-finder-quiz__empty>:last-child{margin-block-end:0}.product-finder-quiz__result-card{display:flex;min-width:0}.product-finder-quiz-card{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:1.2rem;min-width:0}.product-finder-quiz-card__media{width:60%;margin-inline:auto}.product-finder-quiz-card__info{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:.4rem;width:100%;min-width:0}.product-finder-quiz-card__title{margin:0}.product-finder-quiz-card__view{width:100%;margin-block-start:auto}@media(min-width:768px){.product-finder-quiz__layout{gap:3.2rem}.product-finder-quiz__steps{grid-template-columns:repeat(var(--quiz-columns-md, 2),minmax(0,1fr))}.product-finder-quiz__step-intro{min-block-size:var(--quiz-step-intro-height, auto)}.product-finder-quiz__layout.is-double-result .product-finder-quiz__result-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.product-finder-quiz__layout--heading-left{grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);align-items:start;column-gap:4rem}.product-finder-quiz__layout--heading-left .product-finder-quiz__intro{padding-block-start:.4rem}.product-finder-quiz__steps{grid-template-columns:repeat(var(--quiz-columns-lg, 3),minmax(0,1fr))}.product-finder-quiz__layout--result-inline .product-finder-quiz__board{display:flex;align-items:stretch;gap:2rem}.product-finder-quiz__layout--result-inline .product-finder-quiz__steps{display:contents}.product-finder-quiz__layout--result-inline .product-finder-quiz__column,.product-finder-quiz__layout--result-inline .product-finder-quiz__result-column{flex:1 1 0;min-width:0}.product-finder-quiz__layout--result-inline.is-double-result .product-finder-quiz__result-column{flex:2 1 0}}
/*# sourceMappingURL=/cdn/shop/t/173/assets/section-product-finder-quiz.css.map */