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