.card-color-swatches{position:absolute;left:0;bottom:0;margin:0 1.9rem;z-index:4;display:flex;align-items:flex-end;gap:.5rem}.card--has-swatches .card__inner{position:relative}.card-color-swatch{display:block;width:1.1rem;height:1.1rem;margin:0 .3rem;padding:0;border:0;border-radius:50%;cursor:pointer;forced-color-adjust:none;position:relative}.card-color-swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.25);background-color:var(--swatch-color, transparent);background-image:var(--swatch-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .15s ease;forced-color-adjust:none}.card-color-swatch .bubble{position:absolute;top:-3rem;transform:translate(-41%);display:none;background-color:#fff;padding:.2rem .8rem;border-radius:5px;box-shadow:0 2px 4px #0000001a;z-index:6;text-wrap:nowrap;font-size:14px;color:rgba(var(--color-foreground),.75);font-family:var(--font-body-family);pointer-events:none}.card-color-swatch:hover .bubble,.card-color-swatch:focus-visible .bubble{display:block}@media screen and (max-width:990px){.card-color-swatch{width:1.7rem;height:1.7rem;margin:0 .4rem}}.card-color-swatch:not(.card-color-swatch--unavailable):hover:before{transform:scale(1.15)}.card-color-swatch.is-active{outline:.1rem solid rgb(var(--color-foreground));outline-offset:.12rem}.card-color-swatch:focus-visible{outline:.1rem solid rgba(var(--color-foreground),.55);outline-offset:.12rem}.card-color-swatch--unavailable{position:relative;overflow:hidden;opacity:.45;cursor:not-allowed}.card-color-swatch--unavailable:after{content:"";position:absolute;top:50%;left:-15%;width:130%;height:.1rem;background-color:#000;transform:rotate(-45deg)}@media screen and (min-width:1366px){.card-color-swatch{width:1rem;height:1rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-card-color-swatches.css.map */