.ab-finder__box{display:grid;grid-template-columns:minmax(0,1fr);background:var(--surface-raised);border:var(--border-frame) solid var(--ink)}.ab-finder__left,.ab-finder__right{display:flex;flex-direction:column;min-width:0;padding:20px}.ab-finder__left{gap:22px;border-block-end:var(--border-hairline) solid var(--line)}.ab-finder__right{gap:18px;background:var(--surface)}.ab-finder__step{display:flex;align-items:center;gap:10px;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted)}.ab-finder__step--spaced{margin-block-start:6px}.ab-finder__step-num{display:inline-grid;place-items:center;width:24px;height:24px;font-style:normal;font-size:12px;letter-spacing:0;background:var(--ink);color:var(--ink-inverse)}.ab-finder__tabs{display:grid;gap:var(--space-2)}.ab-finder__tab{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:56px;margin:0;padding:0 18px;font-family:inherit;font-size:16px;line-height:20px;font-weight:600;text-align:left;background:var(--surface);color:var(--ink);border:var(--border-hairline) solid var(--line);border-radius:0;cursor:pointer}.ab-finder__tab-caption{font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:500;color:var(--ink-muted)}.ab-finder__tab[aria-selected=true]{background:var(--ink);color:var(--ink-inverse);border-color:var(--ink)}.ab-finder__tab[aria-selected=true] .ab-finder__tab-caption{color:var(--line-strong)}.ab-finder__panel:focus-visible{outline-offset:6px}.ab-finder__results{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none}.ab-finder__item{display:grid}.ab-finder__res{display:grid;grid-template-columns:112px minmax(0,1fr);background:var(--surface-raised);color:var(--ink);border:var(--border-hairline) solid var(--line);text-decoration:none}.ab-finder__res--ink{background:var(--surface);border-color:var(--surface)}.ab-finder__media{position:relative;display:grid;place-items:center;min-height:132px;background:var(--surface-sunken);overflow:hidden}.ab-finder__res--ink .ab-finder__media{background:var(--surface-raised)}.ab-finder__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ab-finder__frame{display:block;width:56%;aspect-ratio:1 / 1;background:var(--surface-deep);border:5px solid var(--ink)}.ab-finder__body{display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 14px}.ab-finder__kicker{font-size:10px;line-height:14px;letter-spacing:.14em;color:var(--ink-muted)}.ab-finder__res--ink .ab-finder__kicker{color:var(--brand-text)}.ab-finder__res--ink[data-theme=dark] .ab-finder__kicker{color:var(--brand-bright)}.ab-finder__name{font-size:16px;line-height:20px;font-weight:700;letter-spacing:0}.ab-finder__fit{font-size:13px;line-height:18px;color:var(--ink-muted)}.ab-finder__price{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-block-start:auto;padding-block-start:6px;font-size:15px;line-height:20px;font-weight:800}.ab-finder__go{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-block-end:2px solid var(--brand)}@media(min-width:761px){.ab-finder__left,.ab-finder__right{padding:36px}.ab-finder__results{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.ab-finder__res{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.ab-finder__media{min-height:0;aspect-ratio:16 / 10}.ab-finder__frame{width:40%;border-width:8px}.ab-finder__body{gap:6px;padding:18px}.ab-finder__kicker{font-size:12px;line-height:16px;letter-spacing:.2em}.ab-finder__name{display:-webkit-box;min-height:46px;font-size:18px;line-height:23px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ab-finder__fit{min-height:60px;font-size:14px;line-height:20px}.ab-finder__price{padding-block-start:10px;font-size:17px}}@media(min-width:1101px){.ab-finder__box{grid-template-columns:420px minmax(0,1fr)}.ab-finder__left{border-block-end:0;border-inline-end:var(--border-hairline) solid var(--line)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-frame-finder.css.map */
