:root {
	--entroutweb-scrollbar-thumb: #8ad6e2;
	--entroutweb-scrollbar-thumb-hover: #4a7d85;
	--entroutweb-scrollbar-track: #e5eeee;
	--entroutweb-scrollbar-width: 8px;
	--entroutweb-scrollbar-radius: 10px;
}

/* Native fallback for controls the JavaScript library intentionally leaves alone. */
html,
body,
* {
	scrollbar-color: var(--entroutweb-scrollbar-thumb) var(--entroutweb-scrollbar-track) !important;
	scrollbar-width: thin !important;
}

*::-webkit-scrollbar {
	width: var(--entroutweb-scrollbar-width) !important;
	height: var(--entroutweb-scrollbar-width) !important;
}

*::-webkit-scrollbar-track { background: var(--entroutweb-scrollbar-track) !important; }
*::-webkit-scrollbar-thumb {
	border-radius: var(--entroutweb-scrollbar-radius) !important;
	background: var(--entroutweb-scrollbar-thumb) !important;
}
*::-webkit-scrollbar-thumb:hover { background: var(--entroutweb-scrollbar-thumb-hover) !important; }
*::-webkit-scrollbar-button,
*::-webkit-scrollbar-button:single-button,
*::-webkit-scrollbar-button:vertical,
*::-webkit-scrollbar-button:horizontal {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	background: transparent !important;
}

.os-theme-entroutweb {
	--os-size: var(--entroutweb-scrollbar-width);
	--os-padding-perpendicular: 1px;
	--os-padding-axis: 2px;
	--os-track-border-radius: var(--entroutweb-scrollbar-radius);
	--os-track-bg: var(--entroutweb-scrollbar-track);
	--os-track-bg-hover: var(--entroutweb-scrollbar-track);
	--os-track-bg-active: var(--entroutweb-scrollbar-track);
	--os-handle-border-radius: var(--entroutweb-scrollbar-radius);
	--os-handle-bg: var(--entroutweb-scrollbar-thumb);
	--os-handle-bg-hover: var(--entroutweb-scrollbar-thumb-hover);
	--os-handle-bg-active: var(--entroutweb-scrollbar-thumb-hover);
	--os-handle-min-size: 28px;
	--os-handle-interactive-area-offset: 3px;
}

.entroutweb-popup__content > .os-scrollbar-vertical {
	top: 4px;
	right: 4px;
	bottom: 4px;
	z-index: 20;
}

.entroutweb-popup__content > .os-scrollbar-horizontal { display: none !important; }

@media (pointer: coarse) {
	.entroutweb-popup__content {
		-webkit-overflow-scrolling: touch;
		touch-action: pan-y;
	}

	.entroutweb-popup__content > .os-scrollbar { pointer-events: none; }
}

.custom-scrollbar { position: relative; max-width: 100%; overflow: auto; }
.custom-scrollbar table { width: 120%; min-width: 900px; border-collapse: collapse; }