/* StelixTranslate: visual match for sites migrated from TranslatePress. Own rules, TranslatePress class names.
   Each selector has the same specificity as TranslatePress's own rule (the scope sits inside :where()), so a site's
   custom CSS written against the TranslatePress switcher still wins exactly where it used to. */
.stx-compat-switcher{position:relative;border:none}
:where(.stx-compat-switcher) .trp-shortcode-switcher{position:static;display:inline-block;overflow:hidden;padding:10px 0;border:var(--border,none);border-radius:var(--border-radius,5px);background:var(--bg,#fff);width:auto;box-shadow:none}
:where(.stx-compat-switcher) .trp-shortcode-anchor:not(.trp-opposite-button){visibility:hidden}
:where(.stx-compat-switcher) .trp-shortcode-overlay{position:absolute;left:0;top:0;z-index:9999}
:where(.stx-compat-switcher) .trp-current-language-item__wrapper:not(.trp-hide-arrow){display:flex;align-items:center;justify-content:space-between;padding-right:10px}
:where(.stx-compat-switcher) .trp-switcher-dropdown-list{display:flex;overflow-y:hidden;max-height:0;transition:max-height var(--transition-duration,.2s) ease-in-out}
:where(.stx-compat-switcher) .trp-shortcode-switcher .trp-switcher-dropdown-list{flex-direction:column}
:where(.stx-compat-switcher) .trp-ls-dropdown:hover .trp-switcher-dropdown-list,:where(.stx-compat-switcher) .trp-ls-dropdown:focus-within .trp-switcher-dropdown-list,:where(.stx-compat-switcher) .trp-ls-dropdown.is-open .trp-switcher-dropdown-list{overflow-y:auto;max-height:min(350px,70vh)}
:where(.stx-compat-switcher) .trp-shortcode-arrow{pointer-events:none;transition:transform var(--transition-duration,.2s)}
:where(.stx-compat-switcher) .trp-shortcode-switcher:hover .trp-shortcode-arrow,:where(.stx-compat-switcher) .trp-shortcode-switcher.is-open .trp-shortcode-arrow{transform:rotate(180deg)}
:where(.stx-compat-switcher) .trp-language-item{display:flex;align-items:center;gap:8px;padding:7px 16px;text-decoration:none;min-height:19px;box-sizing:content-box}
:where(.stx-compat-switcher) .trp-language-item:hover{background:var(--bg-hover,#f3f3f3)}
:where(.stx-compat-switcher) .trp-language-item:hover .trp-language-item-name{color:var(--text-hover,#000)}
:where(.stx-compat-switcher) .trp-language-item:focus{outline:none}
:where(.stx-compat-switcher) .trp-language-item:focus-visible{outline:2px solid var(--text);outline-offset:-2px}
:where(.stx-compat-switcher .trp-shortcode-anchor) .trp-language-item__current{pointer-events:none;cursor:default}
:where(.stx-compat-switcher .trp-shortcode-overlay) .trp-language-item__current{cursor:pointer}
:where(.stx-compat-switcher) .trp-language-item__current:hover{background:none}
:where(.stx-compat-switcher) .trp-language-item-name{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text,#000);font-size:var(--font-size,14px);line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-weight:400}
.trp-flag-image{border-radius:var(--flag-radius,2px)!important;aspect-ratio:4/3!important;width:var(--flag-size,18px)!important;display:inline-block!important;height:auto!important}
.trp-menu-ls-label .trp-flag-image{margin:-2px 3px}
@media (prefers-reduced-motion:reduce){:where(.stx-compat-switcher) .trp-switcher-dropdown-list,:where(.stx-compat-switcher) .trp-shortcode-arrow{transition:none!important}}
