eu-input-select {
    position: relative;
    height: unset !important;
    cursor: text;
}

eu-input-select [part="wrapper"] {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) min-content min-content;
    gap: 0.5rem;
    align-items: center;
}

eu-input-select [part="button"] {
    grid-column: 2 / 3;
}

eu-input-select eu-select-tokens {
    grid-column: 1 / 2;
}

eu-input-select[multiple] eu-select-tokens {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
}

eu-input-select [role="combobox"] {
    appearance: unset;
    border: unset;
}

eu-input-select [role="combobox"]:focus {
    outline: none;
}

eu-input-select [popover] {
    position: absolute;
    inset: unset;
    top: var(--listbox-y, 0);
    left: var(--listbox-x, 0);
    translate: 0 var(--listbox-offset);
    border: 1px solid;
    overflow: auto;
    max-height: 50vh;
}

eu-select-option {
    display: block;
    cursor: pointer;
}

eu-select-option:not([aria-selected="true"]) .icon {
    display: none;
}

eu-select-tokens [part="token"] {
    min-width: 0;
}

eu-select-tokens [part="token"]:focus {
    outline: 2px solid var(--bs-primary);
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

