wa-drawer {
  --spacing: var(--op-space-small) var(--op-space-medium);

  /* Header */

  &::part(header) {
    padding: var(--spacing);
  }

  &::part(close-button) {
    display: none;
  }

  &::part(title) {
    display: none;
  }

  &::part(body) {
    padding-block-start: 0;
    padding-block-end: var(--op-space-3x-large);
  }

  /* Footer */

  &::part(footer) {
    padding: var(--spacing);
    box-shadow: var(--op-border-top) var(--op-color-border);
  }
}

/* Sheet */

wa-drawer.sheet {
  --_co-drawer-sheet-radius: 35px;

  --size: 100vh;

  .sheet__title {
    margin: 0;
    font-weight: var(--op-font-weight-medium);
    font-size: var(--op-font-large);
    text-align: center;
  }

  &::part(title) {
    display: none;
  }

  &::part(header-actions) {
    width: 100%;
    padding: 0;
  }

  .sheet__navbar {
    flex: 1;
    display: grid;
    grid-template-columns: 5rem 1fr 5rem;
    align-items: center;

    :nth-child(3) {
      margin-inline-start: auto;
    }
  }

  /* Body */

  &::part(dialog) {
    border-start-start-radius: var(--_co-drawer-sheet-radius);
    border-start-end-radius: var(--_co-drawer-sheet-radius);
  }

  /* Assumes Delete is on the left */
  .button_to:has(.btn.btn--destructive) {
    margin-inline-end: auto;
  }
}