::-moz-selection { /* Code for Firefox */
	color: #252525;
	background: #80ffdb;
}

::selection {
	color: #252525;
	background: #80ffdb;
}

.nunito {
	font-family: 'nunito', font-sans;
}

body{
	--tw-text-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-text-opacity));
}

.border-b-1 {
	border-bottom-width: 1px;
}

.border-l-1 {
	border-left-width: 1px;
}

hover\:border-none:hover {
	border-style: none;
}

#sidebar {
	transition: ease-in-out all .1s;
	z-index: 9999;
}

#sidebar span {
	opacity: 0;
	position: absolute;
	transition: ease-in-out all .5ms;
}

#sidebar:hover {
	width: 250px;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	/*shadow-2xl*/
}

#sidebar:hover span {
	opacity: 1;
}

.centered{
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Tab content - closed */
.tab-content {
	max-height: 0;
	-webkit-transition: max-height .35s;
	-o-transition: max-height .35s;
	transition: max-height .35s;
}
/* :checked - resize to full height */
.tab input:checked ~ .tab-content {
	max-height: 100vh;
}
/* Label formatting when open */
.tab input:checked + label{
	/*@apply text-xl p-5 border-l-2 border-indigo-500 bg-gray-100 text-indigo*/
	font-size: 3.25rem; /*.text-xl*/
	padding: 1.25rem; /*.p-5*/
	border-left-width: 2px; /*.border-l-2*/
	border-color: #6574cd; /*.border-indigo*/
	background-color: #f8fafc; /*.bg-gray-100 */
	color: #6574cd; /*.text-indigo*/

}
/* Icon */
.tab label::after {
	float:right;
	right: 0;
	top: 0;
	display: block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5;
	font-size: 1.25rem;
	text-align: center;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
/* Icon formatting - closed */
.tab input[type=checkbox] + label::after {
	font-family: "Font Awesome 5 Free";
	content: "\f063";
	font-weight:bold; /*.font-bold*/
	border-width: 1px; /*.border*/
	border-radius: 9999px; /*.rounded-full */
	border-color: #b8c2cc; /*.border-grey*/
}
.tab input[type=radio] + label::after {
	content: "\25BE";
	font-weight:bold; /*.font-bold*/
	border-width: 1px; /*.border*/
	border-radius: 9999px; /*.rounded-full */
	border-color: #b8c2cc; /*.border-grey*/
}
/* Icon formatting - open */
.tab input[type=checkbox]:checked + label::after {
	transform: rotate(180deg);
	background-color: #6574cd; /*.bg-indigo*/
	color: #f8fafc; /*.text-grey-lightest*/
}
.tab input[type=radio]:checked + label::after {
	transform: rotateX(180deg);
	background-color: #6574cd; /*.bg-indigo*/
	color: #f8fafc; /*.text-grey-lightest*/
}

.dialog {
	animation: appear .15s cubic-bezier(0, 1.8, 1, 1.8);
}

.dialog::backdrop {
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.9), rgba(12, 12, 12, 0.8));
}

@keyframes appear {
	from {
		opacity: 0;
		transform: translateX(-3rem);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.mouse-cursor-gradient-tracking {
	position: relative;
	background: #7983ff;
	padding: 0.5rem 1rem;
	font-size: 1.2rem;
	border: none;
	color: white;
	cursor: pointer;
	outline: none;
	overflow: hidden;
}

.loader-dots div {
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.loader-dots div:nth-child(1) {
	left: 8px;
	animation: loader-dots1 0.6s infinite;
}

.loader-dots div:nth-child(2) {
	left: 8px;
	animation: loader-dots2 0.6s infinite;
}

.loader-dots div:nth-child(3) {
	left: 32px;
	animation: loader-dots2 0.6s infinite;
}

.loader-dots div:nth-child(4) {
	left: 56px;
	animation: loader-dots3 0.6s infinite;
}

@keyframes loader-dots1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes loader-dots3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}

@keyframes loader-dots2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(24px, 0);
	}
}