/* Keep the settings navigation physically independent from panel reflow. */
#settingsView {
    transition: none !important;
}

#settingsView .settings-window {
    display: block !important;
    position: relative !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    contain: layout style !important;
}

#settingsView .settings-tabs {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    overflow: hidden !important;
}

#settingsView .settings-panels {
    position: absolute !important;
    inset: 0 0 0 250px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    overflow-y: scroll !important;
    scrollbar-gutter: stable !important;
}

#settingsView .settings-tab-content,
#settingsView .settings-tab-content.active {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

@media (max-width: 760px) {
    #settingsView .settings-window {
        display: grid !important;
        contain: none !important;
    }

    #settingsView .settings-tabs {
        position: relative !important;
        inset: auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
    }

    #settingsView .settings-panels {
        position: relative !important;
        inset: auto !important;
        width: auto !important;
        height: auto !important;
        overflow-y: auto !important;
    }
}
