.color-swatch{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgba(0, 0, 0, 1);background-color:rgba(0, 0, 0, var(--tw-bg-opacity, 1));transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.color-swatch:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.1) scaleY(1.1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.color-swatch{height:30px;width:30px;display:inline-block;position:relative;outline:none;vertical-align:middle;border:1px solid rgba(0,0,0,0);border-radius:1px}.color-swatch:focus:active,.color-swatch:focus{outline:none}.color-swatch.active:before{--tw-border-opacity:1;border-color:rgba(35, 31, 32, 1);border-color:rgba(35, 31, 32, var(--tw-border-opacity, 1));content:"";width:calc(100% + 6px);height:calc(100% + 6px);border-radius:1;border-radius:1px;border:1px solid;display:inline-block;position:absolute;top:-3px;left:-3px}.color-swatch--white{background-color:#c2c4cc !important}.color-swatch--white{background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width=%278%27 height=%278%27 viewBox=%270 0 8 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%274%27 cy=%274%27 r=%274%27 fill=%27white%27/%3E%3C/svg%3E%0A")}.color-swatch.small{width:18px;height:18px;border-radius:0}.color-swatch.small.active:before{border-radius:0}