.s-overlay {
	align-items: center;
	border-radius: inherit;
	display: flex;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: var(--overlay-z-index);
	pointer-events: auto;

	&.absolute {
		position: absolute;
	}
}

.s-overlay__scrim {
	border-radius: inherit;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: inherit;
	width: 100%;
	background-color: var(--overlay-bg-color, rgb(33, 33, 33));
	opacity: var(--overlay-opacity, 0.46);
	will-change: opacity;
}

.s-overlay__content {
	position: relative;
}