.ChoiceGroup {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  border-radius: var(--choice-radius);
}

  .ChoiceGroup_size_m {
      --choice-height: var(--space-3xl);
      --choice-font-size: var(--control-text-size-xs);
      --choice-space: var(--control-space-s);
    }

  .ChoiceGroup_size_l {
      --choice-height: var(--space-3xl);
      --choice-font-size: var(--control-text-size-3xl);
      --choice-space: var(--control-space-s);
    }

  .ChoiceGroup_form_default {
      --divider-height: 0;
      --divider-width: 0;
      --choice-radius: var(--control-radius);
    }

  .ChoiceGroup_view_primary {
      background: var(--color-cultured);
      padding: var(--space-2xs);
      --choice-bg-color: var(--color-control-bg-primary);
      --choice-bg-color-hover: var(--color-blue-primary-light10);
      --choice-text-color: #fff;
      text-transform: uppercase;
      letter-spacing: 0.6px;
    }

  .ChoiceGroup_view_primary.ChoiceGroup_inverted {
        color: var(--color-reach-black);
      }

  .ChoiceGroup_view_secondary {
      background: var(--color-platinum);
      padding: var(--space-2xs);
      --choice-bg-color: var(--color-control-bg-primary);
      --choice-bg-color-hover: var(--color-blue-primary-light);
      --choice-text-color: #fff;
      --choice-text-color-hover: #fff;
      text-transform: uppercase;
      letter-spacing: 0.6px;
    }

  .ChoiceGroup_view_secondary.ChoiceGroup_inverted {
        color: var(--color-reach-black);
      }

  .ChoiceGroup_view_ghost {
      -ms-flex-flow: wrap;
          flex-flow: wrap;
      --choice-text-color: var(--color-turquise);
    }

  .ChoiceGroup_view_ghost .ChoiceGroup-Label {
        -webkit-box-flex: initial;
            -ms-flex-positive: initial;
                flex-grow: initial;
      }

  .ChoiceGroup-Label {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: var(--choice-height);
    padding: 0 var(--choice-space) 0 var(--choice-space);
    color: var(--color-control-typo-default);
    border-radius: var(--choice-radius);
    font-size: var(--choice-font-size);
    font-weight: var(--font-weight-text-bold);
    line-height: calc(var(--choice-height) - var(--control-border-width) * 2);
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background-color 0.15s ease, color 0.15s ease,
      fill 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: background-color 0.15s ease, color 0.15s ease,
      fill 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease,
      fill 0.15s ease;
    transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease,
      fill 0.15s ease, -webkit-box-shadow 0.15s ease;
  }

  .ChoiceGroup-Label:after {
      content: attr(data-counter);
      font-size: var(--control-text-size-s);
      margin-top: -12px;
      margin-left: 4px;
    }

  .ChoiceGroup-Label_disabled {
      opacity: 0.5;
      pointer-events: none;
    }

  .ChoiceGroup-Input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    opacity: 0;
  }

  .ChoiceGroup-Label:not(.ChoiceGroup-Label_checked):hover {
      background-color: var(--choice-bg-color-hover);
      color: var(--choice-text-color-hover);
    }

  .ChoiceGroup-Label_checked {
    color: var(--choice-text-color);
    background-color: var(--choice-bg-color);
  }

  .ChoiceGroup-Label_checked + .ChoiceGroup-Label::after {
      background-color: transparent;
    }

  .ChoiceGroup-Text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ChoiceGroup:not(.ChoiceGroup_onlyIcon) .ChoiceGroup-Icon {
    margin-right: calc(var(--choice-space) * 0.5);
  }

  .ChoiceGroup_onlyIcon .ChoiceGroup-Label {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: calc(var(--choice-height) + var(--control-border-width) * 2);
      padding: 0;
      padding-right: var(--control-border-width);
    }

  .ChoiceGroup_width_full {
      width: 100%;
    }
