.notification-badge{background:var(--dangerMain-1000);border:1px solid var(--background-primary);width:8px;height:8px;box-shadow:0 0 0 2px var(--dangerMain-200);pointer-events:none;border-radius:50%;display:block;position:absolute;top:6px;right:7px}.notification-trigger-button{position:relative}.notification-trigger-button svg{display:block}.notification-trigger-button svg path{fill:currentColor}.mobile-footer-floating-menu .notification-trigger-button{color:var(--white-1000)}.mobile-footer-floating-menu .notification-badge{width:7px;height:7px;top:1px;right:1px}.web-header-wrapper .notification-trigger-button,header .notification-trigger-button{color:var(--white-1000)}.web-header-wrapper .notification-badge,header .notification-badge{top:9px;right:9px}.notification-menu-items{background:var(--background-primary);z-index:1000000;border-left:1px solid #ffffff1a;width:380px;height:auto;padding:.5rem 30px;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .32s;top:0;bottom:0}.notification-menu-items[data-closed]{opacity:0;transform:translate(100%)}@media screen and (max-width:1150px){.notification-menu-items{width:90%;max-width:90vw}}.notification-menu-items :focus-visible{outline:none}.notification-menu-items .no-notification-text{min-height:100px;color:var(--white-1000);justify-content:center;align-items:center;font-size:.875rem;font-weight:400;line-height:1.3;display:flex}.notification-menu-items .notification-view-all{justify-content:space-between;margin-top:1rem;margin-bottom:1rem;display:flex}@media screen and (max-width:767.98px){.notification-menu-items .notification-view-all p{display:block!important}}.notification-menu-items .notification-view-all a{color:var(--blue-400);font-size:.75rem;font-weight:600;line-height:1.3}.notification-menu-items .notification-view-all .action-btn{color:#302e33;cursor:pointer;border:none;font-size:12px;font-weight:600}.notification-menu-items .notification-view-all .action-btn:disabled{opacity:.5;cursor:not-allowed}.notification-header{border-bottom:1px solid #232325;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.notification-header p{font-size:1rem;font-weight:600}@media screen and (max-width:767.98px){.notification-header p{display:block!important}}.notification-header .close-btn{padding:5px}.notification-header .close-btn .svg{width:17px;height:17px}.notification-card{text-align:left;border:2px solid #0000;border-radius:.5rem;transition:all .2s ease-in-out}.notification-card:not(:last-child){margin-bottom:1rem}.notification-card .link-wrap-box{cursor:default;gap:.5rem;display:flex}.notification-card .link-wrap-box .img-box{background-color:var(--secondaryMain-150);border-radius:50%;width:2.5rem;min-width:2.5rem;height:2.5rem}.notification-card .link-wrap-box .img-box img{border-radius:inherit;object-fit:cover;object-position:center;width:100%;height:100%}.notification-card .link-wrap-box .text-box{flex-direction:column;gap:.125rem;width:100%;display:flex;overflow:hidden}.notification-card .link-wrap-box .text-box .title-text{width:100%;color:var(--white-1000);font-size:12px;font-weight:600}.notification-card .link-wrap-box .text-box .pera-text{color:#b5b5b5;width:100%;font-size:12px;font-weight:400;line-height:1.3}@media screen and (max-width:767.98px){.notification-card .link-wrap-box .text-box .pera-text{display:block!important}}.notification-card .link-wrap-box .text-box .notification-dot{background-color:red;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.notification-card .link-wrap-box .text-box .date-time-text{width:100%;color:var(--nickel-1000);text-align:right;margin-top:.25rem;font-size:.625rem;font-weight:600;line-height:1}