.multi-select .multi-select-header .multi-select-header-placeholder {
    color: var(--color-app);
	margin: 3px 0px;
}

.multi-select .multi-select-header, .multi-select .multi-select-option, .multi-select .multi-select-all {
    font-size: 14px;
    color: var(--color-app);
}

.multi-select .multi-select-header {
    border: 1px solid var(--color-app-light);
    padding: 11px 10px;
    padding-right: 40px;
    gap: 0px;
	border-radius: var(--color-app-light);
}

.form-material.light .multi-select .multi-select-header {
	border: 1px solid var(--color-app-light);
	background-color: var(--color-app-light);
}

.form-material.light .multi-select .multi-select-header:hover,
.form-material.light .multi-select .multi-select-header:focus,
.form-material.light .multi-select .multi-select-header:active {
	border: 1px solid var(--color-app);
}

.form-material.light .multi-select .multi-select-header .multi-select-header-option {
	background-color: var(--color-app-light);
	color: var(--color-app-light);
}

.form-material.light .multi-select .multi-select-options {
	background-color: var(--color-app-light);
}

.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-text, .multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-text {
	color: var(--color-app);
}

.multi-select .multi-select-header.multi-select-header-active {
    border-color: var(--color-app);
}

.multi-select .multi-select-options .multi-select-option .multi-select-option-text, .multi-select .multi-select-options .multi-select-all .multi-select-option-text {
    font-size: 14px;
	color: var(--color-app-light);
}

.multi-select .multi-select-options .multi-select-option .multi-select-option-radio, .multi-select .multi-select-options .multi-select-all .multi-select-option-radio {
	border-color: var(--color-app-light);
}

.form-material.light .multi-select .multi-select-options .multi-select-option:hover, 
.form-material.light .multi-select .multi-select-options .multi-select-option:active, 
.form-material.light .multi-select .multi-select-options .multi-select-all:hover, 
.form-material.light .multi-select .multi-select-options .multi-select-all:active {
	background-color: var(--tg-light-mid-color);
}

.multi-select .multi-select-header::after {
	transition: all 0.3s;
}

.multi-select .multi-select-header::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z'/%3E%3C/svg%3E");
    height: 14px;
    width: 14px;
}

.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio, .multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio {
    border-color: var(--color-app);
    background-color: var(--color-app);
}

.multi-select .multi-select-options {
    border-radius: var(--color-app-light);
	margin-top: 0px;
}

.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio::after, .multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    width: 14px;
    display: block;
    height: 14px;
	border: none;
	transform: initial;
	margin: 0px;
}