@use 'sass:map';

@import '../../style//variable.scss';
@import './token';

.#{$namespace} {
  &-tag {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    color: rgb(0 0 0 / 85%);
    font-weight: 400;
    white-space: nowrap;
    background-color: rgb(225 236 254 / 100%);

    &--medium {
      height: map.get($map: $tag-size, $key: medium);
      padding: 5px $spacing-6;
      font-size: 12px;
      border-radius: map.get($map: $tag-radius, $key: medium);
    }
  }
}