/* One document scroll position; the visible rail stays inside the page's content. */
html.yevo-scroll-managed {
    scrollbar-width: none !important;
    scrollbar-gutter: auto !important;
    --home-scrollbar-width: 0px !important;
    --max-scrollbar-width: 0px !important;
    --matvii-scrollbar-width: 0px !important;
}
html.yevo-scroll-managed::-webkit-scrollbar,
html.yevo-scroll-managed body::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
html.yevo-scroll-managed:not(.yevo-scroll-ready) { overflow: hidden !important; }
html.yevo-scroll-managed.yevo-scroll-ready { overflow-x: clip !important; overflow-y: auto !important; }
html.yevo-scroll-managed.yevo-scroll-ready body { overflow-x: clip !important; overflow-y: visible !important; }
html.yevo-scroll-managed:has(dialog[open]), html.yevo-scroll-managed:has(body.modal-open) { overflow: hidden !important; }
html.yevo-scroll-managed:has(dialog[open]) .yevo-scrollbar, html.yevo-scroll-managed:has(body.modal-open) .yevo-scrollbar { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
html.yevo-scroll-managed.yevo-scroll-ready [data-yevo-intro-cover] { display: none !important; }
html.yevo-scroll-dragging, html.yevo-scroll-instant { scroll-behavior: auto !important; }
html.yevo-scroll-dragging, html.yevo-scroll-dragging * { cursor: grabbing !important; user-select: none !important; }
.yevo-scrollbar {
    position: fixed !important;
    right: 3px;
    z-index: 90;
    width: 14px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    border-radius: 20px;
    background: transparent;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    touch-action: none;
    user-select: none;
    transform: none !important;
    animation: none !important;
    transition: opacity .45s ease, visibility 0s .45s;
}
.yevo-scrollbar::before { content: ""; position: absolute; inset: 0 4px; border-radius: 20px; background: rgba(140,145,154,.09); }
.yevo-scrollbar.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s; }
.yevo-scrollbar__thumb { position: absolute; top: 0; left: 5px; width: 4px; min-height: 36px; border-radius: 20px; background: #979ca6; box-shadow: 0 0 0 1px rgba(255,255,255,.55); pointer-events: none; transition: background-color .2s ease, width .2s ease, left .2s ease; }
.yevo-scrollbar:hover .yevo-scrollbar__thumb,
.yevo-scrollbar:focus-visible .yevo-scrollbar__thumb,
.yevo-scrollbar.is-dragging .yevo-scrollbar__thumb { left: 4px; width: 6px; background: #69717e; }
.yevo-scrollbar:focus-visible { outline: none; }
.yevo-scrollbar:focus-visible .yevo-scrollbar__thumb { outline: 1px solid #b6c1d2; outline-offset: 2px; }
@media (max-width: 600px) { .yevo-scrollbar { right: 0; width: 12px; } .yevo-scrollbar__thumb { left: 4px; } .yevo-scrollbar::before { left: 3px; right: 3px; } }
@media (prefers-reduced-motion: reduce) { .yevo-scrollbar, .yevo-scrollbar__thumb { transition: none; } }
@media (forced-colors: active) { .yevo-scrollbar__thumb { background: ButtonText; box-shadow: none; } .yevo-scrollbar::before { background: Canvas; outline: 1px solid GrayText; } }