.modo-auto{appearance:none;font:inherit;cursor:pointer;color:color-mix(in oklab, var(--muted-foreground) 75%, transparent);background:0 0;border:none;align-items:center;gap:8px;padding:0;transition:color .16s;display:inline-flex}.modo-auto[data-on=true]{color:var(--primary)}.modo-auto:focus-visible{outline:2px solid color-mix(in oklab, var(--primary) 55%, transparent);outline-offset:3px;border-radius:var(--radius-sm)}.modo-auto-track{border-radius:var(--radius-full);background:color-mix(in oklab, var(--foreground) 14%, transparent);flex-shrink:0;width:26px;height:14px;transition:background .16s,box-shadow .16s;display:inline-block;position:relative}.modo-auto[data-on=true] .modo-auto-track{background:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 18%, transparent)}.modo-auto-knob{border-radius:var(--radius-full);background:var(--muted-foreground);width:10px;height:10px;transition:left .16s,background .16s;position:absolute;top:2px;left:2px}.modo-auto[data-on=true] .modo-auto-knob{background:var(--primary-foreground);left:14px}.modo-auto-word{font-size:var(--text-2xs);letter-spacing:.09em;white-space:nowrap;font-weight:700}.modo-auto-label{font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}@media (prefers-reduced-motion:reduce){.modo-auto-track,.modo-auto-knob{transition:none}}.modo-auto-hero{align-items:center;gap:10px;min-height:34px;padding:0 4px 0 10px;display:inline-flex}.modo-auto-hero .modo-auto{gap:10px}.modo-auto-msg{font-size:var(--text-xs);white-space:nowrap;color:var(--muted-foreground);font-weight:500;transition:color .16s}.modo-auto[data-on=true]+.modo-auto-msg{color:color-mix(in oklab, var(--foreground) 85%, transparent)}.modo-auto-hero .modo-auto-word{font-size:calc(var(--text-2xs) * 1.3)}.modo-auto-hero .modo-auto-track{width:34px;height:18px}.modo-auto-hero .modo-auto-knob{width:13px;height:13px;top:2.5px;left:2.5px}.modo-auto-hero .modo-auto[data-on=true] .modo-auto-knob{left:18.5px}