@bee-design/ui/lib/Message/style/index.css

Bee Design React UI Library.

.bee-message-wrapper{width:100%;position:fixed;z-index:1003;padding:0 10px;text-align:center;pointer-events:none;box-sizing:border-box;left:0}.bee-message-wrapper-top{top:40px}.bee-message-wrapper-bottom{bottom:40px}.bee-message{position:relative;display:inline-block;padding:10px 16px 10px 16px;line-height:1;border-radius:var(--bee-border-radius-small);border:1px solid var(--bee-color-neutral-3);margin-bottom:16px;background-color:var(--bee-color-bg-popup);text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.1);overflow:hidden;pointer-events:auto;transition:opacity .1s cubic-bezier(0,0,1,1)}.bee-message-closable{padding-right:38px}.bee-message-icon{font-size:20px;color:var(--bee-color-text-1);margin-right:8px;vertical-align:middle;display:inline-block;animation:bee-msg-fade .1s cubic-bezier(0,0,1,1),bee-msg-fade .4s cubic-bezier(.3,1.3,.3,1)}.bee-message-content{vertical-align:middle;color:var(--bee-color-text-1);font-size:14px}.bee-message-info{background-color:var(--bee-color-bg-popup);border-color:var(--bee-color-neutral-3)}.bee-message-info .bee-message-icon{color:rgb(var(--bee-primary-6))}.bee-message-info .bee-message-content{color:var(--bee-color-text-1)}.bee-message-success{background-color:var(--bee-color-bg-popup);border-color:var(--bee-color-neutral-3)}.bee-message-success .bee-message-icon{color:rgb(var(--bee-success-6))}.bee-message-success .bee-message-content{color:var(--bee-color-text-1)}.bee-message-warning{background-color:var(--bee-color-bg-popup);border-color:var(--bee-color-neutral-3)}.bee-message-warning .bee-message-icon{color:rgb(var(--bee-warning-6))}.bee-message-warning .bee-message-content{color:var(--bee-color-text-1)}.bee-message-error{background-color:var(--bee-color-bg-popup);border-color:var(--bee-color-neutral-3)}.bee-message-error .bee-message-icon{color:rgb(var(--bee-danger-6))}.bee-message-error .bee-message-content{color:var(--bee-color-text-1)}.bee-message-loading{background-color:var(--bee-color-bg-popup);border-color:var(--bee-color-neutral-3)}.bee-message-loading .bee-message-icon{color:rgb(var(--bee-primary-6))}.bee-message-loading .bee-message-content{color:var(--bee-color-text-1)}.bee-message-close-btn{position:absolute;top:14px;right:12px;color:var(--bee-color-text-1);font-size:12px}.bee-message-close-btn>svg{position:relative}.bee-message .bee-icon-hover.bee-message-icon-hover::before{width:20px;height:20px}.fadeMessage-appear,.fadeMessage-enter{opacity:0}.fadeMessage-appear-active,.fadeMessage-enter-active{opacity:1;transition:opacity .1s cubic-bezier(0,0,1,1)}.fadeMessage-exit{opacity:0;overflow:hidden}.fadeMessage-exit-active{opacity:0;height:0;transition:all .3s cubic-bezier(.34,.69,.1,1)}.bee-message-rtl{direction:rtl}.bee-message-rtl .bee-message-icon{margin-right:0;margin-left:8px}@keyframes bee-msg-fade{from{opacity:0}to{opacity:1}}@keyframes bee-msg-scale{from{transform:scale(0)}to{transform:scale(1)}}