.theme-switch{background:var(--bg-input);border:1px solid var(--border-color);cursor:pointer;border-radius:30px;outline:none;align-items:center;width:56px;height:30px;padding:2px;transition:all .3s;display:flex;position:relative}.theme-switch:focus-visible{box-shadow:0 0 0 2px var(--color-brand)}.theme-switch.dark{background:#312e81;border-color:#4338ca}.theme-switch.light{background:#e2e8f0;border-color:#cbd5e1}.switch-handle{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0003}.theme-switch.dark .switch-handle{color:#fbbf24;background:#1e1b4b;transform:translate(26px);box-shadow:-1px 1px 3px #0000004d}.theme-switch.light .switch-handle{color:#f59e0b;background:#fff;transform:translate(0)}.theme-switch:hover .switch-handle{transform:scale(1.05)}.theme-switch.dark:hover .switch-handle{transform:translate(26px)scale(1.05)}.theme-switch.light:hover .switch-handle{transform:translate(0)scale(1.05)}
.lang-segmented-control{background:var(--bg-input);border:1px solid var(--border-color);border-radius:30px;width:76px;height:30px;padding:2px;display:flex;position:relative;box-shadow:inset 0 1px 2px #0000000d}.lang-segment{color:var(--text-muted);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:30px;flex:1;justify-content:center;align-items:center;padding:0;font-size:.75rem;font-weight:700;line-height:1;transition:color .3s;display:flex}.lang-segment:hover{color:var(--text-primary)}.lang-segment.active{color:#fff}.lang-segment-slider{background:var(--color-brand);z-index:1;border-radius:30px;width:36px;height:24px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #00000026}.lang-segment-slider.id{transform:translate(0)}.lang-segment-slider.en{transform:translate(36px)}