.finder-section{padding-block:2rem 2.5rem}.finder-section__empty{padding:4rem 2rem;text-align:center}.finder__questionnaire{display:block;margin-bottom:2.25rem;overflow:hidden}@media screen and (min-width:1024px){.finder__questionnaire{margin-bottom:1.75rem}}.finder__questions{display:grid}.finder__question{opacity:0;visibility:hidden;grid-area:1 / -1}.finder__question.finder__question--active{display:grid;opacity:1;visibility:visible}.finder__question-content{grid-column:1 / span 6;display:flex;flex-direction:column;row-gap:2.5rem}@media screen and (min-width:1024px){.finder__question-content{justify-content:space-between}}@media screen and (min-width:1024px){.finder__title{margin-bottom:0}}.finder__question-content-inner{display:grid;row-gap:1.5rem;align-items:center;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,max-content)}@media screen and (min-width:1024px){.finder__question-content-inner{display:flex;align-items:flex-start;flex-direction:column;gap:2rem}}.finder__progress{display:flex;align-items:center;gap:1rem;grid-column:1}.finder__progress-current{transform:translateY(4px)}.finder__question-text{grid-column:1 / -1;grid-row:2;text-wrap:balance}@media screen and (min-width:1024px){.finder__question-text{max-width:50%}}.finder__nav{display:flex;gap:.5rem;grid-column:2;margin-left:auto}@media screen and (min-width:1024px){.finder__nav{margin-left:0;padding-bottom:.25rem}}.finder__nav-btn{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem}.finder__nav-btn svg{transition:transform .2s var(--ease-smooth)}.finder__nav-btn:disabled{opacity:.3;cursor:not-allowed}@media(hover:hover){.finder__nav-btn.finder__nav-btn--prev:not(:disabled):hover svg{transform:translate(-2px)}.finder__nav-btn.finder__nav-btn--next:not(:disabled):hover svg{transform:translate(2px)}}.finder__answers{display:grid;grid-template-columns:repeat(3,minmax(calc(33vw + var(--page-margin)),1fr));grid-column:1 / -1;scrollbar-width:none;overscroll-behavior:contain;overflow-y:hidden;overflow-x:auto;margin:2.5rem calc(var(--page-margin) * -1) 0;padding:0 var(--page-margin)}@media screen and (min-width:1024px){.finder__answers{grid-column:7 / -1;margin:0;padding:0;overflow:visible;grid-template-columns:repeat(3,1fr)}}.finder__answer{display:grid;gap:1rem;text-align:left;padding-bottom:4px}.finder__answer-image{aspect-ratio:3 / 4;overflow:hidden}.finder__answer .finder__answer-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease-smooth)}.finder__answer-label{max-width:90%;text-wrap:balance;transition:color .3s var(--ease-smooth)}@media screen and (min-width:1024px){.finder__answer-label{max-width:unset}}.finder__answer--faded .finder__answer-label{color:var(--text-secondary)}.finder__answer--selected .finder__answer-label{text-decoration:underline}@media(hover:hover){.finder__answer:hover .finder__answer-label{color:var(--text-primary);text-decoration:underline}}.finder__filter-tags{display:none}@media screen and (min-width:1024px){.finder__filter-tags{display:flex;flex-wrap:wrap;gap:1rem}}.finder__filter-tag{display:inline-flex;align-items:center;gap:.38rem}.finder__filter-tag svg{width:.75rem;height:.75rem;transform:translateY(-.125rem)}.product-grid-container.loading{opacity:.5;pointer-events:none}.product-grid-container.loading .loading-overlay{display:block}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-finder-questionnaire.css.map */