/* WordPress adapter: reuse the Select runtime and the actual Button trigger. */
.octopus-filter-sentence .octopus-select-button { width: fit-content; max-width: 100%; min-width: 0; gap: 0; }
.octopus-select-button [data-octopus-select-trigger] { max-width: 100%; }
.octopus-select-button [data-octopus-select-trigger] .octopus-select__value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.octopus-select-button .octopus-select__native { min-height: var(--control-height-lg); max-width: 100%; }
.octopus-select-button .octopus-select__list {
    min-width: min(12rem, calc(100vw - 1rem));
    max-width: min(28rem, calc(100vw - 2rem));
    background: var(--color-white);
    font-size: var(--type-body-size);
    line-height: var(--type-body-leading);
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
}
.octopus-select-button .octopus-select__option {
    min-height: 0;
    gap: 0;
    font-size: var(--type-body-secondary-size);
    font-weight: var(--type-label-weight);
    line-height: var(--type-body-leading);
    color: var(--color-zinc-800);
    border-radius: var(--shape-radius-tag);
    white-space: normal;
    overflow-wrap: anywhere;
}
.octopus-select-button .octopus-select__option > span { flex: 1; }
.octopus-select-button .octopus-select__option > svg { display: none; order: 1; width: 1.5rem; height: 1.5rem; color: var(--color-input-active); }
.octopus-select-button .octopus-select__option[aria-selected="true"] > svg { display: block; }
.octopus-select-button .octopus-select__option[data-active] { background: var(--color-zinc-50); }
.dark .octopus-select-button .octopus-select__list { background: var(--color-zinc-700); }
.dark .octopus-select-button .octopus-select__option { color: var(--color-white); }
.dark .octopus-select-button .octopus-select__option[data-active] { background: var(--color-zinc-600); }
.octopus-filter-sentence__submit { margin-top: var(--space-component-sm); }
.octopus-filter-sentence[data-enhanced] .octopus-filter-sentence__submit { display: none; }