/* Единый scrollbar приложения. Monaco рисует собственные scrollbar-элементы и этим правилом не затрагивается. */
:root {
    --app-scrollbar-track: transparent;
    --app-scrollbar-thumb: rgba(100, 116, 139, 0.42);
    --app-scrollbar-thumb-hover: rgba(148, 163, 184, 0.62);
}

html {
    scrollbar-color: var(--app-scrollbar-thumb) var(--app-scrollbar-track);
    scrollbar-width: thin;
}

*:not(.monaco-scrollable-element) {
    scrollbar-color: var(--app-scrollbar-thumb) var(--app-scrollbar-track);
    scrollbar-width: thin;
}

*:not(.monaco-scrollable-element)::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*:not(.monaco-scrollable-element)::-webkit-scrollbar-track {
    background: var(--app-scrollbar-track);
}

*:not(.monaco-scrollable-element)::-webkit-scrollbar-thumb {
    min-width: 28px;
    min-height: 28px;
    border: 2px solid transparent;
    border-radius: 999px;
    background: var(--app-scrollbar-thumb);
    background-clip: padding-box;
}

*:not(.monaco-scrollable-element)::-webkit-scrollbar-thumb:hover {
    background-color: var(--app-scrollbar-thumb-hover);
}

*:not(.monaco-scrollable-element)::-webkit-scrollbar-corner {
    background: transparent;
}