.toast-container{display:flex;gap:1rem;position:fixed;width:100%}.toast-left{left:2rem}.toast-center{left:50%;transform:translateX(-50%)}.toast-right{right:2rem}.toast-top{flex-direction:column;top:2rem}.toast-bottom{bottom:2rem;flex-direction:column-reverse}.toast-bottom .toast{animation-name:appearing-bottom}.toast-top .toast{animation-name:appearing-top}.toast{animation-duration:.5s;animation-timing-function:ease-out;border-radius:5px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.toast-autoClose:after{animation-duration:5s;animation-fill-mode:forwards;animation-name:progressing;animation-timing-function:ease-out;background:#00000080;bottom:0;content:"";height:.25rem;position:absolute;width:100%}.toast-content{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:20px auto;padding:1rem}.toast-icon{color:#0006;height:20px;width:20px}.toast-button{background:#0000001a;border:none;cursor:pointer;padding:0 .25rem;transition:all .3s ease}.toast-button:hover{background:#0000004d}.toast-close-icon{color:#fff;height:20px;width:20px}.toast-closing{animation-duration:.2s;animation-fill-mode:forwards;animation-name:disappearing!important;animation-timing-function:ease-out}@keyframes appearing-bottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes appearing-top{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes disappearing{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(100% + 2rem))}}@keyframes progressing{0%{width:100%}to{width:0}}
/*# sourceMappingURL=main.415ef2a6.css.map*/