#toaster{background:var(--blue-700);border:1px solid var(--white-25);bottom:var(--header-height);box-shadow:0 0 25px #00000040;color:var(--black);flex-direction:row;font-size:18px;max-width:450px;padding:.8em .8em 1em 1em;position:fixed;right:var(--side-padding);width:calc(100% - var(--side-padding)*2);z-index:9999999999999}#toaster.success{background:var(--indigo-700);color:var(--white)}#toaster.error{background:var(--red);color:var(--white)}#toaster.alert{background:var(--mono-200);color:var(--indigo-700)}.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 18px}.toast-title{font-size:14px;font-weight:700;margin-bottom:.4em}.toast-mssg{font-size:12.5px;font-weight:500;letter-spacing:0}.toast-close-btn{flex-shrink:0;font-size:18px;padding:.2em}.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:16px;margin-bottom:.3em}.toast-mssg{font-size:14px}}@media(min-width:1000px){#toaster{max-width:550px}.toast-main .toast-icon{font-size:40px}.toast-title{font-size:18px}}@media(min-width:1550px){#toaster{max-width:650px}.toast-main .toast-icon{font-size:40px}.toast-title{font-size:20px;margin-bottom:.2em}}.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%)}