@charset "UTF-8";
/**
@todo модификаторы положения label
 */
.form-field__radio-control {
  display: none; }
  .form-field__radio-control:checked + label::before {
    --background-color: var(--default-red-color); }
  .form-field__radio-control:checked + label::after {
    --border-color: var(--default-red-color); }

.form-field__radio-label {
  display: inline-block;
  padding-right: calc(var(--space) * 1.5);
  margin-bottom: 0;
  position: relative;
  font-size: var(--default-form-label-font-size);
  color: var(--default-form-label-color);
  line-height: var(--space);
  vertical-align: middle;
  min-width: var(--space);
  min-height: var(--space); }
  .form-field__radio-label::before {
    --background-color: transparent;
    display: block;
    content: '';
    width: calc(var(--space) - 8px);
    height: calc(var(--space) - 8px);
    background: var(--background-color);
    border-radius: 50%;
    position: absolute;
    right: calc((var(--space)/ 2) - ((var(--space) - 8px) / 2));
    top: calc((var(--space)/ 2) - ((var(--space) - 8px) / 2)); }
  .form-field__radio-label::after {
    --border-color: var(--default-border-color);
    display: block;
    content: '';
    width: var(--space);
    height: var(--space);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 2px solid var(--border-color);
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0; }