@charset "UTF-8";
/**
@todo модификаторы положения label
 */
.form-field__checkbox {
  width: auto; }
  .form-field__checkbox-control {
    display: none; }
    .form-field__checkbox-control:checked + label::before {
      --background-color: var(--default-red-color); }
    .form-field__checkbox-control:checked + label::after {
      --border-color: var(--default-red-color); }
    .form-field__checkbox-control:disabled + label::before {
      --background-color: var(--default-disabled-grey-color); }
    .form-field__checkbox-control:disabled + label::after {
      --border-color: var(--default-disabled-grey-color); }
  .form-field__checkbox-label {
    display: inline-block;
    padding-right: var(--form-field-checkbox-label-padding-right, calc(var(--space) * 1.5));
    padding-left: var(--form-field-checkbox-label-padding-left, 0);
    margin-bottom: 0;
    position: relative;
    font-size: var(--form-field-checkbox-label-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__checkbox-label::before {
      --background-color: transparent;
      display: block;
      content: '';
      width: calc(var(--space) - 8px);
      height: calc(var(--space) - 8px);
      background: var(--background-color);
      position: absolute;
      right: var(--form-field-checkbox-label-before-right, calc((var(--space)/ 2) - ((var(--space) - 8px) / 2)));
      left: var(--form-field-checkbox-label-before-left, auto);
      top: 50%;
      margin-top: calc((var(--space) - 8px) / 2 * -1); }
    .form-field__checkbox-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);
      position: absolute;
      right: var(--form-field-checkbox-label-after-right, 0);
      left: var(--form-field-checkbox-label-after-left, auto);
      top: 50%;
      margin-top: calc(var(--space) / 2 * -1); }
  .form-field__checkbox_is_label_after {
    --form-field-checkbox-label-padding-right: 0;
    --form-field-checkbox-label-padding-left: calc(var(--space) * 1.5);
    --form-field-checkbox-label-before-right: auto;
    --form-field-checkbox-label-before-left: calc((var(--space)/ 2) - ((var(--space) - 8px) / 2));
    --form-field-checkbox-label-after-right: auto;
    --form-field-checkbox-label-after-left: 0; }