/* Salmones Scrollbar */
html.sbs-hide-native,
html.sbs-hide-native body {
	scrollbar-width: none;
	-ms-overflow-style: none;
}
html.sbs-hide-native::-webkit-scrollbar,
html.sbs-hide-native body::-webkit-scrollbar {
	width: 0;
	height: 0;
	display: none;
}

.sbs {
	--sbs-hit: 14px;
	position: fixed;
	top: var(--sbs-top, 0);
	bottom: var(--sbs-bottom, 0);
	left: var(--sbs-left, 10.4vw);
	width: var(--sbs-hit);
	margin-left: calc(var(--sbs-hit) / -2);
	z-index: var(--sbs-z, 9990);
	pointer-events: none;
}
.sbs[hidden] { display: none; }

.sbs::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(50% - var(--sbs-line-w, 1px) / 2);
	width: var(--sbs-line-w, 1px);
	background: var(--sbs-line, #fff);
}

.sbs__thumb {
	position: absolute;
	top: 0;
	left: calc(50% - var(--sbs-thumb-w, 3px) / 2);
	width: var(--sbs-thumb-w, 3px);
	height: 80px;
	background: var(--sbs-thumb, #e43d30);
	will-change: transform;
	transition: opacity .2s linear;
}
.sbs--idle .sbs__thumb { opacity: 0; }

.sbs--drag { pointer-events: auto; cursor: pointer; }
.sbs--drag .sbs__thumb { cursor: grab; }
.sbs.is-dragging .sbs__thumb { cursor: grabbing; }
html.sbs-dragging,
html.sbs-dragging * { user-select: none !important; }

@media print {
	.sbs { display: none; }
}