.arco-notification-list{position:fixed;z-index:1003;margin:0;padding-left:0}.arco-notification-list-top-left{top:20px;left:20px}.arco-notification-list-top-right{top:20px;right:20px}.arco-notification-list-top-right .arco-notification{margin-left:auto}.arco-notification-list-bottom-left{bottom:20px;left:20px}.arco-notification-list-bottom-right{right:20px;bottom:20px}.arco-notification-list-bottom-right .arco-notification{margin-left:auto}.arco-notification{position:relative;display:flex;box-sizing:border-box;width:340px;padding:20px;overflow:hidden;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);box-shadow:0 4px 12px #00000026;opacity:1;transition:opacity .2s cubic-bezier(0,0,1,1)}.arco-notification:not(:last-child){margin-bottom:20px}.arco-notification-icon{display:flex;align-items:center;font-size:24px}.arco-notification-info{background-color:var(--color-bg-popup);border-color:var(--color-neutral-3)}.arco-notification-info .arco-notification-icon{color:rgb(var(--primary-6))}.arco-notification-success{background-color:var(--color-bg-popup);border-color:var(--color-neutral-3)}.arco-notification-success .arco-notification-icon{color:rgb(var(--success-6))}.arco-notification-warning{background-color:var(--color-bg-popup);border-color:var(--color-neutral-3)}.arco-notification-warning .arco-notification-icon{color:rgb(var(--warning-6))}.arco-notification-error{background-color:var(--color-bg-popup);border-color:var(--color-neutral-3)}.arco-notification-error .arco-notification-icon{color:rgb(var(--danger-6))}.arco-notification-left{padding-right:16px}.arco-notification-right{flex:1;word-break:break-word}.arco-notification-title{color:var(--color-text-1);font-weight:500;font-size:16px}.arco-notification-title+.arco-notification-content{margin-top:4px}.arco-notification-content{color:var(--color-text-1);font-size:14px}.arco-notification-info .arco-notification-title,.arco-notification-info .arco-notification-content,.arco-notification-success .arco-notification-title,.arco-notification-success .arco-notification-content,.arco-notification-warning .arco-notification-title,.arco-notification-warning .arco-notification-content,.arco-notification-error .arco-notification-title,.arco-notification-error .arco-notification-content{color:var(--color-text-1)}.arco-notification-footer{margin-top:16px;text-align:right}.arco-notification-close-btn{position:absolute;top:12px;right:12px;color:var(--color-text-1);font-size:12px;cursor:pointer}.arco-notification-close-btn>svg{position:relative}.arco-notification .arco-icon-hover.arco-notification-icon-hover:before{width:20px;height:20px}.slide-left-notification-enter-from,.slide-left-notification-appear-from{transform:translate(-100%)}.slide-left-notification-enter-to,.slide-left-notification-appear-to{transform:translate(0)}.slide-left-notification-enter-active,.slide-left-notification-appear-active{transition:transform .4s cubic-bezier(.3,1.3,.3,1)}.slide-left-notification-leave-from{opacity:1}.slide-left-notification-leave-to{height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0}.slide-left-notification-leave-active{transition:all .3s cubic-bezier(.34,.69,.1,1)}.slide-right-notification-enter-from,.slide-right-notification-appear-from{transform:translate(100%)}.slide-right-notification-enter-to,.slide-right-notification-appear-to{transform:translate(0)}.slide-right-notification-enter-active,.slide-right-notification-appear-active{transition:transform .4s cubic-bezier(.3,1.3,.3,1)}.slide-right-notification-leave-from{opacity:1}.slide-right-notification-leave-to{height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0}.slide-right-notification-leave-active{transition:all .3s cubic-bezier(.34,.69,.1,1)}