@import "https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.min.css";

.control .select .selectize-control {
    padding: 0;
}

.control.has-icons-left .select .selectize-control {
    padding-left: var(--bulma-input-height);
}

.control .select .selectize-control .selectize-input {
    box-shadow: none;
    border: none;
    font-size: var(--bulma-control-size);
    padding: var(--bulma-control-padding-vertical) var(--bulma-control-padding-horizontal);
    
}
.control .select .selectize-control .selectize-dropdown,
.control .select .selectize-control .selectize-input,
.control .select .selectize-control .selectize-input input {
    font-size: var(--bulma-control-size);
    color: hsl(var(--bulma-input-h),var(--bulma-input-s),var(--bulma-input-color-l));
}

.control .select .selectize-control .selectize-input input::placeholder {
    color: var(--bulma-input-icon-color);
    font-style: italic;
}

.control .select .selectize-control .selectize-input:after {
    display: none;
}

.selectize-dropdown .create,
.selectize-dropdown .no-results,
.selectize-dropdown .optgroup-header,
.selectize-dropdown .option {
    padding: 8px 8px;
}

.selectize-dropdown .selected {
    background-color: var(--bulma-primary-soft);
    color: hsl(var(--bulma-input-h),var(--bulma-input-s),var(--bulma-input-color-l));
}

.selectize-dropdown .active:not(.selected) {
    background-color: var(--bulma-background);
    color: hsl(var(--bulma-input-h),var(--bulma-input-s),var(--bulma-input-color-l));
}

.selectize-control.multi .selectize-input > div {
    padding: 0px 6px;
    margin: 0 3px 0 3px;
}

.control .select.is-danger .selectize-control.input-error {
    border-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l)) !important;
}