.notification-container{position:fixed;z-index:10001;display:flex;flex-direction:column;gap:16px;width:auto;margin:16px;height:100px}.notification-container[data-position^="top-"]{top:0}.notification-container[data-position^="bottom-"]{bottom:0}.notification-container[data-position$="-right"]{right:0}.notification-container[data-position$="-left"]{left:0}.notification-container[data-position$="-center"]{left:50%;transform:translateX(-50%)}.notification{min-height:50px;width:auto;box-sizing:border-box;position:relative;background:rgb(255,255,255);color:#000;padding:16px 26px 16px 16px;border-radius:4px;font-size:14px;font-family:sans-serif;cursor:pointer;overflow:hidden;transition:transform 350ms cubic-bezier(.68,-.55,.265,1.55);box-shadow:rgba(0,0,0,.35) 0 5px 15px}.notification-container[data-position$="-right"] .notification{transform:translateX(110%)}.notification-container[data-position$="-left"] .notification{transform:translateX(-110%)}.notification-container[data-position="top-center"] .notification{transform:translateY(-100vh)}.notification-container[data-position="bottom-center"] .notification{transform:translateY(100vh)}.notification-container .notification.show{transform:translate(0,0)}.notification.progress::before{content:"";position:absolute;bottom:0;right:0;left:0;width:calc(100% * var(--progress));height:4px;background:#7fc4d3}.notification.can-close::after{content:"\00D7";position:absolute;top:11px;right:5px;font-size:22px;color:red}