/* Shared by the pages and the standalone configurator. */
:root{--alpena-scroll-track:#e9ede8;--alpena-scroll-thumb:#1f6fb8;--alpena-scroll-dark-thumb:#8ac6f3}
html:has(.sc-host .alpena-home){--alpena-scroll-track:#1b232b;--alpena-scroll-thumb:#9ecdf2}
html:has(.sc-host .alpena-gipser){--alpena-scroll-thumb:#3f7230;--alpena-scroll-dark-thumb:#a3cc82}
html:has(.sc-host .alpena-holz){--alpena-scroll-thumb:#8a5f34;--alpena-scroll-dark-thumb:#d6ac82}
#menu{--alpena-scroll-track:#1b232b;--alpena-scroll-thumb:var(--alpena-scroll-dark-thumb)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:var(--alpena-scroll-track);border-radius:10px}
*::-webkit-scrollbar-thumb{background:var(--alpena-scroll-thumb);border:2px solid var(--alpena-scroll-track);border-radius:10px}
*::-webkit-scrollbar-thumb:hover{border-width:1px}
*::-webkit-scrollbar-button{display:none;width:0;height:0}
*::-webkit-scrollbar-corner{background:var(--alpena-scroll-track)}
/* Native thin scrollbars where the WebKit thumb styling is unavailable. */
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--alpena-scroll-thumb) var(--alpena-scroll-track)}}
@media(forced-colors:active){:root,#menu{--alpena-scroll-track:Canvas;--alpena-scroll-thumb:ButtonText}}