.copy-btn {
	background: $section-bg;
	border: none;
	outline: none;
	box-shadow: none !important;
	position: absolute;
	right: 20px;
	top: 20px;
	@include border-radius(2px);
}
pre {
	display: flex;
	flex-direction: column;
}

/*Preloader*/
.loader {
	position: fixed;
	inset: 0;
	background: $title;
	z-index: 999999;
}
.loader-item {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7.33333em;
	height: 7.33333em;
	margin-left: -3.66667em;
	margin-top: -3.66667em;
}

.loader-block {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	opacity: 0;
	width: 2em;
	height: 2em;
	background: $base;
	-webkit-animation: show 0.88s step-end infinite alternate,
		pulse 0.88s linear infinite alternate;
	animation: show 0.88s step-end infinite alternate,
		pulse 0.88s linear infinite alternate;
}

.loader-block:nth-child(1) {
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-animation-delay: 0.065s;
	animation-delay: 0.065s;
}

.loader-block:nth-child(2) {
	-moz-transform: translate(2.66667em, 0);
	-ms-transform: translate(2.66667em, 0);
	-webkit-transform: translate(2.66667em, 0);
	transform: translate(2.66667em, 0);
	-webkit-animation-delay: 0.13s;
	animation-delay: 0.13s;
}

.loader-block:nth-child(3) {
	-moz-transform: translate(5.33333em, 0);
	-ms-transform: translate(5.33333em, 0);
	-webkit-transform: translate(5.33333em, 0);
	transform: translate(5.33333em, 0);
	-webkit-animation-delay: 0.195s;
	animation-delay: 0.195s;
}

.loader-block:nth-child(4) {
	-moz-transform: translate(0, 2.66667em);
	-ms-transform: translate(0, 2.66667em);
	-webkit-transform: translate(0, 2.66667em);
	transform: translate(0, 2.66667em);
	-webkit-animation-delay: 0.325s;
	animation-delay: 0.325s;
}

.loader-block:nth-child(5) {
	-moz-transform: translate(2.66667em, 2.66667em);
	-ms-transform: translate(2.66667em, 2.66667em);
	-webkit-transform: translate(2.66667em, 2.66667em);
	transform: translate(2.66667em, 2.66667em);
	-webkit-animation-delay: 0.13s;
	animation-delay: 0.13s;
}

.loader-block:nth-child(6) {
	-moz-transform: translate(5.33333em, 2.66667em);
	-ms-transform: translate(5.33333em, 2.66667em);
	-webkit-transform: translate(5.33333em, 2.66667em);
	transform: translate(5.33333em, 2.66667em);
	-webkit-animation-delay: 0.455s;
	animation-delay: 0.455s;
}

.loader-block:nth-child(7) {
	-moz-transform: translate(0, 5.33333em);
	-ms-transform: translate(0, 5.33333em);
	-webkit-transform: translate(0, 5.33333em);
	transform: translate(0, 5.33333em);
	-webkit-animation-delay: 0.39s;
	animation-delay: 0.39s;
}

.loader-block:nth-child(8) {
	-moz-transform: translate(2.66667em, 5.33333em);
	-ms-transform: translate(2.66667em, 5.33333em);
	-webkit-transform: translate(2.66667em, 5.33333em);
	transform: translate(2.66667em, 5.33333em);
	-webkit-animation-delay: 0.26s;
	animation-delay: 0.26s;
}

.loader-block:nth-child(9) {
	-moz-transform: translate(5.33333em, 5.33333em);
	-ms-transform: translate(5.33333em, 5.33333em);
	-webkit-transform: translate(5.33333em, 5.33333em);
	transform: translate(5.33333em, 5.33333em);
}

@-webkit-keyframes pulse {
	from,
	40% {
		background: $base;
	}
	to {
		background: #dadada;
	}
}
@-webkit-keyframes show {
	from,
	40% {
		opacity: 0;
	}
	41%,
	to {
		opacity: 1;
	}
}
@keyframes pulse {
	from,
	40% {
		background: $base;
	}
	to {
		background: #dadada;
	}
}
@keyframes show {
	from,
	40% {
		opacity: 0;
	}
	41%,
	to {
		opacity: 1;
	}
}
/* Body styling */
html,
body {
	height: 100%;
}