.card.predict-notification{height:100%;max-height:100%;scroll-behavior:smooth!important;border-radius:0}.card.predict-notification .card-body{display:flex;flex-direction:column;flex:1 1 auto;overflow:auto;scroll-behavior:smooth!important}.card.predict-notification .card-body .notification{background-color:#202020;border:2px solid #292929;border-radius:16px;padding:10px;display:flex;gap:10px;flex-direction:column;height:100%!important;max-height:100%!important;overflow-y:scroll!important;scroll-behavior:smooth!important}.card.predict-notification .card-body .notification .notif-container{background-color:#292929;border-radius:10px;padding:16px 24px;display:flex;gap:16px;flex-direction:column;height:-moz-fit-content;height:fit-content;scroll-behavior:smooth;animation:fadeIn 1s ease-out forwards}.card.predict-notification .card-body .notification .notif-container .notif-header{display:flex;gap:12px;align-items:center}.card.predict-notification .card-body .notification .notif-container .notif-header i.ti{font-size:2.5rem}.card.predict-notification .card-body .notification .notif-container .notif-header .notif-texts{display:flex;flex-direction:column}.card.predict-notification .card-body .notification .notif-container .notif-header .notif-texts .notif-status{padding:0;margin:0;text-transform:uppercase;font-weight:700;font-size:24px}.card.predict-notification .card-body .notification .notif-container .notif-header .notif-texts .notif-desc{font-weight:500;font-size:14px}.card.predict-notification .card-body .notification .notif-container .notif-header .notif-texts .notif-desc .notif-pred{font-weight:700;text-transform:uppercase}.card.predict-notification .card-body .notification .notif-container .notif-body{display:flex;flex-wrap:wrap;gap:6px}.card.predict-notification .card-body .notification .notif-container .notif-body .notif-pills{display:none!important;gap:6px;align-items:center;background-color:#171717;border:2px solid #171717;border-radius:50px;padding:6px 12px;cursor:default}.card.predict-notification .card-body .notification .notif-container .notif-body .notif-pills i.ti{font-size:20px}.card.predict-notification .card-body .notification .notif-container .notif-body .notif-pills .notif-warning{text-transform:uppercase;font-size:1rem;font-weight:700}.card.predict-notification .card-body .notification .notif-container .notif-body .notif-pills.danger{display:flex!important;background-color:#a31d1f;border:2px solid #FF3F42;cursor:pointer}.card.predict-notification .card-body .notification .notif-container.danger{background-color:#a31d1f!important}.card.predict-notification .card-body .notification .notif-container.danger .notif-body .notif-pills.danger{background-color:#fff!important;border:2px solid #FF8372!important}.card.predict-notification .card-body .notification .notif-container.danger .notif-body .notif-pills.danger i.ti,.card.predict-notification .card-body .notification .notif-container.danger .notif-body .notif-pills.danger .notif-warning{color:#a21c1e!important}.prediction-notif{background-color:#242424;width:250px}@media(max-width:576px){.card.predict-notification .card-body .notification .notif-container .notif-header{align-items:start;flex-direction:column!important}.card.predict-notification .card-body .notification .notif-container .notif-body{flex-direction:column!important}.card.predict-notification .card-body .notification .notif-container .notif-body .notif-pills{align-items:start;flex-direction:column!important;width:100%;border-radius:8px;padding:6px 12px}}