.card__swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;margin-top:.6rem}.card__swatch-btn{--swatch-input--size: 1rem;position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:.1rem;background:transparent;border:.1rem solid transparent;border-radius:50%;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.card__swatch-btn:hover,.card__swatch-btn:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground)),0 .2rem .6rem rgba(var(--color-foreground),.2);outline:none}.card__swatch-btn[aria-pressed=true]{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.card__swatch-btn--unavailable{opacity:.5}.card__swatches .swatch{pointer-events:none}.card__media [data-card-swatch-image]{transition:opacity .25s ease}.card-wrapper.is-swatch-loading [data-card-swatch-image]{opacity:.35}.card-wrapper.is-swatch-loading .card__media{position:relative}.card-wrapper.is-swatch-loading .card__media:after{content:"";position:absolute;top:50%;left:50%;width:2.4rem;height:2.4rem;margin:-1.2rem 0 0 -1.2rem;border:.2rem solid rgba(var(--color-foreground),.25);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:card-swatch-spin .7s linear infinite;z-index:3;pointer-events:none}@keyframes card-swatch-spin{to{transform:rotate(360deg)}}.card__swatch-note{position:absolute;bottom:.8rem;left:50%;transform:translate(-50%);padding:.3rem .7rem;background:rgba(var(--color-background),.92);color:rgb(var(--color-foreground));font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;white-space:nowrap;z-index:3;pointer-events:none;box-shadow:0 .2rem .6rem rgba(var(--color-foreground),.12)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-card-swatches.css.map */