@ozen-ui/kit/__inner__/esm/components/FormControlLabel/FormControlLabel.css

React component library

/* stylelint-disable */
.FormControlLabel {
  --form-control-label-gap: 0;
  display: inline-flex;
  cursor: pointer;
  vertical-align: top;
}
.FormControlLabel::after {
    display: inline-block;
    inline-size: 0;
    overflow: hidden;
    content: '\a0';
  }
.FormControlLabel-Content {
    margin: 0;
  }
.FormControlLabel_size_2xs {
      font: var(--typography-text-3xs-font);
      letter-spacing: var(--typography-text-3xs-letter_spacing, 0);
      text-transform: var(--typography-text-3xs-text_transform, none);

      --form-control-label-gap: var(--spacing-2xs);
    }
.FormControlLabel_size_xs {
      font: var(--typography-text-xs-font);
      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
      text-transform: var(--typography-text-xs-text_transform, none);

      --form-control-label-gap: var(--spacing-2xs);
    }
.FormControlLabel_size_s {
      font: var(--typography-text-s-font);
      letter-spacing: var(--typography-text-s-letter_spacing, 0);
      text-transform: var(--typography-text-s-text_transform, none);

      --form-control-label-gap: var(--spacing-2xs);
    }
.FormControlLabel_size_m {
      font: var(--typography-text-m-font);
      letter-spacing: var(--typography-text-m-letter_spacing, 0);
      text-transform: var(--typography-text-m-text_transform, none);

      --form-control-label-gap: var(--spacing-s);
    }
.FormControlLabel_size_l {
      font: var(--typography-text-l-font);
      letter-spacing: var(--typography-text-l-letter_spacing, 0);
      text-transform: var(--typography-text-l-text_transform, none);

      --form-control-label-gap: var(--spacing-s);
    }
.FormControlLabel_align_top {
      align-items: flex-start;
    }
.FormControlLabel_align_bottom {
      align-items: flex-end;
    }
.FormControlLabel_align_center {
      align-items: center;
    }
.FormControlLabel_labelPlacement_left {
      flex-direction: row-reverse;
    }
.FormControlLabel_labelPlacement_left .FormControlLabel-Content {
        margin-inline-end: var(--form-control-label-gap);
      }
.FormControlLabel_labelPlacement_right {
      flex-direction: row;
    }
.FormControlLabel_labelPlacement_right .FormControlLabel-Content {
        margin-inline-start: var(--form-control-label-gap);
      }
.FormControlLabel_disabled {
    cursor: default;
  }
.FormControlLabel_disabled .FormControlLabel-Content {
      color: var(--color-content-disabled);
    }