.gimb-predmetnik-selector {
	width: 100%;
}

.gimb-predmetnik-select-shell {
	--gimb-predmetnik-select-bg: #66c6a6;
	--gimb-predmetnik-select-border: #7b2cff;
	--gimb-predmetnik-select-border-width: 2px;
	--gimb-predmetnik-select-radius: 0;
	--gimb-predmetnik-select-height: 32px;
	--gimb-predmetnik-select-text: #fff;
	--gimb-predmetnik-select-width: 260px;
	--gimb-predmetnik-arrow-color: #256653;
	--gimb-predmetnik-arrow-image: none;
	--gimb-predmetnik-arrow-opacity: 1;
	--gimb-predmetnik-arrow-right: 12px;
	--gimb-predmetnik-arrow-size: 14px;
	background-color: var(--gimb-predmetnik-select-bg);
	border: var(--gimb-predmetnik-select-border-width) solid var(--gimb-predmetnik-select-border);
	border-radius: var(--gimb-predmetnik-select-radius);
	display: block;
	height: var(--gimb-predmetnik-select-height);
	max-width: 100%;
	position: relative;
	width: var(--gimb-predmetnik-select-width);
}

.gimb-predmetnik-select-shell::after {
	background-color: currentColor;
	background-image: var(--gimb-predmetnik-arrow-image);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	clip-path: polygon(20% 30%, 50% 65%, 80% 30%);
	color: var(--gimb-predmetnik-arrow-color);
	content: "";
	height: var(--gimb-predmetnik-arrow-size);
	opacity: var(--gimb-predmetnik-arrow-opacity);
	pointer-events: none;
	position: absolute;
	right: var(--gimb-predmetnik-arrow-right);
	top: 50%;
	transform: translateY(-50%);
	width: var(--gimb-predmetnik-arrow-size);
}

.gimb-predmetnik-select-shell[style*="--gimb-predmetnik-arrow-image"]::after {
	background-color: transparent;
	clip-path: none;
}

.gimb-predmetnik-select {
	appearance: none;
	background: transparent;
	border: 0;
	border-radius: inherit;
	color: var(--gimb-predmetnik-select-text);
	display: block;
	height: 100%;
	min-height: 100%;
	padding: 4px 38px 4px 10px;
	width: 100%;
}

.gimb-predmetnik-select::-ms-expand {
	display: none;
}

.gimb-predmetnik-select:focus {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.gimb-predmetnik-display-item[hidden] {
	display: none !important;
}

.gimb-predmetnik-display-item:not(.is-active) {
	display: none;
}

.gimb-predmetnik-display-item.is-active {
	display: block;
}

.gimb-predmetnik-empty {
	border: 1px dashed #bbb;
	color: #555;
	font-size: 14px;
	padding: 16px;
}