@use 'scss/components';

@use 'scss/animation';

@use 'scss/utilities';

/* Estilos CSS aquí */
.slider-container {
	width: 300px;
	height: 20px;
	background-color: #ccc;
	position: relative;
	margin-top: 20px;
}

.slider-point {
	width: 20px;
	height: 20px;
	background-color: #007bff;
	border-radius: 50%;
	position: absolute;
	cursor: pointer;
}

.jodit-popup {
	border-radius: 6px;
	overflow: hidden;
}

.jodit-autocomplete {
	padding: 0.5rem 0.25rem;
}

.jodit-autocomplete-label {
	color: rgb(112, 112, 112);
	align-items: center;
	cursor: default;
	display: flex;
	min-width: 6em;
	font-size: 12px;
	font-weight: 500;
	min-height: 28px;
	padding: 0.25rem 0.5rem;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0.5rem;
	background-color: white;
}

.jodit-autocomplete-item {
	align-items: center;
	cursor: default;
	display: flex;
	min-width: 6em;
	min-height: 32px;
	padding: 0.25rem 0.5rem;
	background-color: white;
	border-radius: 6px;
}

.jodit-autocomplete-item:hover {
	background-color: #ecebe9;
	color: #4c4c4c;
	cursor: pointer;
}

.jodit-autocomplete-item_active_true,
.jodit-autocomplete-item_active_true:hover {
	background-color: var(--us-primary-color);
	color: #fff;
}

.jodit-autocomplete-item_active_false {
	background-color: #fff;
	color: #4c4c4c;
	cursor: pointer;
}