/* Shared scrollbar skin. Applies automatically to new scroll regions.
   Overflow and dimensions remain owned by each component. */
@media (min-width:601px) and (hover:hover) and (pointer:fine) {
    :root, :root :is(*, #collectionTabs) {
        scrollbar-width:thin !important;
        scrollbar-color:#648373 #eeece5 !important;
    }
    :root::-webkit-scrollbar, :root :is(*, #collectionTabs)::-webkit-scrollbar {
        width:8px !important;height:8px !important;
    }
    :root::-webkit-scrollbar-track, :root :is(*, #collectionTabs)::-webkit-scrollbar-track {
        background:#eeece5 !important;border-radius:20px !important;
    }
    :root::-webkit-scrollbar-thumb, :root :is(*, #collectionTabs)::-webkit-scrollbar-thumb {
        background:#648373 !important;border-radius:20px !important;border:0 !important;min-height:32px;
    }
    :root::-webkit-scrollbar-thumb:hover, :root :is(*, #collectionTabs)::-webkit-scrollbar-thumb:hover {
        background:#244a3c !important;
    }
    :root::-webkit-scrollbar-button, :root :is(*, #collectionTabs)::-webkit-scrollbar-button {
        display:none !important;width:0 !important;height:0 !important;
    }
    :root::-webkit-scrollbar-corner, :root :is(*, #collectionTabs)::-webkit-scrollbar-corner {
        background:#eeece5 !important;
    }
}
@media (min-width:601px) and (hover:hover) and (pointer:fine) {
    :root .frontend-breadcrumb {scrollbar-width:none !important;}
    :root .frontend-breadcrumb::-webkit-scrollbar {display:none !important;}
}
/* Honour the user's accessibility colour scheme and scrollbar settings. */
@media (forced-colors:active) {
    :root, :root :is(*, #collectionTabs) {scrollbar-width:auto !important;scrollbar-color:auto !important;}
}