.jackpot-notification{position:fixed;right:1rem;overflow:scroll;max-height:50%;bottom:0;display:flex;flex-direction:column;gap:.25rem;max-width:350px;z-index:1000;scrollbar-width:none;padding-bottom:1rem;&.active{.jackpot-notification-close{opacity:0;pointer-events:none}}}.jackpot-notification ::-webkit-scrollbar{width:0}.jackpot-notification-toggle{all:unset;cursor:pointer;color:white;border-radius:7px;font-size:15px;padding:8px;background:linear-gradient(rgb(30,30,47),rgb(35,35,71));opacity:.6;transition:all .3s ease-in-out;&:hover{opacity:1}}.jackpot-notification:has(.jackpot-notification-item) .jackpot-notification-toggle{background:linear-gradient(45deg,red,rgb(110,0,0))!important;position:fixed;z-index:1000;margin-top:-30px;opacity:1;border-top-right-radius:0;border-bottom-left-radius:0;width:350px;box-shadow:5px 5px 15px rgba(0,0,0,.4)}.jackpot-notification-item{background-color:#20203d;color:#c2c7d0;border-radius:8px;padding:.5rem;display:grid;grid-template-areas:"name close" "amount amount" "user user" "date date";box-shadow:0 4px 12px rgba(0,0,0,.3);animation:slideIn .3s ease-out;transition:transform .2s,opacity .2s;transition:all .3s ease-in-out;&:hover{opacity:1;transition:all .3s ease-in-out}}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.jackpot-notification-item.dismissed{animation:slideOut .3s ease-in forwards}@keyframes slideOut{to{transform:translateX(100%);opacity:0}}.jackpot-notification-name{grid-area:name;font-size:.8rem;font-weight:700;color:#ffffff}.jackpot-notification-close{grid-area:close;display:inline-flex;align-items:center;justify-content:left;background-color:unset;color:#ffffff;border:none;width:24px;height:24px;margin-left:auto;box-sizing:border-box;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out}.jackpot-notification-amount{grid-area:amount;font-size:.8rem;color:#ffd700}.jackpot-notification-user{grid-area:user;font-size:.7rem;opacity:.9}.jackpot-notification-date{grid-area:date;font-size:.6rem;opacity:.8}.jackpot-notification-empty{background-color:#20203b;color:#c2c7d0;border-radius:8px;padding:1rem;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.3)}@media (max-width:768px){.jackpot-notification{right:.5rem;bottom:.5rem;max-width:90%}.jackpot-notification-item{padding:.75rem;font-size:.9rem}.jackpot-notification-name{font-size:1.1rem}.jackpot-notification-close{width:20px;height:20px;font-size:.9rem}}