/* 0.1.5: quiet native scrollbars, never a JavaScript scrolling replacement. */
@media (forced-colors: none) and (prefers-contrast: no-preference) {
    :where(.nm-sidebar-scroll, .nm-auth-dialog, .nm-icon-dialog, .nm-prose pre, .nm-prose table) {
        --nm-scrollbar-ink: var(--nm-border, var(--nmi-line, #dce3e7));
        scrollbar-width: thin;
        scrollbar-color: var(--nm-scrollbar-ink) transparent;
        scrollbar-gutter: stable;
        transition: scrollbar-color var(--nm-motion-fast, 160ms) ease;
    }
    :where(.nm-sidebar-scroll, .nm-auth-dialog, .nm-icon-dialog, .nm-prose pre, .nm-prose table):is(:hover, :focus-within) {
        --nm-scrollbar-ink: var(--nm-muted, var(--nmi-muted, #63727c));
    }
    @supports (color: color-mix(in srgb, black, transparent)) {
        :where(.nm-sidebar-scroll, .nm-auth-dialog, .nm-icon-dialog, .nm-prose pre, .nm-prose table) {
            --nm-scrollbar-ink: color-mix(in srgb, var(--nm-muted, var(--nmi-muted, #63727c)) 24%, transparent);
        }
        :where(.nm-sidebar-scroll, .nm-auth-dialog, .nm-icon-dialog, .nm-prose pre, .nm-prose table):is(:hover, :focus-within) {
            --nm-scrollbar-ink: color-mix(in srgb, var(--nm-muted, var(--nmi-muted, #63727c)) 65%, transparent);
        }
    }
    @supports selector(::-webkit-scrollbar) {
        /* Class specificity also overrides older per-component scrollbar-width rules. */
        .nm-sidebar-scroll, .nm-auth-dialog, .nm-icon-dialog, .nm-prose pre, .nm-prose table {
            scrollbar-width: auto;
            scrollbar-color: auto;
        }
        :where(.nm-sidebar-scroll, .nm-auth-dialog, .nm-icon-dialog, .nm-prose pre, .nm-prose table)::-webkit-scrollbar {
            width: 6px;
            height: 6px;
            background: transparent;
        }
        :where(.nm-sidebar-scroll, .nm-auth-dialog, .nm-icon-dialog, .nm-prose pre, .nm-prose table)::-webkit-scrollbar-track,
        :where(.nm-sidebar-scroll, .nm-auth-dialog, .nm-icon-dialog, .nm-prose pre, .nm-prose table)::-webkit-scrollbar-corner {
            background: transparent;
        }
        :where(.nm-sidebar-scroll, .nm-auth-dialog, .nm-icon-dialog, .nm-prose pre, .nm-prose table)::-webkit-scrollbar-thumb {
            background: var(--nm-scrollbar-ink);
            border-radius: 6px;
            min-height: 36px;
        }
        :where(.nm-sidebar-scroll, .nm-auth-dialog, .nm-icon-dialog, .nm-prose pre, .nm-prose table)::-webkit-scrollbar-button {
            display: none;
            width: 0;
            height: 0;
        }
    }
}
@media (forced-colors:none) and (prefers-contrast:no-preference) {
 @supports selector(::-webkit-scrollbar) {
  .nm-sidebar-left .nm-sidebar-scroll,
  .nm-sidebar-left:hover .nm-sidebar-scroll,
  .nm-sidebar-scroll:focus-visible,
  .nm-sidebar-scroll:has(:focus-visible) {scrollbar-width:auto;scrollbar-color:auto}
 }
}
/* Sidebar only: completely invisible at rest; gutter width stays unchanged. */
@media (forced-colors: none) and (prefers-contrast: no-preference) {
    .nm-sidebar-scroll { --nm-scrollbar-ink: transparent; }
    .nm-sidebar-scroll:focus-visible,
    .nm-sidebar-scroll:has(:focus-visible) {
        --nm-scrollbar-ink: var(--nm-muted, #63727c);
    }
    @media (hover: hover) {
        .nm-sidebar-left:hover .nm-sidebar-scroll,
        .nm-sidebar-scroll:hover { --nm-scrollbar-ink: var(--nm-muted, #63727c); }
    }
    @supports (color: color-mix(in srgb, black, transparent)) {
        .nm-sidebar-scroll:focus-visible,
        .nm-sidebar-scroll:has(:focus-visible) {
            --nm-scrollbar-ink: color-mix(in srgb, var(--nm-muted, #63727c) 65%, transparent);
        }
        @media (hover: hover) {
            .nm-sidebar-left:hover .nm-sidebar-scroll,
            .nm-sidebar-scroll:hover {
                --nm-scrollbar-ink: color-mix(in srgb, var(--nm-muted, #63727c) 65%, transparent);
            }
        }
    }
}
@media (forced-colors: active), (prefers-contrast: more) {
    .nm-sidebar-scroll, .nm-auth-dialog, .nm-icon-dialog, .nm-prose pre, .nm-prose table {
        scrollbar-width: auto;
        scrollbar-color: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    :where(.nm-sidebar-scroll, .nm-auth-dialog, .nm-icon-dialog, .nm-prose pre, .nm-prose table) { transition: none; }
}