.card-wrapper .card__media{touch-action:pan-y}.card-color-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.6rem;position:relative;z-index:2}.card-color-swatch{--swatch-size: 1.7rem;-webkit-appearance:none;appearance:none;position:relative;z-index:2;display:block;width:var(--swatch-size);height:var(--swatch-size);padding:0;margin:0;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.15);background-color:transparent;background-position:center;background-size:cover;cursor:pointer;outline-offset:.2rem;outline-color:transparent;outline-style:solid;transition:outline-color var(--duration-short, .15s) ease;-webkit-tap-highlight-color:transparent}.card-color-swatch:before{content:"";position:absolute;top:-.7rem;right:-.7rem;bottom:-.7rem;left:-.7rem}.card-color-swatch--light{border-color:rgba(var(--color-foreground),.35)}.card-color-swatch--unknown{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}.card-color-swatch.is-selected{outline:.1rem solid rgb(var(--color-foreground))}.card-color-swatch:hover{outline:.2rem solid rgba(var(--color-foreground),.4)}.card-color-swatch:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-color-swatches.css.map */