.color-swatch{height:16px;width:16px;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));position:relative;margin-right:6px;margin-left:6px;outline:none;vertical-align:middle;border:1px solid transparent}.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{background:#fff}.color-swatch--white.active{border-color:transparent}.color-swatch--green{background:green}.color-swatch--black{background:#000}