.card-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;margin-bottom:8px;position:relative;z-index:2}.card-swatch{width:var(--swatch-size, 24px);height:var(--swatch-size, 24px);border:2px solid transparent;background:none;padding:0;cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.card-swatches--circle .card-swatch{border-radius:50%}.card-swatches--square .card-swatch{border-radius:4px}.card-swatches--none .card-swatch{border-radius:0}.card-swatch:hover{transform:scale(1.1)}.card-swatch.active{border-color:rgba(var(--color-foreground),.8);box-shadow:0 0 0 1px rgba(var(--color-background))}.card-swatch-more{width:var(--swatch-size, 24px);height:var(--swatch-size, 24px);border:1px solid rgba(var(--color-foreground),.2);display:flex;align-items:center;justify-content:center;font-size:calc(var(--swatch-size, 24px) * .4);font-weight:500;color:rgba(var(--color-foreground),.7);background:rgba(var(--color-foreground),.05);flex-shrink:0}.card-swatches--circle .card-swatch-more{border-radius:50%}.card-swatches--square .card-swatch-more{border-radius:4px}.card-swatch:disabled{opacity:.3;cursor:not-allowed}.card-swatch:disabled:hover{transform:none}.card-swatch-loading .card__media img{opacity:.7;transition:opacity .3s ease}.card-swatch-loading .card__media img.loaded{opacity:1}.card-wrapper:has(.card-swatches) .card__content{padding-top:0}.card-wrapper:has(.card-swatches) .card__information{padding-top:0}.card-has-swatches .card__content,.card-has-swatches .card__information{padding-top:0}
/*# sourceMappingURL=/cdn/shop/t/9/assets/card-swatches.css.map */