[stlccustomdropdown="main"] {
    --trigger-border: #e5e5e5;
    --trigger-border-radius: 7px;
    --trigger-border-size: 1px;
    --trigger-background: #fff;
    --trigger-text-color: #000;
    --trigger-box-shadow: none;
    --trigger-min-chevron-icon-width: 16px;
    --content-border: var(--trigger-border);
    --content-border-size: var(--trigger-border-size);
    --content-border-radius: var(--trigger-border-radius);
    --content-background: var(--trigger-background);
    --content-text-color: var(--trigger-text-color);
    --content-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    --dropdown-transition-delay: 0.15s;
    --dropdown-gap: 4px;
    position: relative;
    width: max-content;
}
[stlccustomdropdown="main"] [stlccustomdropdown="trigger"] {
    color: var(--trigger-text-color);
    background-color: var(--trigger-background);
    border-radius: var(--trigger-border-radius);
    border: var(--trigger-border-size) solid var(--trigger-border);
    box-shadow: var(--trigger-box-shadow);
    user-select: none;
    cursor: pointer;
    transition:
        background-color var(--dropdown-transition-delay) ease,
        box-shadow var(--dropdown-transition-delay) ease,
        border-color var(--dropdown-transition-delay) ease;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="trigger"]:has(span.stlc_label)
    > span.stlc_row {
    flex-wrap: nowrap;
    overflow: auto;
    scrollbar-width: none;
    justify-content: flex-start;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="trigger"]:has(span.stlc_label)
    > svg.lucide-chevron-down-icon {
    min-width: var(--trigger-min-chevron-icon-width, unset);
}
[stlccustomdropdown="main"] [stlccustomdropdown="content"] {
    position: absolute;
    z-index: 9999;
    user-select: none;
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transform-origin: top center;
    overflow: hidden;
    transition:
        visibility var(--dropdown-transition-delay) ease,
        opacity var(--dropdown-transition-delay) ease,
        transform var(--dropdown-transition-delay) ease;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"]:not([stlccustomdropdownstyle="ghost"]) {
    color: var(--content-text-color);
    background-color: var(--content-background);
    border-radius: var(--content-border-radius);
    border: var(--content-border-size) solid var(--content-border);
    box-shadow: var(--content-box-shadow);
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"][stlccustomdropdownside="top"] {
    bottom: calc(100% + var(--dropdown-gap));
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"][stlccustomdropdownside="right"] {
    left: calc(100% + var(--dropdown-gap));
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"][stlccustomdropdownside="bottom"] {
    top: calc(100% + var(--dropdown-gap));
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"][stlccustomdropdownside="left"] {
    right: calc(100% + var(--dropdown-gap));
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"][stlccustomdropdownalign="start"]:not(
        [stlccustomdropdownside="right"],
        [stlccustomdropdownside="left"]
    ) {
    left: 0;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"][stlccustomdropdownalign="center"]:not(
        [stlccustomdropdownside="right"],
        [stlccustomdropdownside="left"]
    ) {
    left: 50%;
    translate: -50% 0;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"][stlccustomdropdownalign="end"]:not(
        [stlccustomdropdownside="right"],
        [stlccustomdropdownside="left"]
    ) {
    right: 0;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"][stlccustomdropdownalign="start"]:is(
        [stlccustomdropdownside="right"],
        [stlccustomdropdownside="left"]
    ) {
    top: 0;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"][stlccustomdropdownalign="center"]:is(
        [stlccustomdropdownside="right"],
        [stlccustomdropdownside="left"]
    ) {
    top: 50%;
    translate: 0 -50%;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"][stlccustomdropdownalign="end"]:is(
        [stlccustomdropdownside="right"],
        [stlccustomdropdownside="left"]
    ) {
    bottom: 0;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"]:not(
        :is(
            [stlccustomdropdownside="top"],
            [stlccustomdropdownside="right"],
            [stlccustomdropdownside="bottom"],
            [stlccustomdropdownside="left"]
        )
    ) {
    top: calc(100% + var(--dropdown-gap));
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"]:not(
        :is(
            [stlccustomdropdownalign="start"],
            [stlccustomdropdownalign="center"],
            [stlccustomdropdownalign="end"]
        )
    ):is(
        [stlccustomdropdownside="top"],
        [stlccustomdropdownside="bottom"],
        [stlccustomdropdownside=""],
        :not([stlccustomdropdownside])
    ) {
    left: 50%;
    translate: -50% 0;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"]:not(
        :is(
            [stlccustomdropdownalign="start"],
            [stlccustomdropdownalign="center"],
            [stlccustomdropdownalign="end"]
        )
    ):is([stlccustomdropdownside="left"], [stlccustomdropdownside="right"]) {
    top: 50%;
    translate: 0 -50%;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"]:is(
        [stlccustomdropdownalign="start"][stlccustomdropdownside="right"],
        [stlccustomdropdownalign="start"][stlccustomdropdownside="bottom"],
        [stlccustomdropdownalign="start"]
    ) {
    transform-origin: top left;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"]:is(
        [stlccustomdropdownalign="center"],
        [stlccustomdropdownside="bottom"],
        [stlccustomdropdownalign="center"][stlccustomdropdownside="bottom"]
    ) {
    transform-origin: top center;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"]:is(
        [stlccustomdropdownalign="start"][stlccustomdropdownside="left"],
        [stlccustomdropdownalign="end"][stlccustomdropdownside="bottom"],
        [stlccustomdropdownalign="end"]
    ) {
    transform-origin: top right;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"]:is(
        [stlccustomdropdownside="right"],
        [stlccustomdropdownalign="center"][stlccustomdropdownside="right"]
    ) {
    transform-origin: left center;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"]:is(
        [stlccustomdropdownside="left"],
        [stlccustomdropdownalign="center"][stlccustomdropdownside="left"]
    ) {
    transform-origin: right center;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"]:is(
        [stlccustomdropdownalign="start"][stlccustomdropdownside="top"],
        [stlccustomdropdownalign="end"][stlccustomdropdownside="right"]
    ) {
    transform-origin: bottom left;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"]:is(
        [stlccustomdropdownside="top"],
        [stlccustomdropdownalign="center"][stlccustomdropdownside="top"]
    ) {
    transform-origin: bottom center;
}
[stlccustomdropdown="main"]
    [stlccustomdropdown="content"]:is(
        [stlccustomdropdownalign="end"][stlccustomdropdownside="top"],
        [stlccustomdropdownalign="end"][stlccustomdropdownside="left"]
    ) {
    transform-origin: bottom right;
}
[stlccustomdropdown="main"]:not([aria-expanded="true"])
    [stlccustomdropdown="content"] {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transform: scale(0.75);
    transition:
        visibility var(--dropdown-transition-delay) ease,
        opacity var(--dropdown-transition-delay) ease,
        transform var(--dropdown-transition-delay) ease;
}