{"version":3,"file":"Notifications.module.mjs","names":[],"sources":["../src/Notifications.module.css"],"sourcesContent":[".root {\n  width: calc(100% - var(--mantine-spacing-md) * 2);\n  position: fixed;\n  z-index: var(--notifications-z-index);\n  max-width: var(--notifications-container-width);\n\n  &:where([data-position='top-center']) {\n    top: var(--mantine-spacing-md);\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  &:where([data-position='top-left']) {\n    top: var(--mantine-spacing-md);\n    left: var(--mantine-spacing-md);\n  }\n\n  &:where([data-position='top-right']) {\n    top: var(--mantine-spacing-md);\n    right: var(--mantine-spacing-md);\n  }\n\n  &:where([data-position='bottom-center']) {\n    bottom: var(--mantine-spacing-md);\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  &:where([data-position='bottom-left']) {\n    bottom: var(--mantine-spacing-md);\n    left: var(--mantine-spacing-md);\n  }\n\n  &:where([data-position='bottom-right']) {\n    bottom: var(--mantine-spacing-md);\n    right: var(--mantine-spacing-md);\n  }\n}\n\n.notification {\n  &:where(& + &) {\n    margin-top: var(--mantine-spacing-md);\n  }\n\n  :where([data-layout='stacked']) & {\n    margin-top: 0;\n  }\n}\n\n.root:where([data-layout='stacked']) {\n  & > * {\n    display: grid;\n  }\n}\n\n.progress {\n  position: absolute;\n  bottom: 0;\n  inset-inline-start: 0;\n  width: 100%;\n  height: 3px;\n  background-color: var(--notification-color);\n  transform: scaleX(0);\n  transform-origin: left center;\n  transition: opacity 200ms ease;\n  animation:\n    notifications-progress var(--notifications-progress-duration) linear forwards,\n    notifications-progress-fade-in 200ms ease;\n\n  @mixin rtl {\n    transform-origin: right center;\n  }\n\n  &:where([data-paused]) {\n    opacity: 0;\n    animation-play-state: paused, running;\n  }\n}\n\n@keyframes notifications-progress {\n  from {\n    transform: scaleX(0);\n  }\n\n  to {\n    transform: scaleX(1);\n  }\n}\n\n@keyframes notifications-progress-fade-in {\n  from {\n    opacity: 0;\n  }\n}\n"],"mappings":""}