@layer env.components {
  .env-description-list {
    display: grid;
    grid-template-columns: minmax(min-content, max-content) minmax(0, 1fr);
    gap: var(--env-space-2) var(--env-space-4);
    margin: 0;
    font: var(--env-type-body-sm);
    color: var(--env-color-fg-default);
  }
  .env-description-list[data-size='md'] {
    gap: var(--env-space-3) var(--env-space-5);
    font: var(--env-type-body);
  }
  .env-description-list-item {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
    align-items: baseline;
  }
  .env-description-list-label {
    color: var(--env-color-fg-muted);
    overflow-wrap: normal;
    word-break: normal;
  }
  .env-description-list-value {
    min-inline-size: 0;
    margin: 0;
    overflow-wrap: break-word;
  }
  .env-description-list[data-layout='auto'] {
    container: env-description-list / inline-size;
  }
  .env-description-list[data-layout='stacked'] .env-description-list-item {
    display: flex;
    flex-direction: column;
    gap: var(--env-space-1);
  }
  .env-description-list[data-layout='stacked']
    .env-description-list-item
    + .env-description-list-item {
    margin-block-start: var(--env-space-2);
  }
  @container env-description-list (width < 18rem) {
    .env-description-list[data-layout='auto'] .env-description-list-item {
      display: flex;
      flex-direction: column;
      gap: var(--env-space-1);
    }
    .env-description-list[data-layout='auto']
      .env-description-list-item
      + .env-description-list-item {
      margin-block-start: var(--env-space-2);
    }
  }
  .env-description-list[data-controls] .env-description-list-item {
    align-items: start;
  }
  .env-description-list[data-controls] .env-description-list-value {
    display: flex;
    align-items: center;
    min-block-size: var(--env-control-height-sm);
  }
  .env-description-list[data-controls] .env-description-list-label {
    padding-block: calc((var(--env-control-height-sm) - 1lh) / 2);
  }
  .env-description-list[data-controls][data-layout='stacked'] .env-description-list-label {
    padding-block: 0;
  }
  @container env-description-list (width < 18rem) {
    .env-description-list[data-controls][data-layout='auto'] .env-description-list-label {
      padding-block: 0;
    }
  }
}