.picocss-scope {
  padding: 32px;

  button {
    &:disabled {
      pointer-events: all !important;
    }
    &[aria-invalid="true"]:before {
      content: "";
      display: inline-block;
      width: 1em;
      height: 1em;
      background-image: var(--pico-icon-invalid);
      background-size: 1em auto;
      background-repeat: no-repeat;
      vertical-align: -.125em;
      margin-inline-end: calc(var(--pico-spacing)* .5);
    }
  }

  .field {
    margin-bottom: var(--pico-spacing);

    label:not(:has(input)) {
      font-weight: bold;
    }
    label[aria-invalid="true"] {
      color: var(--pico-del-color);
    }

    &:has([aria-invalid="true"]) small {
      color: var(--pico-del-color);
    }
  }

  .sub-form {
    /* BEGIN: Copied from 'Card' styles */
    margin-bottom: var(--pico-block-spacing-vertical);
    padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
    border-radius: var(--pico-border-radius);
    background: var(--pico-card-background-color);
    box-shadow: var(--pico-card-box-shadow);
    /* END: Copied from 'Card' styles */

    &[data-deletable="true"] {
      display: grid;
      align-items: start;
      gap: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
      grid-template-columns: 1fr auto;
    }
  }
}
