[data-language-picker] { min-width: 44px; }
#mizora-language-picker { position: fixed; inset: 0; margin: auto; width: min(520px, calc(100vw - 32px)); max-height: min(720px, calc(100dvh - 48px)); overflow: auto; padding: 28px; border: 1px solid #30343a; border-radius: 20px; background: #101317; color: #fff; box-shadow: 0 24px 100px #0009; font-family: inherit; }
#mizora-language-picker::backdrop { background: #0009; backdrop-filter: blur(8px); }
#mizora-language-picker .local-dialog-heading { margin: 0 40px 24px 0; font-size: 23px; font-weight: 600; letter-spacing: -.035em; }
#mizora-language-picker .local-dialog-close { position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: transparent; color: #a7abb2; font-size: 28px; cursor: pointer; }
#mizora-language-picker .local-navigation { display: flex; flex-direction: column; gap: 3px; }
#mizora-language-picker .local-link { display: flex; min-height: 44px; width: 100%; align-items: center; padding: 12px 14px; border: 0; border-radius: 9px; color: #e8ebef; background: transparent; text-align: left; font: inherit; cursor: pointer; }
#mizora-language-picker .local-link:hover, #mizora-language-picker .local-link:focus-visible { background: #ffffff0a; color: #ef4444; outline: none; }
.local-language-option { justify-content: space-between; gap: 16px; }
.local-language-option[aria-current="true"] { background: #ffffff0d; color: #fff; }
.local-language-check { color: #ef4444; font-weight: 700; }
html[dir="rtl"] body { direction: rtl; }
html[dir="rtl"] .mz-wordmark, html[dir="rtl"] svg, html[dir="rtl"] img, html[dir="rtl"] .tabular-nums { direction: ltr; }
html[dir="rtl"] .local-dialog-heading { margin: 0 0 24px 40px; }
html[dir="rtl"] .local-dialog-close { right: auto; left: 14px; }
html[dir="rtl"] .local-link { text-align: right; }
@media (max-width: 640px) {
  [data-language-picker] { display: inline-flex !important; width: 44px; min-width: 44px; padding-inline: 8px !important; overflow: hidden; }
  [data-language-picker] > :not([data-language-current]) { display: none !important; }
  header a[href*="login"], header a[href*="signin"], header a[href*="sign-in"] { display: none !important; }
  .local-language-dialog .local-dialog-body { max-height: calc(100dvh - 150px); overflow: auto; }
}
@media(max-width:640px){.mz-shell-language{width:auto!important;min-width:44px}.mz-shell-language>[data-locale-code]{display:inline!important}.mz-shell-language>svg{display:block!important}}