.solid-select-container[data-disabled="true"] {
    @apply pointer-events-none;
}
.solid-select-container {
    @apply relative;
}
.solid-select-control[data-disabled="true"] {
}
.solid-select-control {
    @apply w-full rounded-lg bg-white/10 p-2 placeholder-neutral-400;
    @apply grid leading-6;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.solid-select-control[data-multiple="true"][data-has-value="true"] {
    @apply flex flex-wrap items-stretch gap-1;
}

.solid-select-placeholder {
    @apply text-neutral-400;
    @apply col-start-1 row-start-1;
}
.solid-select-single-value {
    @apply col-start-1 row-start-1;
}
.solid-select-multi-value {
    @apply flex items-center rounded bg-white/20 px-1;
}

.solid-select-multi-value-remove {
    /* TODO: there's gotta be a better way to vertically center this */
    @apply -mt-2 pl-2 pr-1 text-2xl leading-3;
}

.solid-select-input {
    @apply flex-shrink flex-grow bg-transparent caret-transparent;
    outline: 2px solid transparent;
    @apply col-start-1 row-start-1;
}
.solid-select-input:read-only {
    @apply cursor-default;
}
.solid-select-input[data-multiple="true"] {
    @apply caret-current;
}
.solid-select-input[data-is-active="true"] {
    @apply caret-current;
}

.solid-select-list {
    @apply absolute z-10 max-h-[50vh] min-w-full overflow-y-auto whitespace-nowrap rounded-lg bg-neutral-950 p-2;
}

.solid-select-option[data-focused="true"] {
}

.solid-select-option > mark {
    @apply bg-white/10 text-white underline;
}
.solid-select-option {
    @apply cursor-default select-none rounded p-1 hover:bg-neutral-800;
}
.solid-select-option[data-disabled="true"] {
    @apply pointer-events-none opacity-50;
}
.solid-select-list-placeholder {
    @apply cursor-default select-none;
}
