:root{
 --cd-scrollbar-size:6px;
 --cd-scrollbar-track:#0a0a0a;
 --cd-scrollbar-thumb:#737980;
 --cd-scrollbar-thumb-hover:#aeb3b8;
 --cd-scrollbar-thumb-active:var(--cd-accent,#ec1c24);
}
html,body,.cd-site-component,.cd-content-modal-panel,.cd-timeline-card,
.cd-filter-gallery-viewport,.cd-process-gallery .cdpg-public-thumbnails,
.cd-filter-gallery-thumbs,.cd-timeline.is-horizontal{
 scrollbar-width:thin!important;
 scrollbar-color:var(--cd-scrollbar-thumb) var(--cd-scrollbar-track)!important;
}
html::-webkit-scrollbar,body::-webkit-scrollbar,
.cd-site-component::-webkit-scrollbar,.cd-site-component *::-webkit-scrollbar,
.cd-content-modal-panel::-webkit-scrollbar,.cd-timeline-card::-webkit-scrollbar,
.cd-filter-gallery-viewport::-webkit-scrollbar,.cd-process-gallery .cdpg-public-thumbnails::-webkit-scrollbar,
.cd-filter-gallery-thumbs::-webkit-scrollbar,.cd-timeline.is-horizontal::-webkit-scrollbar{
 width:var(--cd-scrollbar-size)!important;height:var(--cd-scrollbar-size)!important;
 background:var(--cd-scrollbar-track)!important;
}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,
.cd-site-component::-webkit-scrollbar-track,.cd-site-component *::-webkit-scrollbar-track,
.cd-content-modal-panel::-webkit-scrollbar-track,.cd-timeline-card::-webkit-scrollbar-track,
.cd-filter-gallery-viewport::-webkit-scrollbar-track,.cd-process-gallery .cdpg-public-thumbnails::-webkit-scrollbar-track,
.cd-filter-gallery-thumbs::-webkit-scrollbar-track,.cd-timeline.is-horizontal::-webkit-scrollbar-track{
 background:var(--cd-scrollbar-track)!important;
}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,
.cd-site-component::-webkit-scrollbar-thumb,.cd-site-component *::-webkit-scrollbar-thumb,
.cd-content-modal-panel::-webkit-scrollbar-thumb,.cd-timeline-card::-webkit-scrollbar-thumb,
.cd-filter-gallery-viewport::-webkit-scrollbar-thumb,.cd-process-gallery .cdpg-public-thumbnails::-webkit-scrollbar-thumb,
.cd-filter-gallery-thumbs::-webkit-scrollbar-thumb,.cd-timeline.is-horizontal::-webkit-scrollbar-thumb{
 background:var(--cd-scrollbar-thumb)!important;border:0!important;border-radius:999px!important;
}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,
.cd-site-component *::-webkit-scrollbar-thumb:hover,.cd-timeline-card::-webkit-scrollbar-thumb:hover{
 background:var(--cd-scrollbar-thumb-hover)!important;
}
html::-webkit-scrollbar-thumb:active,body::-webkit-scrollbar-thumb:active,
.cd-site-component *::-webkit-scrollbar-thumb:active,.cd-timeline-card::-webkit-scrollbar-thumb:active{
 background:var(--cd-scrollbar-thumb-active)!important;
}

/* 0.10.5 — explicit Site Kit scroll-region contract. */
.cd-scroll-region,
.cd-timeline-step.height-fixed>.cd-timeline-card,
.cd-filter-gallery.fixed-height>.cd-filter-gallery-viewport,
.cd-process-gallery .cdpg-public-thumbnails,
.cd-filter-gallery-thumbs,
.cd-timeline.is-horizontal{
 scrollbar-width:thin!important;
 scrollbar-color:var(--cd-scrollbar-thumb) transparent!important;
}
.cd-scroll-region::-webkit-scrollbar,
.cd-timeline-step.height-fixed>.cd-timeline-card::-webkit-scrollbar,
.cd-filter-gallery.fixed-height>.cd-filter-gallery-viewport::-webkit-scrollbar,
.cd-process-gallery .cdpg-public-thumbnails::-webkit-scrollbar,
.cd-filter-gallery-thumbs::-webkit-scrollbar,
.cd-timeline.is-horizontal::-webkit-scrollbar{
 width:5px!important;height:5px!important;background:transparent!important
}
.cd-scroll-region::-webkit-scrollbar-track,
.cd-timeline-step.height-fixed>.cd-timeline-card::-webkit-scrollbar-track,
.cd-filter-gallery.fixed-height>.cd-filter-gallery-viewport::-webkit-scrollbar-track,
.cd-process-gallery .cdpg-public-thumbnails::-webkit-scrollbar-track,
.cd-filter-gallery-thumbs::-webkit-scrollbar-track,
.cd-timeline.is-horizontal::-webkit-scrollbar-track{background:transparent!important}
.cd-scroll-region::-webkit-scrollbar-thumb,
.cd-timeline-step.height-fixed>.cd-timeline-card::-webkit-scrollbar-thumb,
.cd-filter-gallery.fixed-height>.cd-filter-gallery-viewport::-webkit-scrollbar-thumb,
.cd-process-gallery .cdpg-public-thumbnails::-webkit-scrollbar-thumb,
.cd-filter-gallery-thumbs::-webkit-scrollbar-thumb,
.cd-timeline.is-horizontal::-webkit-scrollbar-thumb{
 background:rgba(174,179,184,.62)!important;border:0!important;border-radius:999px!important
}
.cd-scroll-region::-webkit-scrollbar-thumb:hover,
.cd-timeline-step.height-fixed>.cd-timeline-card::-webkit-scrollbar-thumb:hover,
.cd-filter-gallery.fixed-height>.cd-filter-gallery-viewport::-webkit-scrollbar-thumb:hover,
.cd-process-gallery .cdpg-public-thumbnails::-webkit-scrollbar-thumb:hover,
.cd-filter-gallery-thumbs::-webkit-scrollbar-thumb:hover,
.cd-timeline.is-horizontal::-webkit-scrollbar-thumb:hover{background:var(--cd-scrollbar-thumb-hover)!important}

/* The document should never acquire a horizontal scrollbar from Site Kit geometry. */
html,body{max-width:100%;overflow-x:clip}
.cd-site-component,.cd-timeline,.cd-timeline-step,.cd-timeline-card,
.cd-process-gallery,.cd-filter-gallery,.cd-filter-gallery-controls,
.cd-filter-gallery-viewport{min-width:0;max-width:100%;box-sizing:border-box}

/* 0.10.6 — native scrolling, Site Kit visual indicator. */
.cd-scroll-region{
 position:relative;
 scrollbar-width:none!important;
 -ms-overflow-style:none!important;
}
.cd-scroll-region::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.cd-scroll-indicator{
 position:absolute;z-index:70;pointer-events:none;opacity:.78;
 transition:opacity .15s ease;
}
.cd-scroll-indicator.is-vertical{top:4px;right:3px;bottom:4px;width:3px}
.cd-scroll-indicator.is-horizontal{left:4px;right:4px;bottom:3px;height:3px}
.cd-scroll-indicator-thumb{
 position:absolute;border-radius:999px;background:rgba(174,179,184,.72);
 min-width:18px;min-height:18px;
}
.cd-scroll-indicator.is-vertical .cd-scroll-indicator-thumb{left:0;width:3px}
.cd-scroll-indicator.is-horizontal .cd-scroll-indicator-thumb{top:0;height:3px}
.cd-scroll-region:not(.is-scrollable-x):not(.is-scrollable-y)>.cd-scroll-indicator{display:none}

.cd-timeline-step.height-fixed>.cd-timeline-card,
.cd-filter-gallery.fixed-height>.cd-filter-gallery-viewport,
.cd-process-gallery .cdpg-public-thumbnails,
.cd-filter-gallery-thumbs,
.cd-timeline.is-horizontal{
 scrollbar-width:none!important;-ms-overflow-style:none!important
}
.cd-timeline-step.height-fixed>.cd-timeline-card::-webkit-scrollbar,
.cd-filter-gallery.fixed-height>.cd-filter-gallery-viewport::-webkit-scrollbar,
.cd-process-gallery .cdpg-public-thumbnails::-webkit-scrollbar,
.cd-filter-gallery-thumbs::-webkit-scrollbar,
.cd-timeline.is-horizontal::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* 0.10.8 — overlay indicators never participate in component layout. */
.cd-scroll-overlay-indicator{
 position:fixed!important;
 z-index:2147483000!important;
 pointer-events:none!important;
 margin:0!important;padding:0!important;
 opacity:.78;
}
.cd-scroll-overlay-indicator.is-vertical{width:3px}
.cd-scroll-overlay-indicator.is-horizontal{height:3px}
.cd-scroll-overlay-indicator .cd-scroll-indicator-thumb{
 position:absolute!important;
 display:block!important;
 margin:0!important;padding:0!important;
 border:0!important;border-radius:999px!important;
 background:rgba(174,179,184,.72)!important;
}
.cd-scroll-overlay-indicator.is-vertical .cd-scroll-indicator-thumb{left:0;width:3px;min-height:18px}
.cd-scroll-overlay-indicator.is-horizontal .cd-scroll-indicator-thumb{top:0;height:3px;min-width:18px}
/* Suppress the old 0.10.6 in-region indicators; JS removes them too. */
.cd-scroll-region>.cd-scroll-indicator{display:none!important}

/* 0.10.9 — final thin indicator geometry + hard hide state. */
.cd-scroll-overlay-indicator[hidden]{display:none!important}
.cd-scroll-overlay-indicator{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.cd-scroll-overlay-indicator.is-vertical{width:2px!important}
.cd-scroll-overlay-indicator.is-horizontal{height:2px!important}
.cd-scroll-overlay-indicator.is-vertical .cd-scroll-indicator-thumb{left:0!important;width:2px!important;min-width:0!important;min-height:12px!important}
.cd-scroll-overlay-indicator.is-horizontal .cd-scroll-indicator-thumb{top:0!important;height:2px!important;min-height:0!important;min-width:12px!important}
.cd-scroll-overlay-indicator .cd-scroll-indicator-thumb{
 border:0!important;border-radius:999px!important;background:rgba(174,179,184,.68)!important;box-shadow:none!important
}

/* v0.12.9 — dynamic Layer Viewer information panel. */
.cd-layer-info-body{scrollbar-width:thin!important;scrollbar-color:var(--cd-scrollbar-thumb) transparent!important}
.cd-layer-info-body::-webkit-scrollbar{width:5px!important;height:5px!important;background:transparent!important}
.cd-layer-info-body::-webkit-scrollbar-track{background:transparent!important}
.cd-layer-info-body::-webkit-scrollbar-thumb{background:rgba(174,179,184,.62)!important;border:0!important;border-radius:999px!important}
.cd-layer-info-body::-webkit-scrollbar-thumb:hover{background:var(--cd-scrollbar-thumb-hover)!important}
