.color-picker {
  width: var(--wds-color-picker-width, 236px);
  border-radius: var(--wds-popover-border-radius, var(--wds-border-radius-200));
  padding: var(--wds-color-picker-padding-vertical, var(--wds-space-300))
    var(--wds-color-picker-padding-horizontal, var(--wds-space-400));

  &__preview {
    width: var(--wds-swatches-swatch-size-medium, var(--wds-space-800));
    height: var(--wds-swatches-swatch-size-medium, var(--wds-space-800));
    flex: 0 0 var(--wds-swatches-swatch-size-medium, var(--wds-space-800));
    border-radius: var(
      --wds-swatches-swatch-border-radius-medium,
      var(--wds-border-radius-200)
    );
  }

  &__converter &__color-model-switcher > :nth-child(1) {
    height: var(--wds-button-size-medium, var(--wds-space-800));
  }
}