.sock-match{padding:1.5rem 0;border-top:1px solid #e5e0dd}.sock-match--hidden{display:none}.sock-match__header{display:flex;justify-content:space-between;align-items:baseline}.sock-match__title{font-size:.95rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin:0}.sock-match__by{font-size:.75rem;color:#8a8078;text-transform:uppercase;letter-spacing:.05em}.sock-match__blurb{margin:.5rem 0 1.25rem;color:#4a4a4a}.sock-match__label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#8a8078;margin:0 0 .5rem}.sock-match__chips{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.sock-match__chip{display:flex;align-items:center;gap:.5rem;padding:8px 15px 8px 9px;border:1px solid #cfcbc6;border-radius:0;background:#fff;cursor:pointer;font-size:12.5px}.sock-match__chip:hover{border-color:#a9a5a0}.sock-match__chip.is-selected{border-color:#131313;border-width:1px}.sock-match__chip-swatch{border-radius:50%;object-fit:cover}.sock-match__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(max-width:749px){.sock-match__tiles{grid-template-columns:1fr}}.sock-match__tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:#f3e7e2;border-radius:0;text-decoration:none;outline:1px solid #cfcbc6}.sock-match__tile:hover{outline:1px solid #131313}.sock-match__tile-swatch{border-radius:50%;object-fit:cover}.sock-match__tile-label{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#131313}.sock-match__tile-code{font-size:10px;color:#8b8681;letter-spacing:.08em;text-transform:uppercase;font-family:Jost}.sock-match__chip:focus-visible,.sock-match__tile:focus-visible{outline:2px solid #131313;outline-offset:2px}.sock-match__footer{margin-top:1.25rem;font-size:.8rem;color:#8a8078}.sock-match__tile--hidden{display:none}.sock-match__chip-swatch{display:inline-block;width:19px;height:19px;border-radius:50%;flex-shrink:0}.sock-match__tile-swatch{border-radius:50%;object-fit:cover;width:50px;height:50px}
/*# sourceMappingURL=/cdn/shop/t/28/assets/sock-match.css.map */