.header {
        padding-right: 84px !important;
    }
    .notification-bell {
        left: auto !important;
        bottom: auto !important;
        right: 16px !important;
        top: 12px !important;
        width: 50px !important;
        height: 50px !important;
        font-size: 1.35rem !important;
        z-index: 1600 !important;
    }
    .notification-panel {
        left: auto !important;
        bottom: auto !important;
        right: 16px !important;
        top: 72px !important;
        width: min(380px, calc(100vw - 24px)) !important;
        max-height: min(72vh, 560px) !important;
    }
    @media (max-width: 768px) {
        .header {
            padding-right: 72px !important;
        }
    }
    @media (max-width: 640px) {
        .header {
            padding-right: 68px !important;
        }
        .notification-bell {
            right: 10px !important;
            top: 10px !important;
            width: 46px !important;
            height: 46px !important;
            font-size: 1.25rem !important;
        }
        .notification-panel {
            right: 10px !important;
            top: 62px !important;
            width: calc(100vw - 20px) !important;
            border-radius: 18px !important;
        }
    }