/* stylelint-disable */
@layer drv.components.status {
  .drv-status {
    font-size: var(--drv-font-label-02-sm-font-size, 0.875rem);
    line-height: var(--drv-font-label-02-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-label-02-sm-letter-spacing, 0.5px);
    font-weight: var(--drv-font-label-02-sm-font-weight, var(--drv-font-weight-normal, 400));
    display: flex;
    min-block-size: calc(1.5rem + var(--drv-spacing-02, 0.5rem));
    padding-block: var(--drv-spacing-02, 0.25rem);
    padding-inline: var(--drv-spacing-03, 0.5rem);
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    gap: var(--drv-spacing-03, 0.5rem);
  }
  @media (min-width: 64.0625rem) {
    .drv-status {
      font-size: var(--drv-font-label-02-lg-font-size, 0.9375rem);
      line-height: var(--drv-font-label-02-lg-line-height, 1.5333333333);
    }
  }
  .drv-status--inline {
    display: inline-flex;
    inline-size: fit-content;
  }
  .drv-status--condensed {
    min-block-size: 1em;
    padding-block: 0;
    padding-inline: var(--drv-spacing-01, 0.125rem);
  }
  .drv-status--ui-01 {
    background-color: var(--drv-color-ui-01, #ffffff);
    color: var(--drv-color-text-01, #000000);
  }
  .drv-status--ui-02 {
    background-color: var(--drv-color-ui-02, #d3db2b);
    color: var(--drv-color-text-01, #000000);
  }
  .drv-status--ui-04 {
    background-color: var(--drv-color-ui-04, #b4c1d0);
    color: var(--drv-color-text-01, #000000);
  }
  .drv-status--ui-05 {
    background-color: var(--drv-color-ui-05, #e1e6ec);
    color: var(--drv-color-text-01, #000000);
  }
  .drv-status--ui-09 {
    background-color: var(--drv-color-ui-09, #000000);
    color: var(--drv-color-text-02, #ffffff);
  }
  .drv-status--alert {
    background-color: var(--drv-color-interactive-state-error-01, #c9193d);
    color: var(--drv-color-text-02, #ffffff);
  }
  .drv-status--warning {
    background-color: var(--drv-color-interactive-state-warning-01, #f9ca1e);
    color: var(--drv-color-text-01, #000000);
  }
  .drv-status--success {
    background-color: var(--drv-color-interactive-state-success-01, #048a01);
    color: var(--drv-color-text-01, #000000);
  }
  .drv-status__icon {
    flex-basis: var(--drv-spacing-06, 1.5rem);
    flex-shrink: 0;
  }
  .drv-status__text {
    margin-block-start: var(--drv-spacing-01, 0.125rem);
  }
  @media (min-width: 64.0625rem) {
    .drv-status__text {
      margin-block-start: 0;
    }
  }
}