.sop-finder{--finder-ink: var(--sop-ink, #11120f);--finder-line: var(--sop-line, rgba(17, 18, 15, .18));--finder-accent: var(--sop-green, #535b4b);--finder-on-ink: var(--sop-on-ink, #fff);--finder-tile: var(--sop-tile, transparent);color:var(--finder-ink)}.sop-finder[hidden]{display:none}.sop-finder__inner{margin-inline:auto;max-width:1080px;padding-inline:max(16px,4vw)}.sop-finder__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.15em;line-height:1.3;margin:0 0 .75rem;text-transform:uppercase}.sop-finder__heading{font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.08;margin:0 0 .85rem;text-transform:uppercase}.sop-finder__intro{font-size:.95rem;line-height:1.55;margin:0;max-width:48ch;opacity:.75}.sop-finder__app{margin-top:clamp(2rem,4vw,3rem)}.sop-finder__notice{border:1px dashed var(--finder-line);font-size:.9rem;margin:0;padding:1.25rem}.sop-finder__progress{align-items:center;display:flex;font-size:.72rem;font-weight:700;gap:1rem;letter-spacing:.15em;margin-bottom:1.5rem}.sop-finder__bar{background:var(--finder-line);flex:1;height:2px;position:relative}.sop-finder__bar>span{background:var(--finder-ink);inset:0 auto 0 0;position:absolute;transition:width .3s ease}.sop-finder__step{border:0;margin:0;min-width:0;padding:0}.sop-finder__question{display:block;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:600;line-height:1.2;margin:0 0 .5rem;padding:0}.sop-finder__question:focus{outline:none}.sop-finder__step-desc{font-size:.9rem;margin:0;opacity:.7}.sop-finder__options{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-top:1.5rem}.sop-finder__options--compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sop-finder__option{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid var(--finder-line);border-radius:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:.4rem;justify-content:flex-start;min-height:104px;padding:1.15rem 1.25rem;text-align:left;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.sop-finder__options--compact .sop-finder__option{justify-content:center;min-height:64px}.sop-finder__option:hover{border-color:var(--finder-ink)}.sop-finder__option:focus-visible,.sop-finder__button:focus-visible,.sop-finder__link-button:focus-visible{outline:2px solid var(--finder-ink);outline-offset:3px}.sop-finder__option[aria-pressed=true]{background:var(--finder-ink);border-color:var(--finder-ink);color:var(--finder-on-ink)}.sop-finder__option-label{font-size:.78rem;font-weight:700;letter-spacing:.15em;line-height:1.3;text-transform:uppercase}.sop-finder__option-desc{font-size:.86rem;line-height:1.45;opacity:.72}.sop-finder__nav{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:space-between;margin-top:1.75rem;min-height:48px}.sop-finder__nav-end{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.sop-finder__link-button{background:none;border:0;border-bottom:1px solid currentColor;color:inherit;cursor:pointer;font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.15em;padding:0 0 2px;text-decoration:none;text-transform:uppercase}.sop-finder__button{align-items:center;background:var(--finder-ink);border:1px solid var(--finder-ink);border-radius:0;color:var(--finder-on-ink);cursor:pointer;display:inline-flex;font:inherit;font-size:.72rem;font-weight:700;justify-content:center;letter-spacing:.15em;min-height:48px;padding:.95rem 1.35rem;text-transform:uppercase;transition:background-color .18s ease,color .18s ease}.sop-finder__button:hover,.sop-finder__button--outline{background:transparent;color:var(--finder-ink)}.sop-finder__button--outline:hover{background:var(--finder-ink);color:var(--finder-on-ink)}.sop-finder__results-head{margin-bottom:1.75rem}.sop-finder__grid{display:grid;gap:32px 24px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.sop-finder__card{display:flex;flex-direction:column;gap:1rem}.sop-finder__media{aspect-ratio:1;background:var(--finder-tile);display:block;overflow:hidden;position:relative}.sop-finder__media img{display:block;height:100%;mix-blend-mode:multiply;object-fit:contain;width:100%}.sop-finder__card-body>*{margin:0}.sop-finder__best{background:var(--finder-ink);color:var(--finder-on-ink);font-size:.6rem;font-weight:700;left:10px;letter-spacing:.15em;line-height:1;padding:.4rem .55rem;position:absolute;text-transform:uppercase;top:10px}.sop-finder__vendor{font-size:.68rem;font-weight:700;letter-spacing:.15em;opacity:.6;text-transform:uppercase}.sop-finder__title{font-size:1rem;font-weight:600;line-height:1.3;margin-top:.25rem!important}.sop-finder__title a{color:inherit;text-decoration:none}.sop-finder__title a:hover{text-decoration:underline}.sop-finder__price{font-size:.92rem;margin-top:.2rem!important}.sop-finder__match{font-size:.72rem;font-weight:700;letter-spacing:.12em;margin-top:.75rem!important;text-transform:uppercase}.sop-finder__tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin-top:.6rem!important;padding:0}.sop-finder__tags li{border:1px solid var(--finder-line);font-size:.72rem;line-height:1.2;padding:.3rem .55rem}.sop-finder__reasons{display:grid;font-size:.84rem;gap:.2rem;line-height:1.4;list-style:none;margin-top:.5rem!important;padding:0}.sop-finder__reasons li{padding-left:1.1rem;position:relative}.sop-finder__reasons li:before{border-bottom:1.5px solid currentColor;border-left:1.5px solid currentColor;content:"";height:.3rem;left:.1rem;position:absolute;top:.42rem;transform:rotate(-45deg);width:.55rem}.sop-finder__compare{margin-left:.4rem;opacity:.55}.sop-finder__best--quiet{background:var(--finder-on-ink);border:1px solid var(--finder-ink);color:var(--finder-ink)}.sop-finder__nav--results{border-top:1px solid var(--finder-line);margin-top:2.5rem;padding-top:1.5rem}@media(max-width:749px){.sop-finder__options{grid-template-columns:1fr}.sop-finder__options--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.sop-finder__option{min-height:0;padding:1rem}.sop-finder__grid{gap:20px;grid-template-columns:1fr}.sop-finder__best{left:6px;top:6px}.sop-finder__card{align-items:start;display:grid;gap:1rem;grid-template-columns:112px minmax(0,1fr)}.sop-finder__nav--results{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/sop-racket-finder.css.map */