.card-swatches{position:relative;z-index:2;margin-top:.8rem;line-height:0}.card-swatches__list{display:inline-flex;flex-wrap:wrap;gap:.2rem;margin:0;padding:0;list-style:none}.card-swatch{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center;width:3.2rem;height:3.2rem;margin:-.4rem;border-radius:50%;text-decoration:none;-webkit-tap-highlight-color:transparent}.card-swatch__dot{position:relative;display:block;width:2rem;height:2rem;border-radius:50%;background:var(--swatch-bg);box-shadow:inset 0 0 0 1px #00000024;transition:box-shadow .2s ease,transform .2s ease}.card-swatch:focus-visible{outline:none}.card-swatch:focus-visible .card-swatch__dot,.card-swatch.is-previewing .card-swatch__dot,.card-swatch.is-selected .card-swatch__dot{box-shadow:inset 0 0 0 1px #00000024,0 0 0 2px #fff,0 0 0 3px rgba(var(--color-foreground, 18, 18, 18),.75)}@media(hover:hover){.card-swatch:hover .card-swatch__dot{box-shadow:inset 0 0 0 1px #00000024,0 0 0 2px #fff,0 0 0 3px rgba(var(--color-foreground, 18, 18, 18),.75)}}.card-swatch--sold-out .card-swatch__dot{opacity:.45}.card-swatch--sold-out .card-swatch__dot:after{content:"";position:absolute;top:50%;left:10%;width:80%;height:1px;background:rgba(var(--color-foreground, 18, 18, 18),.8);transform:rotate(-45deg)}.card-wrapper.is-swatch-preview .media.media--hover-effect>img:first-child:not(:only-child),.card-wrapper.is-swatch-selected .media.media--hover-effect>img:first-child:not(:only-child){opacity:1!important}.card-wrapper.is-swatch-preview .media.media--hover-effect>img+img,.card-wrapper.is-swatch-selected .media.media--hover-effect>img+img{opacity:0!important}@media screen and (min-width:750px){.card-swatch__dot{width:1.8rem;height:1.8rem}}.card-swatches__row{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .8rem}.card-swatches__row+.card-swatches__row{margin-top:.9rem}.card-swatches__label{font-size:1.1rem;line-height:1.3;letter-spacing:.02rem;color:rgba(var(--color-foreground, 18, 18, 18),.7);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-swatches__list--pills{gap:.5rem}.card-pill{-webkit-appearance:none;appearance:none;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;padding:.35rem 1rem;border-radius:99px;border:1px solid rgba(var(--color-foreground, 18, 18, 18),.22);background:#fff;color:rgb(var(--color-foreground, 18, 18, 18));font-family:inherit;font-size:1.15rem;line-height:1.2;letter-spacing:.02rem;text-align:center;transition:border-color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.card-pill.is-selected{border-color:rgba(var(--color-foreground, 18, 18, 18),.75);box-shadow:0 0 0 1px rgba(var(--color-foreground, 18, 18, 18),.75)}@media(hover:hover){.card-pill:hover{border-color:rgba(var(--color-foreground, 18, 18, 18),.6)}}.card-pill:focus-visible{outline:2px solid rgba(var(--color-foreground, 18, 18, 18),.75);outline-offset:2px}.card-pill--sold-out{opacity:.5;text-decoration:line-through}.tap-card-badge{position:absolute;top:1rem;left:1rem;z-index:3;background:var(--tcb, #e19096);color:#fff;font-weight:700;font-size:1.2rem;line-height:1;letter-spacing:.02rem;padding:.6rem 1.1rem;border-radius:99px;box-shadow:0 2px 6px #0000001f;pointer-events:none}@media screen and (max-width:749px){.tap-card-badge{top:.7rem;left:.7rem;font-size:1.05rem;padding:.5rem .9rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/tap-card-swatches.css.map */