/* @utility backdrop {
  position: fixed;
  inset: 0;
  z-index: 200;
  background-color: oklch(0% 0 0deg / 50%);
} */

/* // Note to self: */
/* // Need to create another Class to contain default z-index for Absolute Drawers — so this doesn't show above it. */

@utility drawer-content {
  overflow-y: auto;
  z-index: 100;

  &.fixed-leftfull {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }

  &.fixed-rightfull {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
}

@utility drawer-close-button {
  @apply button-icon;
}

/* Attributes */
/* open -> nonmodal. Needs for dialog to be visible */

/* Methods */
/* showmodal -> modal */
/* show -> non-modal */
/* close -> close */
/* Focus on first item otherwise */