.pair-with{padding-block:1.5rem 2.5rem}.pair-with--buybox{margin-top:1.5rem;padding-block:0;width:100%}.pair-with--buybox .pair-with__inner,.pair-with--buybox{max-width:none}.pair-with--buybox .pair-with__heading{font-size:1rem}.pair-with__inner{max-width:28rem}.pair-with__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.pair-with__eyebrow{margin:0 0 .25rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#0000008c}.pair-with__heading{margin:0;font-family:var(--font-heading--family);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.pair-with__subtitle{margin:.35rem 0 0;font-size:.85rem;color:#0000008c;line-height:1.4}.pair-with__nav{display:flex;gap:.35rem;flex-shrink:0}.pair-with__nav-btn{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:999px;background:#fff;cursor:pointer;color:inherit;padding:0}.pair-with__nav-btn:hover{border-color:var(--color-foreground)}.pair-with__nav-btn:disabled{opacity:.35;cursor:default}.pair-with__nav-btn svg{width:1rem;height:1rem}.pair-with__track-wrap{position:relative}.pair-with__track{display:flex;flex-direction:column;gap:.75rem;max-height:calc(var(--pair-with-max, 3) * 6.25rem);overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;padding-right:.15rem}.pair-with-card{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.65rem;border:1px solid var(--color-border);border-radius:12px;background:#fff;min-height:5.5rem}.pair-with-card--placeholder{grid-template-columns:4.5rem minmax(0,1fr);border-style:dashed;color:#00000073}.pair-with-card__media{display:block;width:4.5rem;height:4.5rem;border-radius:8px;overflow:hidden;background:var(--color-muted);flex-shrink:0}.pair-with-card__img{width:100%;height:100%;object-fit:cover}.pair-with-card__body{min-width:0}.pair-with-card__title{display:block;font-size:.9rem;font-weight:600;color:inherit;text-decoration:none;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pair-with-card__title:hover{text-decoration:underline}.pair-with-card__subtitle{margin:.25rem 0 0;font-size:.8rem}.pair-with-card__options{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.35rem}.pair-with-card__select-wrap{position:relative;display:inline-flex;align-items:center;min-width:0}.pair-with-card__select{-webkit-appearance:none;appearance:none;border:none;background:transparent;padding:0 1.1rem 0 0;font-size:.8rem;color:#0000008c;cursor:pointer;max-width:8rem;line-height:1.2}.pair-with-card__select:focus{outline:none;color:var(--color-foreground)}.pair-with-card__select-chevron{position:absolute;right:0;font-size:.65rem;color:#00000073;pointer-events:none}.pair-with-card__size-guide{border:none;background:none;padding:0;font-size:.75rem;color:#0000008c;text-decoration:underline;cursor:pointer}.pair-with-card__size-guide:hover{color:var(--color-foreground)}.pair-with-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem;margin-top:.35rem;font-size:.85rem;font-weight:600}.pair-with-card__price-sale{color:var(--color-sale)}.pair-with-card__price-compare{color:#00000073;font-weight:500;text-decoration:line-through;font-size:.8rem}.pair-with-card__add{border:none;background:var(--color-foreground, #111);color:var(--color-background, #fff);border-radius:8px;padding:.55rem .85rem;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;min-width:4.25rem;transition:opacity .2s ease,transform .15s ease}.pair-with-card__add:hover:not(:disabled){opacity:.9}.pair-with-card__add:disabled{opacity:.45;cursor:default}.pair-with-card__add.is-loading{opacity:.7;pointer-events:none}@media(min-width:990px){.pair-with__inner{max-width:32rem}}@media(max-width:549px){.pair-with-card{grid-template-columns:3.75rem minmax(0,1fr);grid-template-areas:"media body" "media add"}.pair-with-card__media{grid-area:media;width:3.75rem;height:3.75rem}.pair-with-card__body{grid-area:body}.pair-with-card__add{grid-area:add;justify-self:start;margin-top:.25rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pair-with.css.map */