reveal.scss

		opacity: 1 !important;
		transform: scale(var(--slide-scale)) translate(-50%, -50%) !important;
		transform-style: flat !important;
		transform-origin: 0 0 !important;
	}

	.slide-background {
		display: block !important;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: auto !important;
		visibility: visible;
		opacity: 1;
		touch-action: manipulation;
	}
}

// Chromium
.reveal-viewport.reveal-scroll[data-scrollbar="true"]::-webkit-scrollbar,
.reveal-viewport.reveal-scroll[data-scrollbar="auto"]::-webkit-scrollbar {
  display: none;
}

// Firefox
.reveal-viewport.reveal-scroll[data-scrollbar="true"],
.reveal-viewport.reveal-scroll[data-scrollbar="auto"] {
  scrollbar-width: none;
}

.reveal.has-dark-background,
.reveal-viewport.has-dark-background {
	--r-overlay-element-bg-color: 240, 240, 240;
	--r-overlay-element-fg-color: 0, 0, 0;
}
.reveal.has-light-background,
.reveal-viewport.has-light-background {
	--r-overlay-element-bg-color: 0, 0, 0;
	--r-overlay-element-fg-color: 240, 240, 240;
}

.reveal-viewport.reveal-scroll .scrollbar {
	position: sticky;
	top: 50%;
	z-index: 20;
	opacity: 0;
	transition: all 0.3s ease;

	&.visible,
	&:hover {
		opacity: 1;
	}

	.scrollbar-inner {
		position: absolute;
		width: var(--r-scrollbar-width);
		height: calc(var(--viewport-height) - var(--r-controls-spacing) * 2);
		right: var(--r-controls-spacing);
		top: 0;
		transform: translateY(-50%);
		border-radius: var(--r-scrollbar-width);
		z-index: 10;
	}

	.scrollbar-playhead {
		position: absolute;
		width: var(--r-scrollbar-width);
		height: var(--r-scrollbar-width);
		top: 0;
		left: 0;
		border-radius: var(--r-scrollbar-width);
		background-color: rgba(var(--r-overlay-element-bg-color), 1);
		z-index: 11;
		transition: background-color 0.2s ease;
	}

	.scrollbar-slide {
		position: absolute;
		width: 100%;
		background-color: rgba(var(--r-overlay-element-bg-color), 0.2);
		box-shadow: 0 0 0px 1px rgba(var(--r-overlay-element-fg-color), 0.1);
		border-radius: var(--r-scrollbar-width);
		transition: background-color 0.2s ease;
	}

	// Hit area
	.scrollbar-slide:after {
		content: '';
		position: absolute;
		width: 200%;
		height: 100%;
		top: 0;
		left: -50%;
		background: rgba( 0, 0, 0, 0 );
		z-index: -1;
	}

	.scrollbar-slide:hover,
	.scrollbar-slide.active {
		background-color: rgba(var(--r-overlay-element-bg-color), 0.4);
	}

	.scrollbar-trigger {
		position: absolute;
		width: 100%;
		transition: background-color 0.2s ease;
	}

	.scrollbar-slide.active.has-triggers {
		background-color: rgba(var(--r-overlay-element-bg-color), 0.4);
		z-index: 10;
	}

	.scrollbar-slide.active .scrollbar-trigger:after {
		content: '';
		position: absolute;
		width: var(--r-scrollbar-trigger-size);
		height: var(--r-scrollbar-trigger-size);
		border-radius: 20px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: rgba(var(--r-overlay-element-bg-color), 1);
		transition: transform 0.2s ease, opacity 0.2s ease;
		opacity: 0.4;
	}

	.scrollbar-slide.active .scrollbar-trigger.active:after,
	.scrollbar-slide.active .scrollbar-trigger.active ~ .scrollbar-trigger:after {
		opacity: 1;
	}

	.scrollbar-slide.active .scrollbar-trigger ~ .scrollbar-trigger.active:after {
		transform: translate(calc( var(--r-scrollbar-width) * -2), 0);
		background-color: rgba(var(--r-overlay-element-bg-color), 1);
	}
}


/*********************************************
 * PRINT STYLES
 *********************************************/

@import 'print/pdf.scss';
@import 'print/paper.scss';