html,
body {
    max-width: 100%;
    overflow-x: clip;
    overscroll-behavior-x: none;
    overscroll-behavior-y: none;
}

@supports not (overflow: clip) {
    html,
    body {
        overflow-x: hidden;
    }
}

@media (max-width: 700px) {
    .arms-app,
    .arms-main,
    .arms-content,
    .arms-content > * {
        min-width: 0 !important;
        max-width: 100%;
    }

    .arms-main {
        overflow-x: clip;
    }

    .arms-topbar {
        position: sticky !important;
        z-index: 2900;
        top: 0;
        transform: none !important;
        transition: top 180ms ease-out;
        will-change: top;
    }

    .arms-topbar.arms-mobile-header-hidden {
        top: var(--arms-mobile-header-hidden-top, -74px);
    }

    .arms-topbar:not(.arms-mobile-header-hidden) {
        pointer-events: auto !important;
    }

    .arms-header-context {
        min-width: 0;
        pointer-events: none;
    }

    .arms-header-right,
    .arms-header-controls,
    .arms-notify,
    .arms-notify-bell {
        position: relative;
        z-index: 3100;
        pointer-events: auto !important;
    }

    .arms-notify-panel,
    .arms-notify-toast {
        pointer-events: auto !important;
    }

    .arms-sidebar {
        width: min(88vw, 320px) !important;
        max-width: 88vw;
        overflow-x: hidden !important;
    }

    .arms-navigation,
    .arms-nav-submenu,
    .arms-nav-link,
    .arms-nav-dropdown-button {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .arms-nav-submenu {
        padding-right: .45rem;
    }

    .arms-nav-link > span:last-child,
    .arms-nav-dropdown-title {
        min-width: 0;
        overflow-wrap: anywhere;
        white-space: normal;
        line-height: 1.25;
    }
}

@media (max-width: 700px) and (prefers-reduced-motion: reduce) {
    .arms-topbar {
        transition: none;
    }
}