/**
 *
 * This file may have been modified by Bytedance Inc. (“Bytedance Inc.'s Modifications”). 
 * All Bytedance Inc.'s Modifications are Copyright (year) Bytedance Inc..  
 * 
 * This source code is licensed under the Apache license.
 * See LICENSE file in the project root for license information.
 *
 */
@import '../../../styles/variables.less';
@import '../../../styles/mixins.less';

@import './variables.less';
@import './mixins.less';

@badge-prefix-cls: ~'@{ant-prefix}-badge';

.@{badge-prefix-cls} {
  &-count:not(.sp-null) {
    padding: 0 4px;
  }

  &.@{badge-prefix-cls}-top-right:not(&-not-a-wrapper) {
    .@{badge-prefix-cls}-count,
    .@{badge-prefix-cls}-dot {
      transform: translate(50%, -50%);
    }

    &.@{badge-prefix-cls}-outer {
      .@{badge-prefix-cls}-count {
        transform: translate(100%, -50%);
      }

      .@{badge-prefix-cls}-dot {
        transform: translate(100%, 0);
      }
    }

    &.@{badge-prefix-cls}-inner {
      .@{badge-prefix-cls}-count {
        right: 14.6%; // 徽标圆心从容器右上角向内切圆的边移动的距离
        top: 14.6%;
      }

      .@{badge-prefix-cls}-dot {
        right: 14.6%;
        top: 14.6%;
      }
    }
  }
}