.notifications-wrapper{display:flex;margin:0;max-height:200px;overflow:visible;padding:0;width:100%}.notifications-content{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 1px 2px #0000004d;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:14px;margin:5px;padding:14px 35px 14px 16px;position:relative;text-align:left;width:100%}.notifications-content .left-side{background:linear-gradient(125deg,#007bff,#4fa4ff,#4fa4ff,#007bff);background-color:#4fa4ff;border-bottom-right-radius:10px;border-top-right-radius:10px;height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.notifications-content .left-side.success{background:linear-gradient(125deg,#2eaf1d,#95f5b0,#95f5b0,#2eaf1d)}.notifications-content .left-side.warn{background:linear-gradient(125deg,#ffca38,#f6b93b,#f6b93b,#ffca38)}.notifications-content .left-side.error{background:linear-gradient(125deg,#e52b2b,#e34d4d,#e34d4d,#e52b2b)}.notifications-content .notifications-title{color:#2b2b2b;font-weight:600;line-height:1.2;margin-bottom:10px}.notifications-content .notifications-text{color:#1c1c1c;font-size:14px;line-height:1.2;white-space:pre-line}.notifications-content .notifications-link{border-radius:5px;box-shadow:0 1px 2px #0000004d;color:#1c1c1c;font-size:12px;font-weight:500;margin-top:10px;padding:2px 6px;transition-duration:.2s;transition-property:color,background-color;transition-timing-function:ease-in-out}.notifications-content .notifications-link:hover{background-color:#f7f7f799;color:#72abff}.notifications-content .notifications-close{border-radius:50%;box-shadow:0 1px 2px #0000004d;cursor:pointer;height:20px;position:absolute;right:15px;top:10px;transition-duration:.2s;transition-property:background-color;transition-timing-function:ease-in-out;width:20px;z-index:2}.notifications-content .notifications-close:hover{background-color:#f7f7f726}.notifications-content .notifications-close:hover:after,.notifications-content .notifications-close:hover:before{background-color:#e34d4d}.notifications-content .notifications-close:after,.notifications-content .notifications-close:before{background-color:#000;border-radius:5px;content:"";height:2px;left:50%;position:absolute;top:50%;transition:background-color .2s ease;width:66%}.notifications-content .notifications-close:before{transform:translate(-50%,-50%) rotate(45deg)}.notifications-content .notifications-close:after{transform:translate(-50%,-50%) rotate(-45deg)}@media(max-width:768px){.notifications-content{box-shadow:unset}}.notifications{display:block;position:fixed;right:40px;top:40px;width:380px;z-index:5000}.notifications .notify-enter-active,.notifications .notify-leave-active{transition:all .3s}.notifications .notify-enter-from{opacity:0;transform:scale(0)}.notifications .notify-leave-to{max-height:0;opacity:0;transform:scale(0)}@media(max-width:768px){.notifications{bottom:10px;left:0;right:unset;top:unset;width:100%}}