.notif-box{position:fixed;display:flex;right:20px;bottom:20px;background-color:var(--main1);color:var(--main8);border:1px solid var(--main2);padding:15px 20px;min-width:250px;width:350px;max-width:90%;border-radius:8px;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0;z-index:1000;opacity:1;transition:opacity .5s ease;flex-direction:column}.notif-box-title{font-size:16px;font-weight:600;margin-bottom:4px}.notif-box-desc{font-size:14px;color:#00000045}.notif-box-hide{opacity:0!important}.notif-success{background:var(--green1);border-color:var(--green2);color:var(--green4)}.notif-error{background:var(--red1);border-color:var(--red2);color:var(--red4)}