@import url("https://esm.sh/tom-select@2.4.2/dist/css/tom-select.min.css");

.ts-control {
    align-items: center;
    background-color: white;
    border: 1px solid oklch(0.92 0.004 286.32);
    border-radius: 0.375rem;
    min-block-size: 2.25rem;
    color: black;
    display: inline-flex;
    font-size: 0.875rem;
    line-height: inherit;
    padding: 0.375rem 0.75rem;
    > input {
        color: inherit; font-size: inherit;
    }
}
.ts-dropdown {
    background-color: white;
    border: 1px solid oklch(0.92 0.004 286.32);
    border-radius: 0.375rem;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    color: black;
    font-size: 0.875rem;
    line-height: inherit;
    /* Final state of exit animation and setup */
    opacity: 0;
    transform: scale(0.95);
    transition-behavior: allow-discrete;
    transition-duration: 150ms;
    transition-property: display, opacity, transform;
    /* Final state of entry animation */
    .dropdown-active & {
        opacity: 1; transform: scale(1);
    }
    /* Initial state of entry animation */
    @starting-style {
        .dropdown-active & {
            opacity: 0; transform: scale(0.95);
        }
    }
    .ts-dropdown-content:not(:has(.optgroup)) {
        padding: 0.25rem;
    }
    .optgroup:not(:first-child) {
        border-block-start-width: 1px;
    }
    .optgroup {
        padding: 0.25rem;
    }
    .optgroup-header {
        background-color: inherit;
        color: oklch(0.705 0.015 286.067);
        font-size: 0.75rem;
        padding: 0.375rem 0.5rem;
    }
    .create {
        padding: 0.375rem 0.5rem;
    }
    .option {
        border: 1px solid transparent;
        border-radius: 0.375rem;
        padding: 0.375rem 0.5rem;
    }
    .active {
        background-color: oklch(0.968 0.007 247.896);
        color: inherit !important;
    }
    .highlight {
        background-color: transparent !important;
    }
    .spinner {
        margin: 0.375rem 0 0;
    }
    .spinner::after {
        border-block-color: oklch(0.705 0.015 286.067);
    }
}
.ts-wrapper.single .ts-control {
    background-color: white !important;
    background-image: url("/assets/select-arrow-008fd2da.svg") !important;
    background-position: center right 0.5rem !important;
    background-repeat: no-repeat !important;
    background-size: 1rem auto !important;
}
.ts-wrapper.multi .ts-control > .item {
    background: oklch(0.968 0.007 247.896);
    border-radius: 0.375rem;
    color: inherit;
    line-height: 1.25;
}
.disabled .ts-control {
    opacity: 0.5;
}
.disabled .ts-control * {
    cursor: not-allowed !important;
}
.invalid .ts-control {
    border-color: oklch(0.577 0.245 27.325);
}
[data-controller~="combobox"] {
    clip: rect(0 0 0 0); position: absolute;
}