.color-swatch-group__title{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font-weight:500;font-size:14px;line-height:20px;color:#0a0a0a}.color-swatch-group__title span.product-form__option-value{font-weight:400;font-size:14px;line-height:20px;text-transform:uppercase;color:#737373}.color-swatch-group .color-swatch-list{display:flex;flex-wrap:wrap;gap:8px 6px;grid-template-columns:none;max-width:400px}.color-swatch-group .color-swatch{position:relative;padding:1px;border-radius:99px;border:1px solid #d9d9d9;transition:border-color .15s ease}.color-swatch-group .color-swatch:has(.color-swatch__radio:checked),.color-swatch-group .color-swatch:has(.is-selected){border-color:#000}.color-swatch-group .color-swatch__item{position:relative;display:flex;align-items:flex-start;justify-content:flex-end;width:32px;height:32px;border:none;border-radius:99px;cursor:pointer;overflow:hidden}.color-swatch-group .color-swatch__item:before,.color-swatch-group .color-swatch__item:after{display:none}.color-swatch-group .color-swatch--white .color-swatch__item{box-shadow:inset 0 0 0 1px #0000000f,0 1px 4px #0c0c0d1a,0 1px 4px #0c0c0d0d}.color-swatch__badge{position:absolute;top:0;right:0;width:12px;height:12px;border-radius:99px;overflow:hidden;z-index:1;pointer-events:none;display:none}.color-swatch__badge svg{display:block;width:100%;height:100%}.color-swatch-group .color-swatch.is-disabled .color-swatch__item{opacity:1}.color-swatch-group .color-swatch.is-disabled .color-swatch__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,transparent 0,transparent calc(50% - 2px),#fff calc(50% - 2px),#fff calc(50% - 1px),#bababa calc(50% - 1px),#bababa calc(50% + 1px),#fff calc(50% + 1px),#fff calc(50% + 2px),transparent calc(50% + 2px),transparent 100%);border-radius:4px;pointer-events:none}.color-swatch-group .color-swatch__slash-icon{width:12px;height:12px;color:#fff;display:none}.color-swatch-group .color-swatch.is-disabled label{opacity:1}.color-swatch-group .color-swatch.is-disabled .color-swatch__item:before{display:none;background:none}.color-swatch-group+.color-swatch-group{margin-top:16px}
/*# sourceMappingURL=/cdn/shop/t/9/assets/color-swatch-group.css.map */