.qn-lang--menu{max-inline-size:100%;display:inline-block;position:relative}.qn-lang__trigger{border:1px solid var(--qn-lang-border,var(--qn-border,color-mix(in srgb,currentColor 22%,transparent)));border-radius:var(--qn-lang-radius,var(--qn-radius-sm,6px));min-block-size:44px;min-inline-size:44px;color:var(--qn-lang-ink,var(--qn-text,inherit));font:inherit;white-space:nowrap;cursor:pointer;background:0 0;align-items:center;gap:8px;padding-inline:12px;line-height:1.25;display:inline-flex}.qn-lang__trigger:hover{border-color:var(--qn-lang-ink,var(--qn-text,currentColor))}.qn-lang__trigger:focus-visible,.qn-lang__option:focus-visible{outline:2px solid var(--qn-lang-focus,var(--qn-focus,currentColor));outline-offset:2px}.qn-lang__trigger-code,.qn-lang__code{color:var(--qn-lang-muted,var(--qn-text-muted,color-mix(in srgb,currentColor 60%,transparent)));letter-spacing:.04em;font-size:.8em;display:none}.qn-lang--menu[data-show-code=true] .qn-lang__trigger-code,.qn-lang--menu[data-show-code=true] .qn-lang__code{display:inline}.qn-lang__trigger .qn-lang__chevron{fill:none;stroke:currentColor;stroke-width:1.8px;flex:none;block-size:10px;inline-size:10px;position:static}.qn-lang__popover{z-index:var(--qn-lang-z,50);box-sizing:border-box;inline-size:var(--qn-lang-popover-width,240px);max-inline-size:calc(100vw - 32px);max-block-size:var(--qn-lang-avail,none);padding:var(--qn-lang-pad,4px);border:1px solid var(--qn-lang-border,var(--qn-border,color-mix(in srgb,currentColor 16%,transparent)));border-radius:var(--qn-lang-radius,var(--qn-radius-md,8px));background:var(--qn-lang-surface,var(--qn-surface,Canvas));color:var(--qn-lang-ink,var(--qn-text,CanvasText));box-shadow:var(--qn-lang-shadow,0 4px 16px #00000014);font:inherit;text-align:start;translate:var(--qn-lang-shift,0px)0;flex-direction:column;display:flex;position:absolute;overflow:hidden}.qn-lang__popover[hidden],.qn-lang__scrim[hidden]{display:none}.qn-lang--menu[data-side=bottom]>.qn-lang__popover{inset-block-start:calc(100% + var(--qn-lang-offset,8px))}.qn-lang--menu[data-side=top]>.qn-lang__popover{inset-block-end:calc(100% + var(--qn-lang-offset,8px))}.qn-lang--menu[data-align=end]>.qn-lang__popover{inset-inline-end:0}.qn-lang--menu[data-align=start]>.qn-lang__popover{inset-inline-start:0}.qn-lang--menu[data-many=true]>.qn-lang__popover{inline-size:var(--qn-lang-many-width,var(--qn-lang-popover-width,240px))}.qn-lang__handle,.qn-lang__scrim{display:none}.qn-lang__title{color:var(--qn-lang-muted,var(--qn-text-muted,color-mix(in srgb,currentColor 60%,transparent)));letter-spacing:.06em;text-transform:uppercase;padding:8px 12px 6px;font-size:.75em;font-weight:600}.qn-lang__options{grid-template-columns:repeat(var(--qn-lang-many-columns,1),minmax(0,1fr));gap:var(--qn-lang-gap,0);min-block-size:0;max-block-size:var(--qn-lang-list-max,calc(var(--qn-lang-row-height,44px)*8.5));overscroll-behavior:contain;flex:auto;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.qn-lang--menu:not([data-many=true]) .qn-lang__options{grid-template-columns:minmax(0,1fr)}.qn-lang__item{margin:0;padding:0;display:block}.qn-lang__option{box-sizing:border-box;min-block-size:var(--qn-lang-row-height,44px);border-radius:var(--qn-lang-item-radius,var(--qn-radius-sm,6px));color:inherit;font:inherit;cursor:pointer;align-items:center;gap:12px;padding-inline:12px;text-decoration:none;display:flex}.qn-lang__option:hover{background:var(--qn-lang-item-hover,color-mix(in srgb,currentColor 6%,transparent))}.qn-lang__option[aria-current=true]{background:var(--qn-lang-current-bg,transparent);font-weight:600}.qn-lang__option:focus-visible{outline-offset:-2px}.qn-lang__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}.qn-lang__code{flex:none}.qn-lang__mark{block-size:16px;inline-size:16px;color:var(--qn-lang-accent,var(--qn-accent,currentColor));visibility:hidden;flex:none;display:inline-flex}.qn-lang__option[aria-current=true] .qn-lang__mark{visibility:visible}.qn-lang__mark svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;block-size:100%;inline-size:100%}@keyframes qn-lang-pop-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes qn-lang-pop-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes qn-lang-sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes qn-lang-fade-in{0%{opacity:0}to{opacity:1}}.qn-lang--menu[data-side=bottom]>.qn-lang__popover:not([hidden]){animation:qn-lang-pop-down var(--qn-lang-duration,.16s)var(--qn-lang-ease,cubic-bezier(.2,.8,.2,1))}.qn-lang--menu[data-side=top]>.qn-lang__popover:not([hidden]){animation:qn-lang-pop-up var(--qn-lang-duration,.16s)var(--qn-lang-ease,cubic-bezier(.2,.8,.2,1))}@media (prefers-reduced-motion:no-preference){.qn-lang__chevron{transition:rotate var(--qn-lang-duration,.16s)var(--qn-lang-ease,ease)}}.qn-lang--menu[data-state=open] .qn-lang__trigger .qn-lang__chevron{rotate:180deg}@media (max-width:639.98px){.qn-lang__scrim:not([hidden]){z-index:calc(var(--qn-lang-z,50) - 1);background:var(--qn-lang-scrim,#0006);animation:qn-lang-fade-in var(--qn-lang-duration,.16s)linear;display:block;position:fixed;inset:0}.qn-lang--menu[data-side][data-align]>.qn-lang__popover{max-block-size:85dvh;inline-size:auto;max-inline-size:none;padding:var(--qn-lang-pad,4px)var(--qn-lang-pad,4px)calc(var(--qn-lang-pad,4px) + env(safe-area-inset-bottom,0px));border-block-end-width:0;border-inline-width:0;border-start-start-radius:var(--qn-lang-sheet-radius,16px);border-start-end-radius:var(--qn-lang-sheet-radius,16px);border-end-end-radius:0;border-end-start-radius:0;position:fixed;inset-block:auto 0;inset-inline:0;translate:none}.qn-lang--menu[data-side][data-align]>.qn-lang__popover:not([hidden]){animation:qn-lang-sheet-in calc(var(--qn-lang-duration,.16s)*1.5)var(--qn-lang-ease,cubic-bezier(.2,.8,.2,1))}.qn-lang__handle{background:color-mix(in srgb,currentColor 25%,transparent);border-radius:2px;block-size:4px;inline-size:36px;margin:8px auto 4px;display:block}.qn-lang--menu .qn-lang__options,.qn-lang--menu:not([data-many=true]) .qn-lang__options{grid-template-columns:minmax(0,1fr);max-block-size:none}.qn-lang__option{min-block-size:var(--qn-lang-sheet-row-height,52px)}}body.qn-lang-lock{overflow:hidden}@media (prefers-reduced-motion:reduce){.qn-lang--menu[data-side][data-align]>.qn-lang__popover:not([hidden]){animation:80ms linear qn-lang-fade-in}.qn-lang__scrim:not([hidden]){animation-duration:80ms}}