.cross-sell{font-family:var(--font-body-family);text-align:center;padding:2rem;margin:2rem 0;border:1px solid rgba(var(--color-foreground),.08);border-radius:.75rem;background:rgba(var(--color-foreground),.03)}.cross-sell__heading{margin:0 0 1rem;font-size:1rem;font-weight:700;letter-spacing:.13rem;line-height:calc(1 + .2 / var(--font-body-scale));text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.cross-sell__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.cross-sell__pill{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem .8rem .5rem .5rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:999px;font-size:1.4rem;font-weight:600;letter-spacing:.04rem;line-height:calc(1 + .5 / var(--font-body-scale));text-transform:uppercase;color:rgb(var(--color-foreground));text-decoration:none;background:rgba(var(--color-foreground),.06);box-shadow:0 1px 2px #0000000f;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.cross-sell__pill:hover,.cross-sell__pill:focus-visible{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground));box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.cross-sell__pill:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.cross-sell__pill--text-only{padding:.6rem 1.4rem}.cross-sell__pill-img{width:3.2rem;height:3.2rem;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid rgba(var(--color-foreground),.1)}.cross-sell__pill:hover .cross-sell__pill-img{border-color:rgba(var(--color-background),.3)}.cross-sell__pill-label{white-space:nowrap;padding-right:.4rem}@media screen and (max-width:749px){.cross-sell{padding:1.5rem}.cross-sell__heading{margin:0 0 .8rem}.cross-sell__pills{gap:.6rem}.cross-sell__pill{padding:.6rem 1.2rem;font-size:1.3rem}.cross-sell__pill-img{display:none}}@media(prefers-reduced-motion:reduce){.cross-sell__pill{transition:none}.cross-sell__pill:hover,.cross-sell__pill:focus-visible{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-cross-sell.css.map */