
.lego-radio-group
  display: inline-flex

  &__control
    display: none

  &__content
    display: block
    user-select: none
    box-sizing: border-box

  &-item_plain &__content
    height: 32px
    white-space: nowrap
    text-align: center
    padding: 6px 24px 6.5px

  &-item
    display: block
    border: 2px solid #efefef
    border-right: none
    padding: 0
    padding-right: 2px
    margin-left: -2px
    cursor: pointer
    box-sizing: border-box
    overflow: hidden

    &:first-child
      border-radius: 4px 0 0 4px
      margin-left: 0

    &:last-child
      border-right: 2px solid #efefef
      border-radius: 0 4px 4px 0
      padding-right: 0

    &_selected
      background-color: rgba(#fc0, .05)
      border-color: rgba(#fc0, .8)
      border-right: 2px solid rgba(#fc0, .8)
      padding-right: 0
      z-index: 10000

    &_selected + &
      border-left: none
      padding-left: 2px

    &_selected:last-child
      border-right-color: rgba(#fc0, .8)

  &_disabled
    opacity: .5

  &_disabled &-item
    cursor: default

  &_opaque
    background: #f4f4f4
    border-radius: 4px

  &_opaque &-item
    border-color: #f4f4f4

    &_selected
      background: #fed546
      border-radius: 4px
