@sms-frontend/components/lib/Alert/style/index.css

SMS Design React UI Library.

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