/* Types */

@import 'slide-list.css' screen;
@import 'slide-full.css' screen;

/* Content */

@import 'content/basic.css';
@import 'content/code.css';
@import 'content/footer.css';
@import 'content/inline.css';
@import 'content/lists.css';
@import 'content/quote.css';
@import 'content/table.css';

/* Elements */

@import 'elements/columns.css';
@import 'elements/copyright.css';
@import 'elements/cover.css';
@import 'elements/next.css';
@import 'elements/place.css';
@import 'elements/shout.css';
@import 'elements/spotlight.css';

/* Modifiers */

@import 'modifiers/clear.css';
@import 'modifiers/gray.css';
@import 'modifiers/black.css';

/* Slide */

.slide {
	position: relative;
	z-index: 0;
	padding:
		79px var(--slide-right-side)
		0 var(--slide-left-side);
	box-sizing: border-box;
	width: var(--slide-width);
	height: var(--slide-height);
	overflow: hidden;
	background-color: white;
}

/* Number */

.slide::after {
	position: absolute;
	right: 16px;
	bottom: 38px;
	left: 0;
	color: var(--color-light);
	text-align: center;
	line-height: 18px;
	counter-increment: slide;
	content: counter(slide);
}