/* Файл оформляет собственные полосы прокрутки всех страниц Ansa: место под полосу без своего фона, только спокойный thumb в тон фона под ним. */

/* --- Область с местом под полосу справа и снизу --- */
.scroll-shell{display:grid;grid-template-columns:minmax(0,1fr) var(--scroll-width);grid-template-rows:minmax(0,1fr) var(--scroll-width);width:100%;min-width:0;min-height:0;position:relative}
.scroll-shell>.scroll-content{grid-column:1;grid-row:1;min-width:0;min-height:0}
.scroll-content.scroll-ready{scrollbar-width:none}
.scroll-content.scroll-ready::-webkit-scrollbar{display:none}

/* --- Дорожка без фона: место под полосу продолжает фон содержимого рядом --- */
.scroll-track{position:relative;touch-action:none;background:var(--scroll-track);user-select:none}
.scroll-shell>.scroll-track.vertical{grid-column:2;grid-row:1;margin:var(--scroll-edge) var(--scroll-inset)}
.scroll-shell>.scroll-track.horizontal{grid-column:1;grid-row:2;margin:var(--scroll-inset) var(--scroll-edge)}
.scroll-track[hidden]{display:block;visibility:hidden}

/* --- Thumb: тонкий в покое, во всю ширину места при наведении, перетаскивании и фокусе; цвета - по тону фона под ним --- */
.scroll-thumb{--thumb-size:var(--scroll-idle);--thumb-idle:var(--scroll-on-dark-idle);--thumb-hover:var(--scroll-on-dark-hover);--thumb-active:var(--scroll-on-dark-active);--thumb-focus:var(--scroll-on-dark-focus);
  position:absolute;border:0;padding:0;margin:0;border-radius:999px;background:var(--thumb-idle);touch-action:none;cursor:default;appearance:none;-webkit-tap-highlight-color:transparent}
.scroll-thumb[data-tone="light"]{--thumb-idle:var(--scroll-on-light-idle);--thumb-hover:var(--scroll-on-light-hover);--thumb-active:var(--scroll-on-light-active);--thumb-focus:var(--scroll-on-light-focus)}
.vertical .scroll-thumb{width:var(--thumb-size);left:calc((100% - var(--thumb-size)) / 2);transition:background-color var(--scroll-transition),width var(--scroll-transition),left var(--scroll-transition)}
.horizontal .scroll-thumb{height:var(--thumb-size);top:calc((100% - var(--thumb-size)) / 2);transition:background-color var(--scroll-transition),height var(--scroll-transition),top var(--scroll-transition)}
.scroll-track:hover .scroll-thumb,.scroll-thumb.dragging,.scroll-thumb:focus-visible{--thumb-size:100%}
.scroll-track:hover .scroll-thumb{background:var(--thumb-hover)}
.scroll-thumb.dragging{background:var(--thumb-active)}
.scroll-thumb:focus{outline:none}
.scroll-thumb:focus-visible{background:var(--thumb-focus);outline:var(--scroll-inset) solid color-mix(in srgb,var(--thumb-focus) 40%,transparent);outline-offset:0}
@media (prefers-reduced-motion:reduce){.scroll-thumb{transition:none!important}}

/* --- Прокрутка всей страницы: полоса поверх правого края, под ней фон разделов, шапки и подвала --- */
html.scroll-page-ready,html.scroll-page-ready body{scrollbar-width:none}
html.scroll-page-ready::-webkit-scrollbar,html.scroll-page-ready body::-webkit-scrollbar{display:none}
.scroll-page>.scroll-track{position:fixed;z-index:2147483000}
.scroll-page>.scroll-track.vertical{top:0;bottom:0;right:0;width:calc(var(--scroll-width) - var(--scroll-inset) * 2);margin:var(--scroll-edge) var(--scroll-inset)}
.scroll-page>.scroll-track.horizontal{left:0;right:0;bottom:0;height:calc(var(--scroll-width) - var(--scroll-inset) * 2);margin:var(--scroll-inset) var(--scroll-edge)}
.scroll-page.both>.scroll-track.vertical{bottom:var(--scroll-width)}
.scroll-page.both>.scroll-track.horizontal{right:var(--scroll-width)}