.color-card[data-v-b3467bb3]{border-width:1px;border-color:rgb(35 39 43 / var(--un-border-opacity));border-style:solid;--un-border-opacity:1;border-color:rgb(32 34 40 / var(--un-border-opacity));border-radius:12px;--un-bg-opacity:1;background-color:rgb(23 25 28 / var(--un-bg-opacity));padding:20px}.color-scale-item[data-v-b3467bb3]{text-align:center}.color-preview[data-v-b3467bb3]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.color-preview[data-v-b3467bb3]:hover{--un-scale-x:1.05;--un-scale-y:1.05;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}