#toaster{background:var(--red-700);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);max-width:450px;padding:.8em .8em 1em 1em;position:fixed;right:var(--side-padding);width:calc(100% - var(--side-padding)*2);z-index:500}#toaster.success{background:var(--nude);color:var(--black)}#toaster.error{background:var(--red-200);color:var(--black)}#toaster.alert{background:var(--mint);color:var(--black)}.toast-main{align-items:flex-start;display:flex;flex-direction:row}.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:14px;margin-bottom:.4em}.toast-mssg{font-size:12.5px;letter-spacing:0}.toast-close-btn{flex-shrink:0;font-size:.8em;padding:.2em}.toast-close-btn:hover{opacity:.5}@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}}