.color-tool_colorPreview__jkCcX{width:100%;height:8rem;border-radius:.5rem;border:2px solid hsl(var(--border));box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06)}.color-tool_quickColorButton__ku7wh{width:3rem;height:3rem;border-radius:.5rem;border:2px solid hsl(var(--border));transition:transform .2s ease-in-out;cursor:pointer}.color-tool_quickColorButton__ku7wh:hover{transform:scale(1.1)}.color-tool_harmonyColorBox__wV4DA{width:3rem;height:3rem;border-radius:.25rem;border:1px solid hsl(var(--border))}.color-tool_dynamicColor__3FkjL{background-color:var(--color)}