@import '~@cainiaofe/cn-ui-m-theme/token.px.scss';

.#{$hashClassName}.cn-ui-m-i18n-select {
  width: $m-s-24;
  height: $m-s-24;
  --cn-select-drawer-medium-padding-tb: 0;
  --cn-select-drawer-padding-lr: 0;

  .cn-ui-m-i18n-select {
    .cn-ui-m-selectdrawer-content {
      display: flex;
    }

    &-icon {
      width: $m-s-24;
      height: $m-s-24;
      border: $m-s-1 solid $m-color-bg-light;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: $m-color-bg-white;
      color: $m-color-text-title1;

      &.cn-ui-m-i18n-select-inverse {
        color: $m-color-bg-white;
        border: none;
        background-color: rgba(0, 0, 0, 0.5);
      }
    }
  }
}