/**
 * Failed to minify the file using clean-css v5.3.3. Serving the original version.
 * Original file: /npm/toast-queue@1.0.0-alpha.29/dist/toast-queue.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
@layer toast-queue {
  :root:has(toast-queue:popover-open) {
    /* Disable document-wide transitions. */
    view-transition-name: none;

    /* Keep the underlying page interactive while transitions are rendered. */
    &::view-transition {
      pointer-events: none;
    }
  }

  toast-queue {
    /* Popover reset */
    margin: unset;
    padding: unset;
    inset: unset;
    background-color: unset;
    border: unset;
    overflow: visible;

    /** Position **/
    --tq-offset: 1rem;
    --tq-offset-inline: var(--tq-offset);
    --tq-offset-block: var(--tq-offset);

    &[data-position^="top"] {
      inset-block-start: calc(var(--tq-offset-block) + env(safe-area-inset-top, 0px));
    }

    &[data-position^="bottom"] {
      inset-block-end: calc(var(--tq-offset-block) + env(safe-area-inset-bottom, 0px));
    }

    &[data-position$="-start"] {
      inset-inline-start: calc(var(--tq-offset-inline) + env(safe-area-inset-left, 0px));
    }

    &[data-position$="-end"] {
      inset-inline-end: calc(var(--tq-offset-inline) + env(safe-area-inset-right, 0px));
    }

    &[data-position="top-center"],
    &[data-position="bottom-center"] {
      inset-inline-start: calc(var(--tq-offset-inline) + env(safe-area-inset-left, 0px));
      inset-inline-end: calc(var(--tq-offset-inline) + env(safe-area-inset-right, 0px));
      margin-inline: auto;
    }

    /** Group */
    [data-part="group"] {
      /* Reset */
      margin: unset;
      padding: unset;
      list-style: none;

      /* The group is layout-transparent by default. Presets are responsible for defining the queue layout. */
      display: contents;
    }

    /**
     * Items beyond `visibleLimit` are flagged with `[data-hidden]`.
     *
     * The item owns queue state and layout. The toast surface is free to
     * contain only the visual presentation of the notification.
     */
    [data-part="item"] {
      &:is([data-swipeable]) {
        /* Ensure that pointer events work properly on touch devices. */
        touch-action: none;
      }
    }

    [data-part="item"][data-hidden] {
      display: none;
    }

    &:has([data-part="item"][data-dragging]) {
      /* Prevent content selection relevant for touch devices */
      user-select: none;
      -webkit-user-select: none;
    }

    /** Toast surface */
    [data-part="toast"] {
      background-color: Canvas;
      display: flex;
    }

    /** Toast content **/
    [data-part="content"] {
      display: flex;
      flex-direction: column;
      min-inline-size: 0;
    }
  }
}
/*$vite$:1*/