.#{$ns}ColorField {
  display: flex;
  align-items: center;

  &-previewIcon {
    display: inline-block;
    vertical-align: middle;
    // Jay
    // width: px2rem(16px);
    // height: px2rem(16px);
    width: 60px;
    height: 20px;
    box-shadow: var(--boxShadowSm);
    background: #ccc;
  }

  &-value {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
  }
}