.K2_CBox {
	position: relative;
	background: #1e1e1e;
	width: 80%;
	height: 10%;
	border-radius: 6px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	padding: 10px;
	margin-top: 5%;
	margin-left: 10%;
}

.K2_CBox .CB_Heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
	height: 10%;
}

.K2_CBox .CB_Heading span {
	margin: 0;
	font-weight: 700;
	font-family: inherit;
	font-size: 1.1rem;
}

.K2_CBox .C_box_main {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	padding: 12px;
	outline: 0;
	border: 0;
	border-radius: 50%;
	background: #004cbd;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all 0.2s ease-in-out;
}

.K2_CBox .C_box_main:hover {
	opacity: .8;
	-webkit-box-shadow: 0px 0px 19px 4px rgba(0, 76, 189, 0.81);
	-moz-box-shadow: 0px 0px 19px 4px rgba(0, 76, 189, 0.81);
	box-shadow: 0px 0px 19px 4px rgba(0, 76, 189, 0.81);
}

.K2_CBox .C_box_main .CBox_icn {
	flex-shrink: 0;
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24'><rect x='5.54615' y='5.54615' width='16.45385' height='16.45385' rx='4'/><path d='M171.33311,181.3216v-8.45385a4,4,0,0,1,4-4H183.787' transform='translate(-169.33311 -166.86775)'/></svg>");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.K2_CBox .C_box_main.copied {
	background: #2dcda7;
}

.K2_CBox .C_box_main.copied .CBox_icn {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24'><path d='M22 11.07V12a10 10 0 1 1-5.93-9.14'/><polyline points='23 3 12 14 9 11'/></svg>");
}

.K2_CBox pre {
	margin: 0;
	background: #2c2d30;
	padding: 15px;
	border-radius: 5px;
	color: #f6f6f6;
	font-size: .8rem;
	font-family: monospace;
	overflow: scroll;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	-ms-overflow-style: none;
	-webkit-overflow-scrolling: touch;
	white-space: pre-wrap;
}

.K2_CBox pre::before,
.K2_CBox pre::after {
	content: '';
}

.dark-Mode .K2_CBox {
	background: #2d2d30;
}

.dark-Mode .K2_CBox pre {
	background: #252526;
	color: #fffdfc;
}

.tNtf span {
	position: fixed;
	left: 24px;
	bottom: -70px;
	display: inline-flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	margin-bottom: 20px;
	z-index: 99981;
	background: #323232;
	color: rgba(255, 255, 255, .8);
	font-size: 14px;
	font-family: inherit;
	border-radius: 3px;
	padding: 13px 24px;
	box-shadow: 0 5px 35px rgba(149, 157, 165, .3);
	opacity: 0;
	transition: all .1s ease;
	animation: slideinwards 2s ease forwards;
	-webkit-animation: slideinwards 2s ease forwards;
}

@media screen and (max-width:500px) {
	.tNtf span {
		margin-bottom: 20px;
		left: 20px;
		right: 20px;
		font-size: 13px;
	}
}

@keyframes slideinwards {
	0% {
		opacity: 0;
	}

	20% {
		opacity: 1;
		bottom: 0;
	}

	50% {
		opacity: 1;
		bottom: 0;
	}

	80% {
		opacity: 1;
		bottom: 0;
	}

	100% {
		opacity: 0;
		bottom: -70px;
		visibility: hidden;
	}
}

@-webkit-keyframes slideinwards {
	0% {
		opacity: 0;
	}

	20% {
		opacity: 1;
		bottom: 0;
	}

	50% {
		opacity: 1;
		bottom: 0;
	}

	80% {
		opacity: 1;
		bottom: 0;
	}

	100% {
		opacity: 0;
		bottom: -70px;
		visibility: hidden;
	}
}

.darkMode .tNtf span {
	box-shadow: 0 10px 40px rgba(0, 0, 0, .2);
}