.toast{border-radius:var(--border-radius);background-color:var(--success-color);opacity:0;z-index:5000;cursor:pointer;height:fit-content;margin:20px;padding:16px;transition:all .6s;display:flex;position:fixed;bottom:0;right:0;transform:translateY(100%);box-shadow:0 0 10px 2px #0000000d}.toast.error{background-color:var(--error-color)}.toast.active{opacity:1;transform:translateY(0)}.toast>p{color:var(--on-success-color);margin:0;font-size:14px;font-weight:600}.toast.error>p{color:var(--on-error-color)}@media screen and (max-width:1024px){.toast{text-align:center;width:calc(100% - 72px)}}