.arco-alert{align-items:center;border-radius:var(--border-radius-small);box-sizing:border-box;display:flex;font-size:14px;line-height:1.5715;overflow:hidden;padding:8px 15px;text-align:left;width:100%}.arco-alert-with-title{align-items:flex-start;padding:15px}.arco-alert-center{justify-content:center}.arco-alert-center .arco-alert-body{flex:initial}.arco-alert-normal{background-color:var(--color-neutral-2);border:1px solid transparent}.arco-alert-info{background-color:var(--color-primary-light-1);border:1px solid transparent}.arco-alert-success{background-color:var(--color-success-light-1);border:1px solid transparent}.arco-alert-warning{background-color:var(--color-warning-light-1);border:1px solid transparent}.arco-alert-error{background-color:var(--color-danger-light-1);border:1px solid transparent}.arco-alert-banner{border:none;border-radius:0}.arco-alert-body{flex:1;position:relative}.arco-alert-title{font-size:16px;font-weight:500;line-height:1.5;margin-bottom:4px}.arco-alert-normal .arco-alert-content,.arco-alert-normal .arco-alert-title{color:var(--color-text-1)}.arco-alert-normal.arco-alert-with-title .arco-alert-content{color:var(--color-text-2)}.arco-alert-info .arco-alert-content,.arco-alert-info .arco-alert-title{color:var(--color-text-1)}.arco-alert-info.arco-alert-with-title .arco-alert-content{color:var(--color-text-2)}.arco-alert-success .arco-alert-content,.arco-alert-success .arco-alert-title{color:var(--color-text-1)}.arco-alert-success.arco-alert-with-title .arco-alert-content{color:var(--color-text-2)}.arco-alert-warning .arco-alert-content,.arco-alert-warning .arco-alert-title{color:var(--color-text-1)}.arco-alert-warning.arco-alert-with-title .arco-alert-content{color:var(--color-text-2)}.arco-alert-error .arco-alert-content,.arco-alert-error .arco-alert-title{color:var(--color-text-1)}.arco-alert-error.arco-alert-with-title .arco-alert-content{color:var(--color-text-2)}.arco-alert-icon{margin-right:8px}.arco-alert-icon svg{font-size:16px;vertical-align:-3px}.arco-alert-with-title .arco-alert-icon svg{font-size:18px;vertical-align:-5px}.arco-alert-normal .arco-alert-icon svg{color:var(--color-neutral-4)}.arco-alert-info .arco-alert-icon svg{color:rgb(var(--primary-6))}.arco-alert-success .arco-alert-icon svg{color:rgb(var(--success-6))}.arco-alert-warning .arco-alert-icon svg{color:rgb(var(--warning-6))}.arco-alert-error .arco-alert-icon svg{color:rgb(var(--danger-6))}.arco-alert-close-btn{background-color:transparent;border:none;box-sizing:border-box;color:var(--color-text-2);cursor:pointer;font-size:12px;margin-left:8px;outline:none;padding:0;right:0;top:4px;transition:color .1s linear}.arco-alert-close-btn:hover{color:var(--color-text-1)}.arco-alert-action,.arco-alert-action+.arco-alert-close-btn{margin-left:8px}.arco-alert-with-title .arco-alert-close-btn{margin-right:0;margin-top:0}