@font-face {
  font-family: 'Taskora Myanmar';
  src: url('../fonts/fonts/noto-sans-myanmar.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}
.language-preview {
  position: relative;
  z-index: 201;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  background: var(--c-surface);
  color: var(--c-text);
  border-bottom: 1px solid var(--c-border);
  font-family: var(--font-body), 'Taskora Myanmar', sans-serif;
}
.language-preview select {
  max-width: 100%;
  padding: 6px;
  background: var(--c-surface);
  color: var(--c-text);
  font: inherit;
  border: 1px solid var(--c-border);
  border-radius: 6px;
}
body.taskora-account-visible .language-preview { margin-left: var(--nav-w); }
@media (max-width: 680px) {
  body.taskora-account-visible .language-preview { margin-left: 0; }
}
html:lang(my) {
  --font-body: 'Taskora Myanmar', sans-serif;
  --font-head: 'Taskora Myanmar', sans-serif;
  --font-mono: 'Taskora Myanmar', monospace;
}
html:lang(my) :is(.auth-root, .sidebar, .topbar, .bottom-nav, .language-preview) {
  line-height: 1.8;
  letter-spacing: normal;
}
html:lang(my) :is(.auth-root .btn, .nav-item, .topbar .btn, .language-preview .btn) {
  height: auto;
  min-height: 42px;
  white-space: normal;
  line-height: 1.8;
}
html:lang(my) :is(.auth-title, .auth-sub, .auth-switch, .nav-item, .bn-label) {
  overflow-wrap: anywhere;
  letter-spacing: normal;
}
html:lang(my) .topbar { height: auto; min-height: 70px; flex-wrap: wrap; }
html:lang(my) .topbar-actions { flex-wrap: wrap; }
html:lang(my) .bottom-nav { height: auto; min-height: var(--bottom-nav-h); }
html:lang(my) .bn-label { font-size: 11px; line-height: 1.8; }