.color-switch__color-container{position:relative;display:flex;margin-bottom:1rem}.color-switch__color-container label{cursor:pointer}.color-switch__radio-container:hover .color-switch__text-label{opacity:1}.color-switch__radio{display:none}.color-switch__text-label{position:absolute;top:calc(20px + 1rem);left:0;opacity:0;transition:all var(--duration-long) ease;pointer-events:none}.color-switch__current-label{transition:all var(--duration-long) ease}.color-switch__circle{display:block;width:12px;height:12px;border-radius:50%;background-color:red;margin:3px}.color-switch__outer-circle{display:flex;justify-content:center;align-items:center;border-radius:50%;width:20px;height:20px;margin-left:.2rem}.color-switch__selected-circle{border:1px solid var(--color-base-utility-grey)}.not-show{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/66/assets/component-color-switcher.css.map */