.notification-badge{position:absolute;top:6px;right:7px;display:block;width:8px;height:8px;background:var(--primary-purple);border:1px solid var(--background-primary);border-radius:50%;box-shadow:0 0 0 2px rgba(119,23,255,.18);pointer-events:none}.notification-trigger-button{position:relative}.notification-trigger-button .notification-badge{top:6px;right:7px;width:8px;min-width:8px;max-width:8px;height:8px;min-height:8px;max-height:8px;padding:0;line-height:0;box-sizing:border-box;aspect-ratio:1/1;flex:0 0 8px}.notification-trigger-button.notification-trigger-button .notification-badge{padding:0;width:8px;height:8px}.notification-trigger-button svg{display:block}.notification-trigger-button svg path{fill:currentColor}.mobile-footer-floating-menu .notification-trigger-button,.web-header-wrapper .notification-trigger-button,header .notification-trigger-button{color:var(--white-1000)}.notification-menu-items{background:var(--background-primary);border-left:1px solid hsla(0,0%,100%,.1);padding:.5rem 30px;width:380px;height:100vh;z-index:1000}@media screen and (max-width:767.98px){.notification-menu-items{width:100%;top:59px!important;height:calc(100vh - 130px);border-top:1px solid #232325}}.notification-menu-items :focus-visible{outline:none}.notification-menu-items .no-notification-text{min-height:100px;display:flex;align-items:center;justify-content:center;color:var(--white-1000);font-size:.875rem;font-weight:400;line-height:1.3}.notification-menu-items .notification-view-all{display:flex;justify-content:space-between;margin-top:1rem;margin-bottom:1rem}@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(--primary-purple);font-size:.75rem;font-weight:600;line-height:1.3}.notification-menu-items .notification-view-all .action-btn{font-size:12px;font-weight:600;color:var(--primary-purple);background:rgba(0,0,0,0);border:none;cursor:pointer;border-radius:4px;padding:4px 8px;transition:background .2s ease,color .2s ease,opacity .2s ease}.notification-menu-items .notification-view-all .action-btn:hover:not(:disabled){background:color-mix(in srgb,var(--primary-purple) 10%,transparent)}.notification-menu-items .notification-view-all .action-btn:disabled{opacity:.5;cursor:not-allowed}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #232325}.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{position:relative;border:2px solid rgba(0,0,0,0);border-radius:.5rem;transition:all .2s ease-in-out;text-align:left}.notification-card.unread{background:color-mix(in srgb,var(--primary-purple) 6%,transparent)}.notification-card.read .pera-text,.notification-card.read .title-text{opacity:.72}.notification-card:not(:last-child){margin-bottom:1rem}.notification-card .link-wrap-box{display:flex;gap:.5rem;cursor:default}.notification-card .link-wrap-box .img-box{width:2.5rem;min-width:2.5rem;height:2.5rem;background-color:var(--secondaryMain-150);border-radius:50%}.notification-card .link-wrap-box .img-box img{width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:center}.notification-card .link-wrap-box .text-box{width:100%;display:flex;flex-direction:column;gap:.125rem;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{width:100%;color:#b5b5b5;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{position:absolute;top:10px;right:10px;width:8px;height:8px;background:var(--primary-purple);box-shadow:0 0 0 2px rgba(119,23,255,.18);border-radius:50%;pointer-events:none}.notification-card .link-wrap-box .text-box .date-time-text{width:100%;color:var(--nickel-1000);font-size:.625rem;font-weight:600;line-height:1;text-align:right;margin-top:.25rem}