/**
 * @file
 * Position of the status messages wrapper.
 *
 * The wrapper sits in the end-end corner (bottom-right in LTR, bottom-left in
 * RTL). A corner dock coordinator, when a site has one, sets the custom
 * properties below to stack the messages with other floating corner widgets.
 * The fallbacks keep today's position without a coordinator.
 *
 * This is plain CSS instead of Tailwind utilities, so it also applies to the
 * wrapper that core's Drupal.Message creates from the fallback placeholder.
 */

[data-drupal-messages] {
  position: fixed;
  z-index: var(--drupal-dock-z, 50);
  inset-block-end: var(--drupal-dock-block-offset, calc(var(--spacing) * 4));
}

/* Below 40rem (Tailwind's sm breakpoint) the messages use the full width. */
@media (min-width: 40rem) {
  [data-drupal-messages] {
    inset-inline-end: var(--drupal-dock-inline-offset, calc(var(--spacing) * 4));
  }
}