:root{--hc-font-size-base:14px;--hc-tree-node-height:32px}.hc-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:394px;padding:16px 26px 16px 18px;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #FFF;position:fixed;background-color:#FFF;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.hc-notification.right{right:16px}.hc-notification.left{left:16px}.hc-notification__group{margin-left:13px;margin-right:8px}.hc-notification__content{font-size:12px;margin:6px 0 0;color:#999;text-align:justify;line-height:20px}.hc-notification__content p{margin:0}.hc-notification__icon{height:32px;width:32px;font-size:32px}.hc-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:#999;font-size:18px}.hc-notification__closeBtn:hover{color:#222}.hc-notification .hc-icon-success{color:#07B759}.hc-notification .hc-icon-error{color:#F86161}.hc-notification .hc-icon-warning{color:#F90}.hc-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.hc-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.hc-notification-fade-leave-active{opacity:0}.hc-notification__title{font-weight:400;font-size:14px;color:#222;margin:0;height:22px}.hc-notification .hc-icon-info{color:#507AFE}