#toaster{background:var(--mono-600);border:1px solid var(--white-20);border-left:5px solid var(--white);border-radius:.4em;bottom:var(--header-height);box-shadow:0 0 25px var(--black-50);color:var(--white);fill:var(--white);flex-direction:row;max-width:450px;padding:.8em .8em 1em 1em;position:fixed;right:var(--side-padding);width:calc(100% - var(--side-padding)*2);z-index:999999}#toaster.success{background:var(--aqua-700)}#toaster.error{background:var(--purple-900)}#toaster.alert{background:var(--mono-600)}.toast-main{align-items:flex-start;display:flex}.toast-main .toast-icon{flex-shrink:0;font-size:20px;height:1em;width:1em}.toast-info{flex-grow:1;padding:0 1em}.toast-title{font-size:13px;font-weight:500;letter-spacing:.05em;margin-bottom:.4em}.toast-mssg{font-size:16px;font-weight:500;letter-spacing:0}.toast-close-btn{flex-shrink:0;font-size:1em;padding:.2em;transform:rotate(45deg)}.toast-close-btn:hover{fill:var(--white-50)}@media(min-width:600px){#toaster{max-width:500px}.toast-main .toast-icon{font-size:34px}.toast-title{font-size:13px;margin-bottom:.3em}.toast-mssg{font-size:16px}}@media(min-width:1000px){#toaster{max-width:550px}.toast-main .toast-icon{font-size:40px}.toast-title{font-size:15px}.toast-mssg{font-size:18px}}@media(min-width:1550px){#toaster{max-width:650px}.toast-main .toast-icon{font-size:40px}.toast-title{font-size:16px;margin-bottom:.2em}.toast-mssg{font-size:20px}}.toaster-enter-active,.toaster-leave-active{transition-duration:.5s;transition-property:opacity transform;transition-timing-function:ease}.toaster-enter-from,.toaster-leave-to{opacity:0;transform:translate(20%)}