.toast{z-index:10000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border-radius:12px;align-items:center;gap:12px;min-width:360px;max-width:480px;padding:16px 20px;animation:.4s cubic-bezier(.34,1.56,.64,1) dynamicIsland;display:flex;position:relative;box-shadow:0 20px 50px #c5c5c540,0 8px 16px #afafaf26}@keyframes dynamicIsland{0%{opacity:0;transform:scale(.8)translateY(-20px)}50%{transform:scale(1.02)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.9)translateY(-20px)}}.toast__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast__message{color:#000;flex:1;font-size:14px;font-weight:500;line-height:1.5}.toast__close{color:#0009;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.toast__close:hover{color:#000000e6;background:#ffffff1a}.toast--success{background:linear-gradient(135deg,#fff 0%)}.toast--success .toast__icon{color:#34d399}.toast--error{background:linear-gradient(135deg,#fff 0%)}.toast--error .toast__icon{color:#f87171}.toast--info{background:linear-gradient(135deg,#fff 0%)}.toast--info .toast__icon{color:#a78bfa}.toast--warning{background:linear-gradient(135deg,#fff 0%)}.toast--warning .toast__icon{color:#fbbf24}@media (max-width:768px){.toast{border-radius:16px;min-width:100%}}
.toast-container__wrapper{z-index:10000;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast-container__item{pointer-events:auto;margin-bottom:12px}.toast-container__item:first-child{margin-bottom:0}.toast-container__item:not(:first-child){margin-top:12px}.toast-container{z-index:9999;flex-direction:column;align-items:center;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}@media (max-width:768px){.toast-container__wrapper{top:16px;left:16px;right:16px;transform:none}.toast-container{align-items:stretch;top:16px;left:16px;right:16px;transform:none}.toast-container .toast{max-width:100%}}