/* Drag & Drop Upload */
.hasImage:hover section {
	background-color: rgba(5, 5, 5, 0.4);
}
.hasImage:hover button:hover {
	background: rgba(5, 5, 5, 0.45);
}

#overlay p,
i {
	opacity: 0;
}

#overlay.draggedover {
	background-color: rgba(255, 255, 255, 0.7);
}
#overlay.draggedover p,
#overlay.draggedover i {
	opacity: 1;
}

.group:hover .group-hover\:text-blue-800 {
	color: #2b6cb0;
}

template {
	display: none;
}

/* Drag & Drop Tailwinds Adoption */
.pointer-events-none {
	pointer-events: none;
}
.z-50 {
	z-index: 50;
}
.text-blue-700 {
	color: #2b6cb0;
}
.fill-current {
	fill: currentColor;
}
.w-3rem {
	width: 3rem;
}
.h-3rem {
	height: 3rem;
}
.border-dashed {
	border-style: dashed !important;
}
.border-gray-400 {
	border-color: #cbd5e0;
}
.m-n1 {
	margin: -0.25rem;
}
.flex-1 {
	flex: 1 1 0%;
}
.w-8rem {
	width: 8rem;
}
.text-gray-500 {
	color: #a0aec0;
}
.h-6rem {
	height: 6rem;
}
.hidden {
	display: none !important;
}
.bg-gray-100 {
	background-color: #f7fafc;
}
.cursor-pointer {
	cursor: pointer;
}
.sticky {
	position: -webkit-sticky;
	position: sticky;
}
.object-cover {
	-o-object-fit: cover;
	object-fit: cover;
}
.bg-fixed {
	background-attachment: fixed;
}
.z-20 {
	z-index: 20;
}
.break-words {
	overflow-wrap: break-word;
}
.text-blue-800 {
	color: #2c5282;
}
.w-1rem {
	width: 1rem;
}
.h-1rem {
	height: 1rem;
}
.text-gray-700 {
	color: #4a5568;
}
.text-gray-800 {
	color: #2d3748;
}
.delete {
	border: none !important;
	background: transparent;
}
.delete:hover {
	background-color: #e2e8f0 !important;
	background-color: #efbebe !important;
	background-color: #ff9b9b !important;
}
.bg-blue-200 {
	background-color: #e5f5ff;
}

a.ext-link-helper {
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
a.ext-link-helper.viewed {
	opacity: 0.4;
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}
a.ext-link-helper svg {
	width: 1rem;
	height: 1rem;
	fill: none;
	stroke: #0d6efd;
	margin-top: -0.25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
a.ext-link-helper.viewed svg {
	width: 1rem;
	height: 1rem;
	fill: #fff;
	stroke: none;
	margin-top: -0.25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
a.ext-link-helper:hover svg, a.ext-link-helper svg:hover {
	stroke: #fff !important;
}
a.ext-link-helper.viewed:hover svg, a.ext-link-helper.viewed svg:hover {
	stroke: none !important;
}