/* Extend the location page's Radzen scrollbars to the document, portals and
   native overflow containers. Keep standard properties unset in WebKit/Blink:
   setting scrollbar-color there replaces the rounded custom thumb. */
:root {
    --atlas-scrollbar-thumb: var(--rz-scrollbar-color, rgba(255, 255, 255, .12));
    --atlas-scrollbar-hover: var(--rz-text-disabled-color, #7c848c);
    --atlas-scrollbar-track: transparent;
}
:root::-webkit-scrollbar, :root ::-webkit-scrollbar {
    width: 16px;
    height: 16px;
    background: var(--atlas-scrollbar-track);
}
:root::-webkit-scrollbar-track, :root ::-webkit-scrollbar-track,
:root::-webkit-scrollbar-corner, :root ::-webkit-scrollbar-corner {
    background: var(--atlas-scrollbar-track);
}
:root::-webkit-scrollbar-thumb, :root ::-webkit-scrollbar-thumb {
    background: var(--atlas-scrollbar-thumb);
    background-clip: padding-box;
    border: 4px solid transparent;
    border-radius: 8px;
    min-width: 24px;
    min-height: 24px;
}
:root::-webkit-scrollbar-thumb:hover, :root ::-webkit-scrollbar-thumb:hover {
    background-color: var(--atlas-scrollbar-hover);
}
:root::-webkit-scrollbar-button, :root ::-webkit-scrollbar-button { display: none; }
@supports not selector(::-webkit-scrollbar) {
    :root, :root :where(*) {
        scrollbar-width: thin;
        scrollbar-color: var(--atlas-scrollbar-thumb) var(--atlas-scrollbar-track);
    }
}
@media (forced-colors: active) {
    :root { --atlas-scrollbar-thumb: CanvasText; --atlas-scrollbar-hover: Highlight; --atlas-scrollbar-track: Canvas; }
}