.card__variants{margin-top:1rem;margin-bottom:1rem;display:block!important;visibility:visible!important}.card__variant-options{margin-bottom:1rem;display:block!important}.card__variant-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:rgba(var(--color-foreground),.75);text-transform:capitalize}.card__swatches{display:flex!important;flex-wrap:wrap;gap:.5rem;width:100%;margin-top:.5rem;padding:.5rem 0;position:relative;z-index:99}.card__swatch-label{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:.2rem;transition:all .2s ease}.card__swatch-label.is-disabled{cursor:not-allowed}.card__swatch-label.is-disabled .card__swatch{border-color:rgba(var(--color-foreground),.5);position:relative;opacity:.6}label.card__swatch-label.is-disabled:after{content:"";position:absolute;top:50%;left:50%;width:50px;height:1px;background:#625e5e;transform:translate(-50%,-50%) rotate(45deg)}.card__swatch-label.is-disabled .card__swatch:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 48%,rgba(var(--color-foreground),.7) 48%,rgba(var(--color-foreground),.7) 52%,transparent 52%);pointer-events:none}.card__variant-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.card__swatch{--swatch--size: 3rem;--swatch--border-radius: .2rem;display:block;width:var(--swatch--size);height:var(--swatch--size);aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-repeat:no-repeat;background-origin:border-box;border:.15rem solid rgba(var(--color-foreground),.15);transition:all .2s ease}.card__swatch--text{display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;text-transform:uppercase;color:rgba(var(--color-foreground),.7);background-color:rgba(var(--color-foreground),.05)}.card__swatch-text{display:block}.card__swatch-label.is-disabled .card__swatch{opacity:.5;position:relative;overflow:hidden}.card__swatch-label.is-disabled .card__swatch:after{--diagonal--size: calc(var(--swatch--size) * 1.414);--crossed-line--size: .2rem;content:"";position:absolute;bottom:calc(var(--crossed-line--size) * -.5);left:0;width:var(--diagonal--size);height:var(--crossed-line--size);background-color:rgba(var(--color-foreground),.9);transform:rotate(-45deg);transform-origin:left}.card__variant-input:checked+.card__swatch{border:.2rem solid rgba(var(--color-foreground),.9)}.card__variant-input:checked+.card__swatch{outline:.1rem solid rgba(var(--color-foreground),.3);border-color:#000}.card__variant-input:focus-visible+.card__swatch{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.collection-view-controls.page-width{display:none}span.card__swatch{width:38px;height:38px}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-card-variants.css.map */