.collection-card-colors{height:30px;display:block;position:relative;margin:3px 0 0}.collection-card-colors .js-collection-card-colors{display:block;text-align:left;font-size:12px;color:#121212;cursor:pointer;opacity:0;transition:opacity .35s ease}.collection-card-colors .color-swatches{position:absolute;top:0;left:0;gap:0;opacity:1;pointer-events:all;transition:opacity .35s ease}.collection-card-colors .color-swatches .color-swatch{width:20px;height:20px;cursor:pointer}.collection-card-colors .color-swatches .color-swatch span{width:12px;height:12px}.collection-card-colors .color-swatches .color-swatch:hover{border-style:solid;border-width:1px}.collection-card-colors .color-swatches{display:flex;flex-wrap:wrap}.collection-card-colors .color-swatches .color-swatch{position:relative;width:23px;height:23px;border-radius:0;display:flex;align-items:center;justify-content:center;flex:none}.collection-card-colors .color-swatches .color-swatch[data-color=White] span{border:1px solid #dddddd}.collection-card-colors .color-swatches .color-swatch[data-color=White]:hover{border-color:#ddd!important}.collection-card-colors .color-swatches .color-swatch span{display:block;width:17px;height:17px;border-radius:0}.collection-card-colors .color-swatches .color-swatch.color-swatch-active{border-width:1px;border-style:solid}@media only screen and (min-width:992px){.collection-card-colors{display:block;position:relative;margin:3px 0 0}.collection-card-colors .js-collection-card-colors{opacity:1}.collection-card-colors .color-swatches{opacity:0;pointer-events:all}.collection-card-colors:hover .js-collection-card-colors{opacity:0}.collection-card-colors:hover .color-swatches{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/235/assets/color-swatches.css.map */