.card-color-swatches{display:flex;flex-wrap:nowrap;gap:.6rem;padding:.4rem .3rem;margin:.2rem -.3rem 0;list-style:none;align-items:center;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none}.card-color-swatches::-webkit-scrollbar{display:none}.card-color-swatches__item{flex:0 0 auto;width:2rem;height:2rem}.card-color-swatches__link{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;text-decoration:none;box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.2);transition:box-shadow var(--duration-default, .2s) ease,transform var(--duration-default, .2s) ease}.card-color-swatches__link:hover,.card-color-swatches__link:focus-visible{box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.6);outline:none;transform:scale(1.08)}.card-color-swatches__item.is-current .card-color-swatches__link{box-shadow:0 0 0 .15rem rgb(var(--color-background)),0 0 0 .3rem rgb(var(--color-foreground));cursor:default}.card-color-swatches__item.is-current .card-color-swatches__link:hover{transform:none}.card-color-swatches__image{width:100%;height:100%;object-fit:cover;display:block}.card-color-swatches__image--placeholder{background-color:rgba(var(--color-foreground),.1)}.card-color-swatches__item--more{width:auto;min-width:2rem;height:2rem;display:inline-flex;align-items:center;padding:0 .4rem}.card-color-swatches__more{font-size:1.1rem;line-height:1;font-weight:500;color:rgba(var(--color-foreground),.7);letter-spacing:.02em}@media screen and (min-width:750px){.card-color-swatches{flex-wrap:wrap;gap:.7rem;margin-top:.6rem}.card-color-swatches__item{width:2.4rem;height:2.4rem}.card-color-swatches__item--more{width:auto;min-width:2.4rem;height:2.4rem;padding:0 .5rem}.card-color-swatches__more{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.card-color-swatches__link{transition:none}.card-color-swatches__link:hover,.card-color-swatches__link:focus-visible{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-card-color-swatches.css.map */