.toast-wrapper{position:fixed;z-index:9999;width:100%;height:100%;pointer-events:none;top:0;left:0;overflow:hidden}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:450px;pointer-events:none;padding:10px;overflow-x:hidden}.toast-container.top-right{top:0;right:0}.toast-container.top-left{top:0;left:0}.toast-container.top-center{top:0;left:50%;transform:translate(-50%)}.toast-container.bottom-right{bottom:0;right:0}.toast-container.bottom-left{bottom:0;left:0}.toast-container.bottom-center{bottom:0;left:50%;transform:translate(-50%)}.toast-item{min-width:300px;max-width:450px;background-color:#fff;color:#333;border-radius:6px;box-shadow:0 3px 10px #0000001a,0 1px 2px #0000000d;padding:16px;display:flex;flex-direction:column;position:relative;overflow:hidden;pointer-events:auto}.toast-item.success{border-left:4px solid #4CAF50}.toast-item.success .toast-icon{width:20px;height:20px;margin-right:12px;margin-top:2px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;background-color:#4caf50;mask-image:var(--icon-check);-webkit-mask-image:var(--icon-check)}.toast-item.success .toast-progress{background-color:#4caf50}.toast-item.error{border-left:4px solid #F44336}.toast-item.error .toast-icon{width:20px;height:20px;margin-right:12px;margin-top:2px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;background-color:#f44336;mask-image:var(--icon-error);-webkit-mask-image:var(--icon-error)}.toast-item.error .toast-progress{background-color:#f44336}.toast-item.warning{border-left:4px solid #FFC107}.toast-item.warning .toast-icon{width:20px;height:20px;margin-right:12px;margin-top:2px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;background-color:#ffc107;mask-image:var(--icon-warning);-webkit-mask-image:var(--icon-warning)}.toast-item.warning .toast-progress{background-color:#ffc107}.toast-item.info{border-left:4px solid #2196F3}.toast-item.info .toast-icon{width:20px;height:20px;margin-right:12px;margin-top:2px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;background-color:#2196f3;mask-image:var(--icon-info);-webkit-mask-image:var(--icon-info)}.toast-item.info .toast-progress{background-color:#2196f3}.toast-content{display:flex;align-items:flex-start}.toast-message{flex:1;display:flex;flex-direction:column}.toast-title{font-weight:600;margin-bottom:4px}.toast-description{font-size:14px;color:#666}.toast-close{position:absolute;top:12px;right:12px;width:16px;height:16px;background-color:#999;mask-image:var(--icon-close);-webkit-mask-image:var(--icon-close);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;border:none;cursor:pointer;padding:2px}.toast-close:hover{background-color:#333}.toast-progress{position:absolute;bottom:0;left:0;height:3px;opacity:.5}.toast-enter{transition:all .3s ease-out}.toast-enter-start{opacity:0;transform:translate(100%)}.toast-enter-start-left{opacity:0;transform:translate(-100%)}.toast-enter-start-center{opacity:0;transform:translateY(-100%)}.toast-enter-end{opacity:1;transform:translate(0)}.toast-leave{transition:all .3s ease-in}.toast-leave-start{opacity:1;transform:translate(0)}.toast-leave-end{opacity:0;transform:translate(100%)}.toast-leave-end-left{opacity:0;transform:translate(-100%)}.toast-leave-end-center{opacity:0;transform:translateY(-100%)}