.arco-notification-wrapper{z-index:1003;position:fixed}.arco-notification-wrapper-topLeft{top:20px;left:20px}.arco-notification-wrapper-topRight{top:20px;right:20px}.arco-notification-wrapper-topRight .arco-notification{margin-left:auto}.arco-notification-wrapper-bottomLeft{bottom:20px;left:20px}.arco-notification-wrapper-bottomRight{bottom:20px;right:20px}.arco-notification-wrapper-bottomRight .arco-notification{margin-left:auto}.arco-notification{border-radius:var(--border-radius-medium);border:1px solid var(--color-neutral-3);background-color:var(--color-bg-popup);box-sizing:border-box;opacity:1;width:340px;margin-bottom:20px;padding:20px;transition:opacity .2s cubic-bezier(0,0,1,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.arco-notification-icon{color:var(--color-text-1);align-items:center;font-size:24px;display:inline-flex}.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{word-break:break-word;flex:1}.arco-notification-title{color:var(--color-text-1);margin-bottom:4px;font-size:16px;font-weight:500}.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-btn-wrapper{text-align:right;margin-top:16px}.arco-notification .arco-notification-close-btn{cursor:pointer;color:var(--color-text-1);font-size:12px;position:absolute;top:12px;right:12px}.arco-notification .arco-notification-close-btn>svg{position:relative}.arco-notification .arco-icon-hover.arco-notification-icon-hover:before{width:20px;height:20px}.slideNoticeLeft-appear,.slideNoticeLeft-enter{transform:translate(-100%)}.slideNoticeLeft-appear-active,.slideNoticeLeft-enter-active{transition:transform .4s cubic-bezier(.3,1.3,.3,1);transform:translate(0)}.slideNoticeLeft-exit{opacity:0}.slideNoticeLeft-exit-active{opacity:0;height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transition:all .3s cubic-bezier(.34,.69,.1,1)}.slideNoticeRight-appear,.slideNoticeRight-enter{transform:translate(100%)}.slideNoticeRight-appear-active,.slideNoticeRight-enter-active{transition:transform .4s cubic-bezier(.3,1.3,.3,1);transform:translate(0)}.slideNoticeRight-exit{opacity:0}.slideNoticeRight-exit-active{opacity:0;height:0;transition:all .3s cubic-bezier(.34,.69,.1,1)}.arco-notification-wrapper-rtl,.arco-notification-rtl{direction:rtl}.arco-notification-rtl .arco-notification-left{padding-left:16px;padding-right:0}.arco-notification-rtl .arco-notification-btn-wrapper{text-align:left}.arco-notification-rtl .arco-notification-close-btn{right:initial;left:12px}