.product-form__input--mambo-swatch{--mambo-swatch-size: 7.2rem;display:flex;flex-wrap:wrap;gap:1rem .8rem;padding:0;margin:0 0 1.2rem;border:0;max-width:100%}.product-form__input--mambo-swatch .form__label{width:100%;margin-bottom:.6rem}.product-form__input--mambo-swatch [data-selected-value]{font-weight:600}.mambo-swatch__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mambo-swatch{display:flex;flex-direction:column;align-items:center;width:var(--mambo-swatch-size);cursor:pointer;text-align:center}.mambo-swatch__media{display:block;width:var(--mambo-swatch-size);height:var(--mambo-swatch-size);border-radius:50%;overflow:hidden;position:relative;border:.1rem solid rgba(var(--color-foreground),.15);outline:.2rem solid transparent;outline-offset:.2rem;background:rgba(var(--color-foreground),.04);transition:outline-color .15s ease,border-color .15s ease;box-sizing:border-box}.mambo-swatch--square .mambo-swatch__media{border-radius:.8rem}.mambo-swatch__media img{width:100%;height:100%;object-fit:cover;display:block}.mambo-swatch__placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:1.4rem;font-weight:600;color:rgba(var(--color-foreground),.6)}.mambo-swatch__name{margin-top:.4rem;font-size:1.1rem;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--color-foreground),.75)}.mambo-swatch:hover .mambo-swatch__media,.mambo-swatch__input:focus-visible+.mambo-swatch .mambo-swatch__media{outline-color:rgba(var(--color-foreground),.35)}.mambo-swatch__input:checked+.mambo-swatch .mambo-swatch__media{outline-color:rgb(var(--color-foreground));border-color:rgb(var(--color-background))}.mambo-swatch__input:checked+.mambo-swatch .mambo-swatch__name{color:rgb(var(--color-foreground));font-weight:600}.mambo-swatch--unavailable .mambo-swatch__media{opacity:.45}.mambo-swatch--unavailable .mambo-swatch__media:after{content:"";position:absolute;left:-20%;top:50%;width:140%;height:.15rem;background:rgb(var(--color-foreground));transform:rotate(-45deg)}.mambo-swatch--unavailable .mambo-swatch__name{text-decoration:line-through;color:rgba(var(--color-foreground),.5)}@media screen and (max-width:749px){.product-form__input--mambo-swatch{--mambo-swatch-size: 6.4rem;gap:.8rem .6rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/mambo-swatch-image.css.map */