/* sass-lint:disable class-name-format */
@import '~@s-ui/theme/lib/settings-compat-v7/index';
@import '~@s-ui/theme/lib/index';

.sui-FormRadioList {
  @include reset-list;

  &-label {
    background-color: $bgc-radio-list;
    border: $bd-radio-list;
    border-right: 0;
    display: inline-block;
    padding: $p-radio-list;

    &.is-active {
      background-color: $bgc-radio-list-checked;
      color: $c-radio-list-checked;
    }

    &:first-child {
      border-bottom-left-radius: $bdrs-radio-list;
      border-top-left-radius: $bdrs-radio-list;
    }

    &:last-child {
      border-bottom-right-radius: $bdrs-radio-list;
      border-right: $bd-radio-list;
      border-top-right-radius: $bdrs-radio-list;
    }
  }

  &-input {
    display: none;
  }
}