:root{--toast-background:linear-gradient(45deg, rgb(244, 240, 242) 0%, rgb(249,249,255) 20%, rgb(255,243,243) 100%)}body.dark-mode{--toast-background:linear-gradient(45deg, rgb(14, 0, 37) 0%, rgba(11,0,40,.9) 30%, rgb(40, 0, 0) 100%)}#vanillatoasts-container{position:fixed;z-index:50;top:45px;right:0;width:320px;font-family:helvetica}.vanillatoasts-toast{position:relative;padding:20px 17px;margin:20px;background:var(--toast-background);border-radius:1.2rem;cursor:pointer;box-shadow:1px 1px 3px rgba(0, 0, 0, .1);animation-duration:0.3s;animation-name:VanillaToasts;animation-timing-function:cubic-bezier(.215, .61, .355, 1)}.vanillatoasts-fadeOut{animation-name:VanillaToastsFadeOut;animation-duration:0.3s;animation-timing-function:cubic-bezier(.215, .61, .355, 1);animation-fill-mode:forwards}#vanillatoasts-container p,h4{margin:3px 0 !important}.vanillatoasts-title{font-weight:700;font-size:15px;margin-bottom:10px}.vanillatoasts-text{font-size:14px;color:#777}.vanillatoasts-icon{position:absolute;top:5px;left:-40px;width:50px;height:50px;border-radius:100%;box-shadow:1px 1px 3px rgba(0, 0, 0, .1);background:#fff}.vanillatoasts-toast a,.vanillatoasts-toast a:hover{color:#549edb !important;text-decoration:none !important}.vanillatoasts-success{border-left:2px solid #51c625}.vanillatoasts-warning{border-left:2px solid #db9215}.vanillatoasts-error{border-left:2px solid #db2b1d}.vanillatoasts-info{border-left:2px solid #27abdb}@keyframes VanillaToasts{from{transform:translate3d(400px, 0, 0);opacity:0}to{transform:translate3d(0, 0, 0);opacity:1}}@keyframes VanillaToastsFadeOut{from{transform:translate3d(0, 0, 0);opacity:1}to{transform:translate3d(400px, 0, 0);opacity:0}}