/* Only phone notification settings. Preference reads/writes stay unchanged. */
@media (max-width: 767px) {
    :is(#repPushSettingsModal, #pushSettingsModal) {
        box-sizing: border-box;
        height: 100vh;
        height: 100dvh;
        padding: calc(env(safe-area-inset-top, 0px) + 12px) 12px
            calc(env(safe-area-inset-bottom, 0px) + 12px);
        overflow: hidden;
    }
    :is(#repPushSettingsModal, #pushSettingsModal) > div {
        box-sizing: border-box;
        min-height: 0;
        max-height: 100%;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
    }
    /* repSett is the Settings tab, not the bell modal. Let its page own scroll
     * and leave room for the phone footer below Save settings. */
    #panel-settings {
        height: auto; max-height: none; overflow: visible;
        padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 72px);
    }
}