.aret-card-variants{position:relative;z-index:2;margin-top:.8rem;display:flex;flex-direction:column;gap:.6rem}.card-information>.aret-card-variants{align-items:inherit}.aret-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.text-center .aret-swatches,.card__information.text-center .aret-swatches{justify-content:center}.aret-swatch{width:1.8rem;height:1.8rem;padding:0;margin:0;border-radius:50%;border:1px solid rgba(var(--color-foreground),.25);background-size:cover;background-position:center;cursor:pointer;position:relative;outline-offset:2px;transition:box-shadow .15s ease,transform .15s ease;-webkit-appearance:none;appearance:none}.aret-swatch:hover{transform:scale(1.1)}.aret-swatch.is-active,.aret-swatch:focus-visible{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgb(var(--color-foreground))}.aret-swatch--soldout{opacity:.45}.aret-swatch--soldout:after{content:"";position:absolute;top:50%;left:-1px;right:-1px;height:1px;background:rgb(var(--color-foreground));transform:rotate(-45deg)}.aret-swatches__more{font-size:1.2rem;color:rgba(var(--color-foreground),.75);text-decoration:none}.aret-sizes{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}.text-center .aret-sizes,.card__information.text-center .aret-sizes{justify-content:center}.aret-size{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:3rem;height:2.6rem;padding:0 .6rem;border:1px solid rgb(var(--color-foreground));border-radius:3px;font-size:1.2rem;line-height:1;letter-spacing:.05rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));overflow:hidden}.aret-size--soldout{color:rgba(var(--color-foreground),.45);border-color:rgba(var(--color-foreground),.25)}.aret-size--soldout:after{content:"";position:absolute;top:50%;left:-20%;width:140%;height:1.5px;background:#d62828;transform:rotate(-30deg)}.card-wrapper.aret-swatch-active .media.media--hover-effect>img:first-child:not(:only-child){opacity:1!important}.card-wrapper.aret-swatch-active .media.media--hover-effect>img+img{opacity:0!important}@media screen and (max-width:749px){.aret-swatch{width:2rem;height:2rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/card-variant-info.css.map */