.tiny-top-box{--ti-top-box-bg-color:var(--ti-common-color-light, #fff);--ti-top-box-icon-font-size:var(--ti-common-font-size-5, 24px);--ti-top-box-success-icon-color:var(--ti-common-color-success-normal, #50d4ab);--ti-top-box-error-icon-color:var(--ti-base-color-bg-8, #c7000b);--ti-top-box-warning-icon-color:var(--ti-common-color-warning-normal, #fa9841);--ti-top-box-help-icon-color:var(--ti-base-color-brand-6, #5e7ce0);--ti-top-box-info-icon-color:var(--ti-common-color-info-normal, #252b3a);position:fixed;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:400px;max-height:600px;background:var(--ti-top-box-bg-color);padding:24px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-shadow:0 0 5px 0 rgba(0,0,0,.2);-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s}.tiny-top-box .tiny-top-box__icon{font-size:var(--ti-top-box-icon-font-size,24px);vertical-align:middle}.tiny-top-box .tiny-top-box__content{display:inline-block;padding:0 16px;vertical-align:middle}.tiny-top-box .tiny-top-box__closeBtn{position:absolute;top:14px;right:12px;cursor:pointer;fill:rgba(51,51,51,.5);display:none}.tiny-top-box .tiny-top-box__closeBtn:hover{fill:#333}.tiny-top-box .tiny-top-box__toolbar{float:right;margin-top:24px}.tiny-top-box.is-closable .tiny-top-box__closeBtn{display:inline-block}.tiny-top-box.is-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-top-box--success .tiny-top-box__icon{fill:var(--ti-top-box-success-icon-color)}.tiny-top-box--error .tiny-top-box__icon{fill:var(--ti-top-box-error-icon-color)}.tiny-top-box--warning .tiny-top-box__icon{fill:var(--ti-top-box-warning-icon-color)}.tiny-top-box--help .tiny-top-box__icon{fill:var(--ti-top-box-help-icon-color)}.tiny-top-box--info .tiny-top-box__icon{fill:var(--ti-top-box-info-icon-color)}.tiny-top-box-fade-enter,.tiny-top-box-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}