@use 'gallery';
// @use '../../common/css/uploader.scss';
@use '../../css/uploader.scss';

:root {
	--edbi-secondary-color: rgba(88, 32, 229, 0.1);
	--edbi-background-color: rgb(255, 255, 255);
	--background2-color: rgba(255, 255, 255, 0.959);
	--edbi-accent-color: rgba(38, 47, 64, 0.1);
	--edbi-text-color: rgb(42, 49, 59);
	--edbi-premium-color: rgba(243, 13, 85, 1);
	--edbi-premium-transparent-color: rgba(243, 13, 85, 0.08);
	--edbi-container-color: rgb(235, 237, 244);
}


.edbi-hidden {
	display: none !important;
}


.edbi-button {
	display: flex;
	align-items: center;
	gap: 10px;
	border: none !important;
	font-weight: 500;
	padding: 12px 20px !important;
	border-radius: 8px !important;
	color: var(--edbi-primary-color) !important;
	background-color: var(--edbi-secondary-color) !important;
	cursor: pointer;
	font-size: 16px !important;
	span {
		font-weight: 500;
	}
}

.edbi-button--primary {
	color: var(--edbi-background-color) !important;
	background: var(--edbi-primary-color) !important;
	background-image: linear-gradient(140deg, var(--edbi-primary-color), var(--edbi-premium-color));
}

.edbi-button--danger {
	color: #721c24 !important;
	background-color: #f8d7da !important;
	border-color: #f5c6cb !important;
}

.edbi-button--small {
	padding: 10px !important;
}

.edbi-upload-btn {
	display: flex;
	align-items: center;
	gap: 5px;
	border: none;
	font-family: 'Poppins', sans-serif;
	padding: 10px 16px;
	cursor: pointer;
	border-radius: 8px;
	color: var(--edbi-background-color);
	background-image: linear-gradient(140deg, var(--edbi-primary-color), var(--edbi-premium-color));

	span {
		font-weight: 500;
	}
}