#KToast{z-index:var(--message-z-index);max-width:var(--max-content);height:0;margin:0 auto;position:sticky;top:60px;left:0;right:0}#toast_item_wrapper{max-height:calc(var(--vh) - 120px);margin:0 auto;position:relative}#toast_item_wrapper>span{flex-direction:column;align-items:center;height:0;padding:0 20px;display:flex}.toast_item{box-sizing:border-box;cursor:pointer;flex-shrink:0;height:60px;padding:10px 0}.pc_browser .toast_item:hover .toast_item_box{opacity:.5}.toast_item_box{box-shadow:var(--dialog-shadow);border:1px solid var(--border-light-color);height:100%;transition:all .2s;position:relative;overflow:hidden;background:var(--section-color)!important}.toast_item_box,.toast_item_box .icon{justify-content:center;align-items:center;display:flex}.toast_item_box .icon{text-align:center;border-radius:50%;flex-shrink:0;width:24px;height:24px;margin-left:8px;margin-right:-2px;font-size:18px;line-height:24px}.toast_item_box .icon svg{fill:#fff;width:60%;height:60%}.toast_item_box .icon{background-color:var(--main-color-deep)}[status=success] .toast_item_box .icon{background-color:var(--success-color-deep)}[status=error] .toast_item_box .icon{background-color:var(--danger-color-deep)}[status=loading] .toast_item_box .icon{background-color:#fff0}[status=loading] .toast_item_box .icon svg{width:100%;height:100%;stroke:var(--main-color);fill:none}.toast_item_box .text{text-align:center;color:var(--text-color);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 20px;display:-webkit-box;overflow:hidden}.toast_item_box .count{color:var(--text-sub-color);background-color:var(--section-inside-color);border-radius:10px;flex-shrink:0;height:20px;margin-left:-8px;margin-right:10px;padding:0 10px;font-size:14px;font-weight:bolder;line-height:20px}.toast_item_box .display_time{height:1px;position:absolute;bottom:1px;left:20px;right:20px}.toast_item_box .display_time .bar{background:var(--main-color);width:50%;height:1px;animation:5s linear both time_down;animation-duration:var(--duration);border-radius:2px;margin:0 auto}@keyframes time_down{0%{opacity:0;width:100%}to{opacity:.5;width:0}}.toast_up-enter-active,.toast_up-leave-active{transition:all .5s}.toast_up-enter-from,.toast_up-leave-to{opacity:0;height:0;padding-top:0;padding-bottom:0;transform:scale(0)}.toast_up-enter-to,.toast_up-leave-from{opacity:1;height:60px}