@prefix-cls: ~'@{namespace}-content-main';

 html[data-theme='dark'] {
  .@{prefix-cls}{
    background-color: @content-bg-dark;

    &-border{
      border-color: @border-color-dark;
    }
  }
}

 .@{prefix-cls}{
  transition: all 0.25s ease-in-out;
  background-color: #fff;

  .icon-btn {
    display: flex;
    align-items: center;
    button:not(:last-child) {
      margin-right: 8px;
    }
  }

  .iking-search-form {
    .ant-input-prefix {
      margin-right: 8px;
      color: var(--theme-main-color);
    }

    input:not(:placeholder-shown) {
      border-color: var(--theme-main-color) !important;
    }

    .ant-input-affix-wrapper {
      border-color: var(--theme-main-color);
    }
  }

  [data-theme='dark'] .content-header-icon-btn {
    i {
      color: @icon-dark-color;
    }
  }
}