.notification-wrapper{position:fixed;display:flex;flex-direction:column-reverse;row-gap:10px;z-index:1000}@media(max-width:549px){.notification-wrapper{top:24px!important;right:calc($indent / 2)!important;left:calc($indent / 2)!important}}.notification-wrapper--top-left,.notification-wrapper--top-right{top:24px}.notification-wrapper--bottom-left,.notification-wrapper--bottom-right{bottom:24px}.notification-wrapper--bottom-right,.notification-wrapper--top-right{right:24px}.notification-wrapper--bottom-right .notification,.notification-wrapper--top-right .notification{transform:translateX(calc(100% + 24px))}.notification-wrapper--bottom-right .notification--closing,.notification-wrapper--top-right .notification--closing{animation:close-notification-right-side .4s linear forwards}.notification-wrapper--bottom-left,.notification-wrapper--top-left{left:24px}.notification-wrapper--bottom-left .notification,.notification-wrapper--top-left .notification{transform:translateX(calc(-100% - 24px))}.notification-wrapper--bottom-left .notification--closing,.notification-wrapper--top-left .notification--closing{animation:close-notification-left-side .4s linear forwards}.notification{position:relative;display:grid;grid-template-columns:24px auto;gap:12px;padding:24px;width:360px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px 0 rgba(36,36,36,.05),0 8px 40px 0 rgba(255,255,255,.05);animation:show-notification .4s ease-in-out forwards}@media(max-width:549px){.notification{width:100%}}.notification-text{display:grid;grid-template-columns:1fr;row-gap:4px}.notification-close__button{position:absolute;top:16px;right:16px;width:20px;height:20px;cursor:pointer}.notification--attention .notification-icon{color:#ff4c5c}@keyframes show-notification{to{transform:translateX(0)}}@keyframes close-notification-left-side{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 24px))}}@keyframes close-notification-right-side{0%{transform:translateX(0)}to{transform:translateX(calc(100% + 24px))}}