@keyframes toast-fly-in{0%{transform:translateX(calc(100% + 2em))}100%{transform:none}}@keyframes toast-fly-out{0%{transform:none}100%{transform:translateX(calc(100% + 2em))}}@keyframes toast-timer{0%{width:100%}100%{width:0%}}#toast_container{position:fixed;right:2em;top:2em;max-width:85vw;display:flex;flex-direction:column;z-index:4}#toast_container .toast{position:relative;display:flex;background-color:#aaa;margin-bottom:1em;padding:.5em;padding-bottom:.75em;align-items:center;width:fit-content;align-self:end;animation:toast-fly-in .5s cubic-bezier(0.33, 1, 0.68, 1)}#toast_container .toast.closing{animation:toast-fly-out .5s cubic-bezier(0.33, 1, 0.68, 1)}#toast_container .toast.red{background-color:#db605e}#toast_container .toast.yellow{background-color:#dbcb5e}#toast_container .toast.green{background-color:#67db5d}#toast_container .toast .icon{image-rendering:pixelated;max-height:4em}#toast_container .toast .text{color:#222;font-family:"NT Somic","Terminess","Arial";margin-right:.5em}#toast_container .toast .x{filter:grayscale(1);cursor:pointer}#eirCursorBg~#toast_container .toast .x{cursor:url("../images/cursors/pointer.cur"),pointer}#toast_container .toast .x:hover{filter:none}#toast_container .toast::after{content:"";position:absolute;right:0;bottom:0;width:100%;height:.25em;background-image:linear-gradient(to bottom, #aaa 25%, #fff 25%, #fff 100%);animation:toast-timer var(--toast_time);animation-delay:.5s;animation-timing-function:linear;animation-fill-mode:forwards}