.card-color-swatches{display:flex;align-items:center;gap:.6rem;margin-top:1rem;flex-wrap:wrap;position:relative;z-index:2}.card-color-swatch{width:2.2rem;height:2.2rem;border-radius:0;border:1px solid rgba(var(--color-foreground),.15);background-color:var(--swatch-color, #e5e5e5);padding:0;margin:0;cursor:pointer;transition:border-color .2s ease;flex:0 0 auto;appearance:none;-webkit-appearance:none}.card-color-swatch:hover{border-color:rgba(var(--color-foreground),.55)}.card-color-swatch.is-active{border-color:rgb(var(--color-foreground));border-width:2px}.card-color-swatch--more{display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.75);font-size:1.1rem}.card-color-swatch--hidden{display:none}@media screen and (min-width:990px){.card-wrapper:has(.card-color-swatches:hover) .media.media--hover-effect>img:first-child:not(:only-child){opacity:1!important}.card-wrapper:has(.card-color-swatches:hover) .media.media--hover-effect>img+img{opacity:0!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-card-color-swatches.css.map */