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

.control .select .selectize-control {
    padding: 0;
    width: 100%;
}

.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.has-icons-left .select .selectize-control .selectize-input.items {
    padding-left: var(--bulma-input-height);
    display: flex;
    flex-wrap: wrap;
}

.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;
    flex-wrap: wrap;
}

.selectize-control.multi {
    height: auto;
    min-height: 2.8rem;
    border: solid 1px !important;
    border-color: hsl(var(--bulma-input-h),var(--bulma-input-s),calc(var(--bulma-input-border-l) + var(--bulma-input-border-l-delta))) !important;
}