.card-colors-wrapper{margin-top:1rem}.card-colors{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.2rem;margin:-.35rem;line-height:1;vertical-align:middle}.card-colors__item{position:relative;z-index:2;display:inline-flex;align-items:center;padding:.35rem;border-radius:50%;text-decoration:none}.card-wrapper.underline-links-hover:hover a.card-colors__item,.card-colors__item:hover,.card-colors__item:focus{text-decoration:none}.card-colors__dot{display:block;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--card-swatch-background, rgba(var(--color-foreground), .12));box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.28);transition:box-shadow var(--duration-short, .1s) ease}.card-colors__dot--unknown{background:repeating-linear-gradient(-45deg,rgba(var(--color-foreground),.06) 0 .2rem,rgba(var(--color-foreground),.16) .2rem .4rem)}.card-colors__item:hover .card-colors__dot,.card-colors__item:focus-visible .card-colors__dot{box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.45),0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem rgba(var(--color-foreground),.55)}.card-colors__item:focus:not(:focus-visible) .card-colors__dot{box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.28)}.card-colors__more{padding:0 .35rem;font-size:1.1rem;line-height:1;letter-spacing:.02em;color:rgba(var(--color-foreground),.7)}.card--horizontal .card-colors-wrapper{margin-top:.6rem}@media screen and (max-width:749px){.card-colors__dot{width:1.2rem;height:1.2rem}.card-colors__more{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/card-color-swatches.css.map */