.lunea-swatch-label{font-size:1.4rem;letter-spacing:.04rem;color:rgba(var(--color-foreground),.75);margin-bottom:1rem}.lunea-swatches{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.lunea-swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:4.6rem;height:4.6rem;padding:.3rem;border-radius:50%;border:.15rem solid transparent;background:rgb(var(--color-background));cursor:pointer;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.lunea-swatch__img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 35%;box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.12)}.lunea-swatch__text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;font-size:.9rem;line-height:1.1;text-align:center;overflow:hidden;color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.2)}.lunea-swatch:hover{border-color:rgba(var(--color-foreground),.35)}.lunea-swatch__input:checked+.lunea-swatch,.lunea-swatch--active{border-color:rgb(var(--color-foreground))}.lunea-swatch__input:focus-visible+.lunea-swatch,a.lunea-swatch:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.product-form__input--image-swatch .lunea-swatch__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.lunea-swatch__input--soldout+.lunea-swatch,.lunea-swatch--soldout{opacity:.45}.lunea-swatch__input--soldout+.lunea-swatch:after,.lunea-swatch--soldout:after{content:"";position:absolute;top:.3rem;right:.3rem;bottom:.3rem;left:.3rem;border-radius:50%;background:linear-gradient(to top right,transparent calc(50% - .75px),rgba(var(--color-foreground),.7) 50%,transparent calc(50% + .75px))}.lunea-hidden-option{display:none!important}.lunea-group{margin-bottom:1.5rem}.lunea-card-swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .6rem}.lunea-card-swatches .lunea-swatch{width:2.8rem;height:2.8rem;padding:.2rem;border-width:.1rem}.lunea-card-swatches .lunea-swatch__text{font-size:.7rem}.lunea-card-swatches__more{font-size:1.2rem;color:rgba(var(--color-foreground),.7);text-decoration:none;margin-left:.2rem}@media screen and (max-width:749px){.lunea-swatch{width:4.2rem;height:4.2rem}.lunea-card-swatches .lunea-swatch{width:2.4rem;height:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/lunea-swatches.css.map */