@import '../../theme/formStyles.less';
@import (reference) '../../theme/index.less';

.defaultContainer {
  display: flex;
  align-items: center;
}

input.radioInput[type='radio'] {
  .basicInputStyle;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
  padding: 0 !important;
  &:checked {
    background-color: @sbm-blue;
  }
  &:checked::before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: @white;
    content: '';
    box-shadow: 0 0 3px 0 darken(@sbm-blue, 20%);
  }
  &:focus {
    outline: none;
  }
}