.toast-container{bottom:0;padding:0 16px;position:fixed;z-index:10}@media screen and (min-width:576px){.toast-container{bottom:auto;padding:0;right:20px;top:20px}}.toast-container .toast-list-enter-active,.toast-container .toast-list-leave-active{transition:all .3s ease}.toast-container .toast-list-enter-from{opacity:0;transform:translate(30px)}.toast-container .toast-list-leave-to{opacity:0;transform:scale(.9)}.toast-container .toast{align-items:flex-start;animation:show .3s ease 1 forwards;background:#fcfcfd;border-radius:8px;box-shadow:0 0 8px 2px #1e2b3d26;-moz-column-gap:16px;column-gap:16px;display:flex;justify-content:center;margin:0 0 10px;min-width:100%;padding:16px;position:relative}.toast-container .toast .error{--color:#f24d4c;background-image:linear-gradient(90deg,#f24d4c55,#22242f 30%)}.toast-container .toast .warning{--color:#e9bd0c;background-image:linear-gradient(90deg,#e9bd0c55,#22242f 30%)}.toast-container .toast .info{--color:#3498db;background-image:linear-gradient(90deg,#3498db55,#22242f 30%)}.toast-container .toast.paused:before{animation-play-state:paused}.toast-container .toast:before{animation:timeOut 3s linear 1 forwards;background-color:#1a9aa8;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}@media screen and (min-width:576px){.toast-container .toast{min-width:370px}}.toast-container .toast .content{display:flex;flex-direction:column;row-gap:8px}.toast-container .toast .title{font-size:clamp(16px,2.34375vw,18px);font-weight:600;line-height:125%}.toast-container .toast .link{color:#1a9aa8;font-size:clamp(14px,2.0833333333vw,16px);font-weight:600;line-height:125%}.toast-container .toast i{cursor:pointer;font-size:28px;margin-top:-3px}.toast-container .toast i:nth-child(3),.toast-container .toast span{color:#fff;opacity:.6}@keyframes show{0%{transform:translate(100%)}40%{transform:translate(-5%)}to{transform:translate(0)}}@keyframes timeOut{to{width:0}}
