ali-card-swatches{display:block;position:relative;z-index:2;margin-block:1rem .6rem;text-align:var(--text-alignment)}.ali-card-swatches__label{margin:0 0 .3rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:1.2rem;line-height:1.5;letter-spacing:.02rem;overflow-wrap:anywhere}.ali-card-swatches__options{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}.ali-card-swatches--center .ali-card-swatches__options{justify-content:center}.ali-card-swatches--right .ali-card-swatches__options{justify-content:flex-end}.ali-card-swatches .ali-card-swatches__choice{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 3rem;min-width:3rem;min-height:3rem;padding:.5rem;border-radius:50%;color:inherit;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ali-card-swatches__choice .swatch{--swatch--size: 2rem;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.16)}.ali-card-swatches__choice[aria-current=true] .swatch{outline:1px solid rgb(var(--color-foreground));outline-offset:2px}.ali-card-swatches__choice:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:1px}.ali-card-swatches__choice--sold-out:after{content:"";position:absolute;width:2.3rem;height:1px;transform:rotate(-45deg);background:rgb(var(--color-foreground));box-shadow:0 1px rgb(var(--color-background));pointer-events:none}.ali-card-swatches .ali-card-swatches__choice--text{flex-basis:auto;border:1px solid rgba(var(--color-foreground),.3);border-radius:.4rem;font-size:1.1rem;line-height:1.4}.ali-card-swatches__choice--text[aria-current=true]{border-color:rgb(var(--color-foreground))}.card-wrapper.ali-card-color-selected .media.media--hover-effect>img:first-child:not(:only-child){opacity:1}.card-wrapper.ali-card-color-selected .media.media--hover-effect>img+img{opacity:0}.card-wrapper [data-ali-direct-add][hidden],.card-wrapper [data-ali-fallback][hidden]{display:none}[data-ali-direct-add] .product-form__error-message-wrapper{margin-block:.5rem 1rem;font-size:1.3rem;line-height:1.4}@media screen and (max-width:749px){.ali-card-swatches__options{gap:0}.ali-card-swatches .ali-card-swatches__choice{flex-basis:2.6rem;min-width:2.6rem;min-height:3rem;padding:.4rem}.ali-card-swatches__choice .swatch{--swatch--size: 1.8rem}.ali-card-swatches .ali-card-swatches__choice--text{flex-basis:auto}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/ali-card-swatches.css.map */
