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

.#{$namespace} {
  &-selector {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    gap: 8px;
  }

  &-selector-option {
    padding-left: 16px;
    padding-right: 16px;

    height: 32px;
    line-height: 32px;

    background: rgba(0,0,0,0.05);
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,0.05);

    font-weight: 500;
    font-size: 14px;
    color: rgba(0,0,0,0.65);

    text-align: center;

    cursor: pointer;

    &--active {
      border-color: #0067EE;
      background: rgba(0,103,238,0.05);
      color: #0067EE;
    }
  }
}