.rdg-color-area{outline:none}.rdg-color-area[data-size=small]{width:var(--colorarea-small-area-width);height:var(--colorarea-small-area-height);border-radius:var(--colorarea-small-area-borderRadius);border:1px solid hsl(var(--colorarea-small-colors-areaBorder))}.rdg-color-area[data-size=medium]{width:var(--colorarea-medium-area-width);height:var(--colorarea-medium-area-height);border-radius:var(--colorarea-medium-area-borderRadius);border:1px solid hsl(var(--colorarea-medium-colors-areaBorder))}.rdg-color-area[data-size=large]{width:var(--colorarea-large-area-width);height:var(--colorarea-large-area-height);border-radius:var(--colorarea-large-area-borderRadius);border:1px solid hsl(var(--colorarea-large-colors-areaBorder))}.rdg-color-area__thumb{outline:none;border-style:solid;cursor:grab;background-color:hsl(var(--_bg));border-color:hsl(var(--_border));box-shadow:var(--_shadow)}.rdg-color-area__thumb[data-dragging]{cursor:grabbing}.rdg-color-area__thumb[data-disabled]{cursor:not-allowed}.rdg-color-area[data-size=small] .rdg-color-area__thumb{width:var(--colorarea-small-thumb-size);height:var(--colorarea-small-thumb-size);border-radius:var(--colorarea-small-thumb-borderRadius);border-width:var(--colorarea-small-thumb-borderWidth);transition:var(--colorarea-small-transition-duration) var(--colorarea-small-transition-easing);--_bg:var(--colorarea-small-colors-thumbBackground);--_border:var(--colorarea-small-colors-thumbBorder);--_shadow:var(--colorarea-small-elevation-thumbShadow)}.rdg-color-area[data-size=medium] .rdg-color-area__thumb{width:var(--colorarea-medium-thumb-size);height:var(--colorarea-medium-thumb-size);border-radius:var(--colorarea-medium-thumb-borderRadius);border-width:var(--colorarea-medium-thumb-borderWidth);transition:var(--colorarea-medium-transition-duration) var(--colorarea-medium-transition-easing);--_bg:var(--colorarea-medium-colors-thumbBackground);--_border:var(--colorarea-medium-colors-thumbBorder);--_shadow:var(--colorarea-medium-elevation-thumbShadow)}.rdg-color-area[data-size=large] .rdg-color-area__thumb{width:var(--colorarea-large-thumb-size);height:var(--colorarea-large-thumb-size);border-radius:var(--colorarea-large-thumb-borderRadius);border-width:var(--colorarea-large-thumb-borderWidth);transition:var(--colorarea-large-transition-duration) var(--colorarea-large-transition-easing);--_bg:var(--colorarea-large-colors-thumbBackground);--_border:var(--colorarea-large-colors-thumbBorder);--_shadow:var(--colorarea-large-elevation-thumbShadow)}.rdg-color-area[data-size=small] .rdg-color-area__thumb[data-hovered]:not([data-disabled]):not([data-dragging]){--_border:var(--colorarea-small-colors-hoverThumbBorder)}.rdg-color-area[data-size=medium] .rdg-color-area__thumb[data-hovered]:not([data-disabled]):not([data-dragging]){--_border:var(--colorarea-medium-colors-hoverThumbBorder)}.rdg-color-area[data-size=large] .rdg-color-area__thumb[data-hovered]:not([data-disabled]):not([data-dragging]){--_border:var(--colorarea-large-colors-hoverThumbBorder)}.rdg-color-area[data-size=small] .rdg-color-area__thumb[data-dragging]:not([data-disabled]){--_border:var(--colorarea-small-colors-pressedThumbBorder)}.rdg-color-area[data-size=medium] .rdg-color-area__thumb[data-dragging]:not([data-disabled]){--_border:var(--colorarea-medium-colors-pressedThumbBorder)}.rdg-color-area[data-size=large] .rdg-color-area__thumb[data-dragging]:not([data-disabled]){--_border:var(--colorarea-large-colors-pressedThumbBorder)}.rdg-color-area[data-size=small] .rdg-color-area__thumb[data-disabled]{--_bg:var(--colorarea-small-colors-disabledThumbBackground);--_border:var(--colorarea-small-colors-disabledThumbBorder)}.rdg-color-area[data-size=medium] .rdg-color-area__thumb[data-disabled]{--_bg:var(--colorarea-medium-colors-disabledThumbBackground);--_border:var(--colorarea-medium-colors-disabledThumbBorder)}.rdg-color-area[data-size=large] .rdg-color-area__thumb[data-disabled]{--_bg:var(--colorarea-large-colors-disabledThumbBackground);--_border:var(--colorarea-large-colors-disabledThumbBorder)}.rdg-color-area[data-size=small] .rdg-color-area__thumb[data-focus-visible]:not([data-disabled]){--_shadow:var(--colorarea-small-elevation-focusRing),var(--colorarea-small-elevation-thumbShadow)}.rdg-color-area[data-size=medium] .rdg-color-area__thumb[data-focus-visible]:not([data-disabled]){--_shadow:var(--colorarea-medium-elevation-focusRing),var(--colorarea-medium-elevation-thumbShadow)}.rdg-color-area[data-size=large] .rdg-color-area__thumb[data-focus-visible]:not([data-disabled]){--_shadow:var(--colorarea-large-elevation-focusRing),var(--colorarea-large-elevation-thumbShadow)}