/* Prerendered from components/ui/language-switch.tsx by
   scripts/build-langswitch.mjs — do not edit by hand. */
.hjmxxj{--h:30px;--pad:3px;--knob:calc(var(--h) - var(--pad) * 2);position:relative;display:inline-flex;align-items:center;flex:none;height:var(--h);padding:var(--pad);border-radius:999px;background:#d4d4d4;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;}/*!sc*/
.hjmxxj .knob{position:absolute;top:var(--pad);left:var(--pad);z-index:-1;width:var(--knob);height:var(--knob);border-radius:50%;background:#1c1c1c;box-shadow:0 0 0 3px #ffffff,0 1px 3px rgba(0, 0, 0, 0.3);transform:translateX(0px);transition:none;will-change:transform;}/*!sc*/
.hjmxxj .opt{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--knob);height:var(--knob);padding:0;border:0;background:none;cursor:pointer;font:600 9.5px/1 'Public Sans',system-ui,sans-serif;letter-spacing:0.06em;color:#3f3f3f;transition:color 200ms ease 120ms;}/*!sc*/
.hjmxxj .opt+.opt{margin-left:6px;}/*!sc*/
.hjmxxj .opt.is-on{color:#ffffff;}/*!sc*/
.hjmxxj .opt:focus-visible{outline:2px solid #111111;outline-offset:3px;border-radius:50%;}/*!sc*/
.hjmxxj:hover .opt:not(.is-on){color:#111111;}/*!sc*/
.hjmxxj .hint{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%, -4px);z-index:20;padding:6px 11px;border-radius:999px;background:#111111;color:#ffffff;font:500 11px/1 'Public Sans',system-ui,sans-serif;letter-spacing:0.01em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 180ms ease,transform 180ms ease;}/*!sc*/
.hjmxxj .hint::before{content:'';position:absolute;bottom:100%;left:50%;margin-left:-4px;border:4px solid transparent;border-bottom-color:#111111;}/*!sc*/
@media (prefers-reduced-motion: reduce){.hjmxxj .knob{transition:none;}.hjmxxj .hint{transition:opacity 180ms ease;transform:translate(-50%, 0);}}/*!sc*/
@media (pointer: coarse){.hjmxxj .hint{display:none;}}/*!sc*/
data-styled.g1[id="sc-bdvwhi"]{content:"hjmxxj,"}/*!sc*/

/* --- state that was React's, expressed in CSS --- */
.hjmxxj.is-de .knob { transform: translateX(calc(100% + 6px)); }
.hjmxxj .knob { transition: transform 420ms cubic-bezier(0.32, 0.72, 0, 1); }
@media (hover: hover) and (pointer: fine) {
  .hjmxxj:hover .knob { transform: translateX(3px); }
  .hjmxxj.is-de:hover .knob { transform: translateX(calc(100% + 6px - 3px)); }
}
@media (prefers-reduced-motion: reduce) {
  .hjmxxj .knob { transition: none; }
}