.m_b37d9ac7 {
  width: calc(100% - var(--mantine-spacing-md) * 2);
  position: fixed;
  z-index: var(--notifications-z-index);
  max-width: var(--notifications-container-width);
}

  .m_b37d9ac7:where([data-position='top-center']) {
    top: var(--mantine-spacing-md);
    left: 50%;
    transform: translateX(-50%);
  }

  .m_b37d9ac7:where([data-position='top-left']) {
    top: var(--mantine-spacing-md);
    left: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='top-right']) {
    top: var(--mantine-spacing-md);
    right: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='bottom-center']) {
    bottom: var(--mantine-spacing-md);
    left: 50%;
    transform: translateX(-50%);
  }

  .m_b37d9ac7:where([data-position='bottom-left']) {
    bottom: var(--mantine-spacing-md);
    left: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='bottom-right']) {
    bottom: var(--mantine-spacing-md);
    right: var(--mantine-spacing-md);
  }

.m_5ed0edd0:where(.m_5ed0edd0 + .m_5ed0edd0) {
    margin-top: var(--mantine-spacing-md);
  }

:where([data-layout='stacked']) .m_5ed0edd0 {
    margin-top: 0;
  }

.m_b37d9ac7:where([data-layout='stacked']) > * {
    display: grid;
  }

.m_836192 {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 100%;
  height: calc(0.1875rem * var(--mantine-scale));
  background-color: var(--notification-color);
  transform: scaleX(0);
  transform-origin: left center;
  transition: opacity 200ms ease;
  animation:
    m_5f780017 var(--notifications-progress-duration) linear forwards,
    m_bb245a60 200ms ease;
}

[dir="rtl"] .m_836192 {
    transform-origin: right center;
}

.m_836192:where([data-paused]) {
    opacity: 0;
    animation-play-state: paused, running;
  }

@keyframes m_5f780017 {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@keyframes m_bb245a60 {
  from {
    opacity: 0;
  }
}