@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 #e4e4e7;
    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;
}
/* Без CSS-вложенности и oklch(): Chrome до 112 вложенные правила отбрасывает (выпадашка оставалась
   прозрачной), oklch() понимает с 111 (#1465). Цвета — те же, в hex. */
.ts-control > input {
    color: inherit; font-size: inherit;
}
.ts-dropdown {
    background-color: white;
    border: 1px solid #e4e4e7;
    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 .ts-dropdown {
    opacity: 1; transform: scale(1);
}
/* Initial state of entry animation */
@starting-style {
    .dropdown-active .ts-dropdown {
        opacity: 0; transform: scale(0.95);
    }
}
.ts-dropdown .ts-dropdown-content:not(:has(.optgroup)) {
    padding: 0.25rem;
}
.ts-dropdown .optgroup:not(:first-child) {
    border-block-start-width: 1px;
}
.ts-dropdown .optgroup {
    padding: 0.25rem;
}
.ts-dropdown .optgroup-header {
    background-color: inherit;
    color: #9f9fa9;
    font-size: 0.75rem;
    padding: 0.375rem 0.5rem;
}
.ts-dropdown .create {
    padding: 0.375rem 0.5rem;
}
.ts-dropdown .option {
    border: 1px solid transparent;
    border-radius: 0.375rem;
    padding: 0.375rem 0.5rem;
}
.ts-dropdown .active {
    background-color: #f1f5f9;
    color: inherit !important;
}
.ts-dropdown .highlight {
    background-color: transparent !important;
}
.ts-dropdown .spinner {
    margin: 0.375rem 0 0;
}
.ts-dropdown .spinner::after {
    border-block-color: #9f9fa9;
}
.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: #f1f5f9;
    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: #e7000b;
}
[data-controller~="combobox"] {
    clip: rect(0 0 0 0); position: absolute;
}