*{margin:0;padding:0;box-sizing:border-box}.ml-5{margin-left:5px}.mr-5{margin-right:5px}.pd-10{padding:10px 0}.notification-container{position:fixed;top:20px;right:20px;z-index:9999}.custom-notification{padding:14px 26px 14px 13px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);background:#fff;margin-bottom:10px;overflow:hidden;transition:all .3s}.custom-notification,.notification-content{display:flex;align-items:center}.custom-notification i{margin-right:10px;font-size:16px}.custom-notification .message{font-size:14px;line-height:1}.custom-notification.success{background-color:#f0f9eb;border:1px solid #e1f3d8;color:#67c23a}.custom-notification.error{background-color:#fef0f0;border:1px solid #fde2e2;color:#f56c6c}.custom-notification.warning{background-color:#fdf6ec;border:1px solid #faecd8;color:#e6a23c}.custom-notification.info{background-color:#f4f4f5;border:1px solid #e9e9eb;color:#909399}.custom-notification.loading{background-color:#f0f9ff;border:1px solid #d9ecff;color:#409eff}.notification-fade-enter-active,.notification-fade-leave-active{transition:all .3s}.notification-fade-enter,.notification-fade-leave-to{opacity:0;transform:translateX(100%)}