.toastbox{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:.5rem;text-align:center;font-size:1rem;color:#fff;background-color:#000}.toastbox.slide-in{animation:slide-in .5s ease-in-out;animation-fill-mode:forwards}.toastbox.slide-out{animation:slide-out .5s ease-in-out;animation-fill-mode:forwards}.toastbox__error{background-color:#ef9fa3;color:#000}.toastbox__success{background-color:#4caf50}.toastbox__info{background-color:#2196f3}.toastbox__warning{background-color:#ff9800}.toastbox__top{top:0}.toastbox__bottom{top:auto;bottom:0}.toastbox__left{left:0}.toastbox__right{left:auto;right:0}.toastbox__message{display:inline-block;max-width:80%;vertical-align:middle}@keyframes slide-in{0%{transform:translateY(-50%)}20%{transform:translateY(0)}}@keyframes slide-out{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.snackbar{position:fixed;top:1rem;right:1rem;display:flex;gap:1rem;flex-direction:column;transition:all .5s ease-in;overflow:none;padding-bottom:3rem;z-index:99999}.snackbar__snack{display:flex;min-width:14.625rem;max-width:14.625rem;min-height:2.125rem;padding:.5rem;align-items:center;gap:.25rem;justify-content:space-between;border-radius:.25rem;transform:translateY(-100%);opacity:0;animation:slideIn .5s forwards;transition:transform .5s;z-index:99999}.snackbar__snack--out{animation:slideOut .5s forwards}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}.snackbar--success{border:1px solid #0e8345;background:#eaf6ed}.snackbar--success .icon,.snackbar--success .snackbar__text{color:#0e8345}.snackbar--danger{border:1px solid #da1e28;background:#fff0ee}.snackbar--danger .icon,.snackbar--danger .snackbar__text{color:#da1e28}.snackbar--warning{border:1px solid #f6bc2f;background:#fdf2dc}.snackbar--warning .icon,.snackbar--warning .snackbar__text{color:#212121}.snackbar--info{border:1px solid #0d59f2;background:#ecf2fe}.snackbar--info .icon,.snackbar--info .snackbar__text{color:#0d59f2}.snackbar__enclosure{display:flex;align-items:center;gap:.25rem;flex:1}.snackbar__enclosure .icon{align-self:flex-start}.snackbar__enclosure .snackbar__text{margin:0;font-size:.785rem;font-style:normal;font-weight:400}.snackbar__enclosure .snackbar__text:first-child{text-transform:capitalize}.snackbar .icon{width:1.25rem;height:1.25rem;font-size:1.25rem}.snackbar__close{margin-left:auto;align-self:flex-start;cursor:pointer}