.color-swatch{height:14px;width:14px;display:inline-block;border-radius:50%;--tw-bg-opacity:1;background-color:rgba(0, 0, 0, 1);background-color:rgba(0, 0, 0, var(--tw-bg-opacity, 1));position:relative;margin-right:6px;outline:none;vertical-align:middle;border:1px solid rgba(0,0,0,0)}.color-swatch:focus:active,.color-swatch:focus{outline:none}.color-swatch.active:before{content:"";width:calc(100% + 4px);height:calc(100% + 4px);border-radius:50%;border:2px solid currentColor;display:inline-block;position:absolute;top:-4px;left:-4px}.color-swatch--white{--tw-border-opacity:1;border-color:rgba(182, 181, 180, 1);border-color:rgba(182, 181, 180, var(--tw-border-opacity, 1))}.color-swatch--white.active{border-color:rgba(0,0,0,0)}