.dj-swatch{display:block;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--dj-swatch-bg, transparent);background-size:cover;background-position:center;box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.18)}.dj-swatch--sm{width:1.6rem;height:1.6rem}.dj-swatch--unknown{background-image:repeating-linear-gradient(45deg,rgba(var(--color-foreground),.1),rgba(var(--color-foreground),.1) .2rem,rgba(var(--color-foreground),.03) .2rem .4rem)}.dj-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;list-style:none;margin:.8rem 0 .4rem;padding:0}.dj-swatches__item{display:flex}.dj-swatches__link{display:block;position:relative;padding:.3rem;border:.1rem solid transparent;border-radius:50%;line-height:0;transition:border-color .15s ease}.dj-swatches__link:hover,.dj-swatches__link:focus-visible{border-color:rgba(var(--color-foreground),.55);outline:none}.dj-swatches__link.is-current{border-color:rgb(var(--color-foreground))}.dj-swatches__link.is-soldout .dj-swatch{opacity:.45}.dj-swatches__link.is-soldout:after{content:"";position:absolute;inset:50% .2rem auto;height:.1rem;background:rgba(var(--color-foreground),.6);transform:rotate(-45deg)}.dj-card.is-swatch-preview .dj-card__img--alt{opacity:0!important}.dj-swatches__more{display:inline-block;padding:.2rem .2rem .2rem .1rem;font-size:1.2rem;line-height:2.2rem;color:rgba(var(--color-foreground),.7);text-decoration:none}.dj-swatches__more:hover{color:rgb(var(--color-foreground));text-decoration:underline}.product-form__input--dj-swatch{display:flex;flex-wrap:wrap;gap:.8rem;border:none;margin:0 0 1.2rem;padding:0;max-width:44rem}.product-form__input--dj-swatch .form__label{flex:0 0 100%;margin-bottom:.2rem}.dj-swatch-input__input{position:absolute;width:.1rem;height:.1rem;opacity:0;pointer-events:none}.dj-swatch-input__label{display:block;position:relative;padding:.4rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;cursor:pointer;line-height:0;transition:border-color .15s ease}.dj-swatch-input__label:hover{border-color:rgba(var(--color-foreground),.55)}.dj-swatch-input__input:checked+.dj-swatch-input__label{border-color:rgb(var(--color-foreground));border-width:.2rem;padding:.3rem}.dj-swatch-input__input:focus-visible+.dj-swatch-input__label{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.2rem}.dj-swatch-input__input.visually-disabled+.dj-swatch-input__label .dj-swatch{opacity:.45}.dj-swatch-input__input.visually-disabled+.dj-swatch-input__label:after{content:"";position:absolute;inset:50% .4rem auto;height:.1rem;background:rgba(var(--color-foreground),.6);transform:rotate(-45deg)}@media(prefers-reduced-motion:reduce){.dj-swatches__link,.dj-swatch-input__label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/dj-swatch.css.map */