.finder{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.finder__intro{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);align-items:center}@media(min-width:900px){.finder__intro{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-16)}}.finder__intro-text{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);max-inline-size:36rem}.finder__intro-points{display:grid;gap:var(--space-2)}.finder__intro-points li{display:flex;gap:var(--space-3);align-items:center}.finder__intro-points .icon{inline-size:1.125rem;block-size:1.125rem;color:var(--color-accent-text)}.finder__intro-visual{position:relative;border-radius:var(--radius-lg);overflow:hidden}.finder__intro-visual img{inline-size:100%;block-size:100%;object-fit:cover;aspect-ratio:4 / 3}.finder__intro-icons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.finder__intro-icons .icon{inline-size:100%;block-size:auto;aspect-ratio:1;padding:26%;border-radius:var(--radius);background:var(--color-surface);color:var(--color-accent-text);stroke-width:1}.finder__intro-visual--tiles{overflow:visible;border-radius:0}.finder__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0}.finder__tile{position:relative;overflow:hidden;aspect-ratio:1;border-radius:var(--radius-lg);background:var(--color-surface)}.finder__intro-visual .finder__tile img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;aspect-ratio:auto;object-fit:cover}.finder__tile-label{position:absolute;inset-block-end:var(--space-3);inset-inline-start:var(--space-3);padding:.3rem .75rem;border-radius:2rem;background:rgb(var(--color-bg-rgb) / .92);font-size:var(--fs-sm);font-weight:var(--font-body-weight-medium);line-height:1.2}@media(max-width:899px){.finder__tile{aspect-ratio:4 / 3}}.finder[data-autostart=true] .finder__intro-visual{display:none}.finder[data-autostart=true] .finder__intro{grid-template-columns:minmax(0,1fr)}@media(max-width:899px){.finder__intro-icons{grid-template-columns:repeat(4,minmax(0,1fr))}}.finder__quiz{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);padding:clamp(var(--space-5),4vw,var(--space-10));border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border)}.finder__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-block-size:var(--control-height-sm)}.finder__header .btn--ghost{margin-inline-start:calc(var(--space-3) * -1)}.finder__step-label{margin-inline-start:auto;font-size:var(--fs-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.finder__progress{position:relative;block-size:4px;border-radius:4px;background:rgb(var(--color-text-rgb) / .1);overflow:hidden}.finder__progress span{position:absolute;inset:0 auto 0 0;inline-size:var(--progress, 0%);background:var(--color-text);border-radius:inherit;transition:inline-size var(--duration-slow) var(--ease-out)}.finder__step{display:grid;gap:var(--space-6)}.finder__question{font-size:var(--fs-h3);max-inline-size:36rem}.finder__question:focus{outline:none}.finder__options{display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr)}@media(min-width:600px){.finder__options{grid-template-columns:repeat(3,minmax(0,1fr))}.finder__options--2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.finder__options--2{grid-template-columns:repeat(4,minmax(0,1fr))}}.finder__option{display:flex;align-items:center;gap:var(--space-4);min-block-size:4rem;padding:var(--space-4) var(--space-5);border:1px solid rgb(var(--color-text-rgb) / .18);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-md);font-weight:var(--font-body-weight-medium);text-align:start;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}@media(min-width:600px){.finder__option{flex-direction:column;align-items:flex-start;justify-content:space-between;min-block-size:8rem;padding:var(--space-5)}}.finder__option .icon{inline-size:1.75rem;block-size:1.75rem;color:var(--color-accent-text);flex:none;stroke-width:1.25}.finder__option-figure{font-family:var(--font-heading-family);font-size:var(--fs-h5);color:var(--color-accent-text);letter-spacing:.04em;min-inline-size:1.75rem}.finder__option:hover{border-color:rgb(var(--color-text-rgb) / .6)}.finder__option-media{position:relative;display:block;flex:none;overflow:hidden;inline-size:3.5rem;aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-surface)}.finder__option-media img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.finder__option--image:hover .finder__option-media img{transform:scale(1.04)}@media(min-width:600px){.finder__option--image{justify-content:flex-start;gap:var(--space-3);padding:var(--space-3)}.finder__option--image .finder__option-media{inline-size:100%;aspect-ratio:4 / 3;border-radius:calc(var(--radius) - 4px)}.finder__option--image>span:last-child{padding-inline:var(--space-2);padding-block-end:var(--space-1)}}@media(min-width:900px){.finder__options:has(.finder__option--image){max-inline-size:60rem}}.finder__option-level{display:inline-flex;gap:.3rem;align-items:center}.finder__option-level span{inline-size:.6rem;block-size:.6rem;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--color-accent-text)}.finder__option-level span.is-on{background:var(--color-accent-text)}.finder__option:active{transform:translateY(1px)}.finder__option[aria-pressed=true]{border-color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-text)}.finder__results{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.finder__results-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.finder__results-header [data-finder-results-heading]:focus{outline:none}.finder__result-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--grid-gap)}@media(min-width:900px){.finder__result-list{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}}.finder-card{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border)}@media(min-width:600px){.finder-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}}.finder-card--primary{box-shadow:inset 0 0 0 2px var(--color-text)}.finder-card__media{display:block;aspect-ratio:1;border-radius:var(--radius);background:var(--color-media, #fff);overflow:hidden}@media(max-width:599px){.finder-card{grid-template-columns:5.5rem minmax(0,1fr);align-items:start;gap:var(--space-2) var(--space-4);padding:var(--space-4)}.finder-card .finder-card__body{display:contents}.finder-card .finder-card__media{grid-row:1 / span 3}.finder-card .finder-card__body>*{grid-column:2;justify-self:start}.finder-card .finder-card__body>.finder-card__reasons-label,.finder-card .finder-card__body>.finder-card__reasons,.finder-card .finder-card__body>.finder-card__note,.finder-card .finder-card__body>.btn{grid-column:1 / -1;justify-self:stretch}.finder-card .finder-card__reasons-label{margin-block-start:var(--space-3)}.finder-card .btn{inline-size:100%}.finder[data-autostart=true] .finder__intro-points{display:none}.finder__options--3{grid-template-columns:repeat(2,minmax(0,1fr))}.finder__options--3 .finder__option{flex-direction:column;align-items:flex-start;gap:var(--space-2);min-block-size:5.5rem;padding:var(--space-3) var(--space-4);font-size:var(--fs-base)}.finder__options--3 .finder__option--image{padding:var(--space-2)}.finder__options--3 .finder__option--image .finder__option-media{inline-size:100%;aspect-ratio:3 / 2}.finder__options--3 .finder__option--image>span:last-child{padding-inline:var(--space-2);padding-block-end:var(--space-1)}}.finder-card__media img{inline-size:100%;block-size:100%;object-fit:contain;padding:8%}.finder-card__body{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);justify-items:start}.finder-card__title{font-size:var(--fs-h4)}.finder-card__title a{text-decoration:none}.finder-card__title a:hover{text-decoration:underline}.finder-card__reasons-label{font-size:var(--fs-xs);font-weight:var(--font-body-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);margin-block-start:var(--space-2)}.finder-card__reasons{display:grid;gap:var(--space-2);font-size:var(--fs-sm)}.finder-card__reasons li{display:flex;gap:var(--space-2);align-items:flex-start}.finder-card__reasons .icon{inline-size:1rem;block-size:1rem;margin-block-start:.2em;color:var(--color-success);flex:none}.finder-card .btn{margin-block-start:var(--space-2)}.finder-card__note{display:flex;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-muted)}.finder__result-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.finder__empty{display:grid;gap:var(--space-4);padding:var(--space-8);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border)}.finder__disclaimer{max-inline-size:48rem}.finder-section{scroll-margin-block-start:var(--header-bottom, 5rem)}
/*# sourceMappingURL=/cdn/shop/t/27/assets/mixer-finder.css.map */