/* Language dialog (Menu > language). Measured on x10tn.net: sheet #001021, 20px 20px 0 0 radius, 30px 20px padding, 18px/700 title,
   40px options with a 10px radius (selected #132C46 + 16px #E9A722 dot), 24px flags, 40px gold CONFIRM button (12px/700). */
.x10l { position: fixed; inset: 0; z-index: 10050; display: flex; align-items: center; justify-content: center; background: transparent; overscroll-behavior: contain;   /* the Menu's own overlay (rgba(0,0,0,.7)) already dims the page, as on the reference */
        font-family: 'X10 Proxima Nova', 'Proxima Nova', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, Roboto, sans-serif; }
.x10l[hidden] { display: none; }
.x10l__sheet { position: relative; box-sizing: border-box; width: min(480px, 90%); max-height: calc(100% - 20px); overflow-y: auto; overscroll-behavior: contain;
        padding: 30px 20px; border-radius: 20px 20px 0 0; background: #001021; color: #fff; }
.x10l__title { margin: 0 0 21px; font-size: 18px; font-weight: 700; line-height: 22.5px; padding-inline-end: 36px; }
.x10l__close { position: absolute; top: 10px; inset-inline-end: 10px; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 10px; background: transparent; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.x10l__list { display: flex; flex-direction: column; margin-bottom: 30px; }
.x10l__item { display: flex; align-items: center; gap: 10px; box-sizing: border-box; width: 100%; height: 40px; margin: 0; padding: 10px; border: 0; border-radius: 10px; background: transparent; color: #fff; font: inherit; font-size: 16px; font-weight: 600; text-align: start; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.x10l__item.is-selected { background: #132C46; }
.x10l__flag { flex: 0 0 24px; width: 24px; height: 24px; object-fit: contain; }
.x10l__name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.x10l__dot { flex: 0 0 16px; width: 16px; height: 16px; border-radius: 50%; background: #E9A722; visibility: hidden; }
.x10l__item.is-selected .x10l__dot { visibility: visible; }
.x10l__confirm { display: block; width: 100%; height: 40px; margin: 0; padding: 0 7px; border: 0; border-radius: 10px; background: #E9A722; color: #fff; font: inherit; font-size: 12px; font-weight: 700; text-transform: uppercase; cursor: pointer; touch-action: manipulation; }
.x10l__item:hover:not(.is-selected) { background: rgba(255, 255, 255, .06); }
.x10l__confirm:hover { background: #F2B94A; }
.x10l button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
html.x10l-lock, html.x10l-lock body { overflow: hidden; }