.silk-tie-color-selector{margin:1.6rem 0}.silk-tie-color-selector .form__label{margin-bottom:.8rem}.silk-tie-color-selector__swatches{display:flex;flex-wrap:wrap;gap:.9rem}.silk-tie-color-selector__swatch{position:relative;display:inline-block;width:3.2rem;height:3.2rem;border:.1rem solid rgba(var(--color-foreground),.28);border-radius:50%;background-color:var(--silk-tie-swatch-color);background-image:var(--silk-tie-swatch-image, none);background-position:center;background-size:cover;box-shadow:inset 0 0 0 .2rem rgb(var(--color-background));transition:transform .16s ease,box-shadow .16s ease}.silk-tie-color-selector__swatch:hover{transform:scale(1.06)}.silk-tie-color-selector__swatch:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.9);outline-offset:.3rem}.silk-tie-color-selector__swatch.is-active{box-shadow:inset 0 0 0 .2rem rgb(var(--color-background)),0 0 0 .2rem rgba(var(--color-foreground),.9)}.silk-tie-color-selector__swatch.is-unavailable{opacity:.45}.silk-tie-color-selector__swatch.is-unavailable:after{content:"";position:absolute;top:50%;left:12%;width:76%;height:.1rem;background:rgba(var(--color-foreground),.8);transform:rotate(-45deg);transform-origin:center}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-silk-tie-color-selector.css.map */