:root{--tr:all 0.5s ease 0s;--ch1:#0033665c;--ch2:#0085ca57;--cs1:#39b54a54;--cs2:#1d7a2a30;--cw1:#c2491461;--cw2:#fc86214d;--ce1:#cc00005e;--ce2:#cc00005e}.toast-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:20rem;min-width:375px;padding:0 1rem;position:absolute;transition:var(--tr)}.toast-item{animation:show-toast 4s ease 3s 1;max-height:25rem;overflow:hidden;transition:var(--tr)}@keyframes show-toast{10%,25%{max-height:15rem;opacity:1}}.toast{background-color:#232b2b;background:var(--bg);border-left:3px solid var(--bg);border-radius:2px;font-weight:300;margin:1.75rem 0 1rem;max-width:100%;opacity:1;padding:1rem 1rem 1rem 4.5rem;position:relative;text-align:center;text-align:left;transition:var(--tr)}.toast:after{align-items:center;background:var(--clr);border-radius:3rem;box-sizing:border-box;content:"";display:flex;font-size:2.25rem;height:2.5rem;justify-content:center;left:1rem;position:absolute;top:1rem;width:2.5rem}.toast h3{font-size:1.35rem;font-weight:300;line-height:1.35rem;margin:0;position:relative}.toast p{font-size:.95rem;margin:.25rem 0 0;position:relative;z-index:1}.close{cursor:pointer;height:1.35rem;right:1rem;text-align:center;width:1.35rem;z-index:999}.close,.close:after{border-radius:100%;position:absolute}.close:after{align-items:center;content:"+";display:flex;font-size:1.8rem;height:100%;justify-content:center;left:0;transform:rotate(45deg);width:100%}.close:hover{background:#f5f5f5;color:var(--clr)}.toast-item.success{animation-delay:2s}.toast-item.warning{animation-delay:1s}.toast-item.error{animation-delay:0s}.toast.help{--clr:var(--ch1);--bg:var(--ch2)}.icon-help:after,.toast.help:after{content:"?"}.toast.success{--clr:var(--cs1);--bg:var(--cs2)}.icon-success:after,.toast.success:after{content:"L";font-size:1.7rem;font-weight:700;padding-bottom:.5rem;text-indent:.15rem;transform:rotateY(180deg) rotate(-38deg)}.toast.warning{--clr:var(--cw1);--bg:var(--cw2)}.icon-warning:after,.toast.warning:after{content:"!";font-weight:700}.toast.error{--clr:var(--ce1);--bg:var(--ce2)}.icon-error:after,.toast.error:after{content:"+";font-size:3rem;line-height:1.2rem;transform:rotate(45deg)}.toast a{color:#fff}.toast-item.closed{max-height:0}.toast-icons{background:#fff1;border-radius:2rem;box-sizing:border-box;display:flex;gap:1.5rem;justify-content:space-around;margin-bottom:1rem;margin-top:1.5rem;padding:1rem 1rem 1.25rem;width:100%}.toast-icon{align-items:center;border-radius:100%;color:#fff;cursor:pointer;display:flex;height:3.75rem;justify-content:center;position:relative;width:3.75rem}.toast-icon:before{left:.7rem;top:2.4em;transform:rotate(-96deg) skewX(30deg)}.toast-icon:after{font-size:2rem;font-weight:700}.icon-error:after{font-size:3.6rem;font-weight:500;line-height:2rem;max-height:2rem;padding-top:.25rem}.icon-help{background:#0070e0;--clr:#0070e0}.icon-success{background:#03a65a;--clr:#03a65a}.icon-warning{background:#fc8621;--clr:#fc8621}.icon-error{background:#db3056;--clr:#db3056}#t-error:checked~.toast-panel .toast-item.error,#t-help:checked~.toast-panel .toast-item.help,#t-success:checked~.toast-panel .toast-item.success,#t-warning:checked~.toast-panel .toast-item.warning{max-height:0;opacity:0}input[type=checkbox]{display:none}