.notifications-page-wrapper{display:flex;flex-direction:column;position:relative;height:100%;overflow:hidden}.notifications-page-wrapper .page-header-container{background-color:var(--primary);display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:9;padding:14px 8px;border-bottom:1px solid var(--highlight)}.notifications-page-wrapper .page-header-container h4.header-text{font-family:var(--font-fira-sans-extra-condensed);font-size:20px;font-weight:500;letter-spacing:.4px;color:var(--text-dark-000);text-align:center;margin:0}.notifications-page-wrapper .notifications-body-wrapper{flex:1;display:flex;flex-direction:column;padding-bottom:24px;overflow-y:auto}.notifications-page-wrapper .notifications-back{position:absolute;left:16px;color:#fff;cursor:pointer;display:flex;align-items:center}.notification-sheet-container{position:fixed;top:0;bottom:0;left:240px;width:360px;max-width:calc(100vw - 240px);z-index:1025;background-color:var(--bg-main);border-left:1px solid var(--bg-selected);box-shadow:2px 0 8px rgba(0,0,0,.12);opacity:0;transform:translateX(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.notification-sheet-container.open{opacity:1;transform:translateX(0);pointer-events:auto}@media screen and (max-width:744px){.notification-sheet-container{left:0;width:100%;max-width:100%;border-left:none;box-shadow:none;transform:translateX(-100%)}.notification-sheet-container.open{transform:translateX(0)}}.notification-item-container{display:flex;align-items:center;gap:8px;padding:8px 16px 8px 0;margin-left:16px;border-bottom:1px solid var(--text-grey-200);position:relative;cursor:pointer}.notification-item-container .notification-unread-flag{position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:40px;border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:var(--secondary)}.notification-item-container .item-image-block{width:36px;min-width:36px;height:36px;position:relative;border-radius:50%;border:1px solid var(--highlight);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--primary);color:var(--highlight)}.notification-item-container .item-image-block>.icon{width:16px;height:16px}.notification-item-container .item-details-block{flex:1;min-width:0;font-weight:400;color:var(--text-primary);line-height:18px}.notification-item-container .item-details-block .title{font-family:var(--font-fira-sans-extra-condensed);font-size:var(--text-h5);font-weight:500}.notification-item-container .item-details-block .sub-title{font-size:var(--text-body-2)}.notification-item-container .item-details-block .sub-text{font-size:var(--text-body-2);color:var(--text-grey-200);white-space:nowrap}.notification-item-container .item-action-block .button{min-width:86px;height:32px;min-height:32px;padding:0 16px;border-radius:4px;font-family:var(--font-fira-sans-extra-condensed);font-size:12px;letter-spacing:1.2px}.notification-item-container .item-action-image{border:1px solid var(--highlight);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--primary);color:var(--highlight);position:relative;width:48px;height:48px;min-width:48px;border-radius:4px}.notification-item-container .item-action-image>.icon{width:16px;height:16px}@media screen and (max-width:420px){.notification-item-container .item-image-block{width:32px;min-width:32px;height:32px}}.notifications-empty-container{display:flex;flex-direction:column;align-items:center;gap:24px;padding:0 24px;margin-top:64px;text-align:center;color:var(--text-primary)}.notifications-empty-container h3.empty-header{font-size:var(--text-h3);font-weight:500;letter-spacing:.02em}.notifications-empty-container .empty-message{font-size:var(--text-body-1);font-weight:400}.notifications-empty-container .empty-action-btn{width:250px}.logged-in-top-nav_logged-in-top-nav__6WO7p{position:fixed;top:0;left:0;right:0;height:56px;background-color:var(--primary);z-index:1000;display:flex;align-items:center;transition:background-color .25s ease}.logged-in-top-nav_logged-in-top-nav__6WO7p.logged-in-top-nav_transparent__d0pa0{background-color:transparent}.logged-in-top-nav_nav-content__VipT5{width:100%;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.logged-in-top-nav_nav-left__UNayg{display:flex;align-items:center;gap:10px}.logged-in-top-nav_menu-button__sNppY{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;height:32px;padding:0 8px;border:1px solid var(--text-dark-000);border-radius:4px;background:transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.logged-in-top-nav_menu-button__sNppY:hover{background-color:hsla(0,0%,97%,.12)}.logged-in-top-nav_menu-button__sNppY:active{background-color:hsla(0,0%,97%,.2);transform:scale(.96)}.logged-in-top-nav_menu-button__sNppY.logged-in-top-nav_active__otK5B{background-color:hsla(0,0%,97%,.16);border-color:#fff}.logged-in-top-nav_menu-icon__glsxf{width:20px;height:20px;color:var(--text-dark-000);flex-shrink:0}.logged-in-top-nav_menu-initials__U8nAc{font-family:var(--font-fira-sans-extra-condensed);font-size:12px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:#fff;white-space:nowrap}.logged-in-top-nav_logo-link__kDtAP{display:flex;align-items:center;width:120px}.logged-in-top-nav_logo-image__B_iIP{width:100%;height:auto}