@layer components{.tsd{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto 34px;grid-template-areas:"text switch state""status status status";align-items:center;column-gap:14px;padding:16px 4px;display:grid}.tsd:last-child{border-bottom:none}.tsd-text{cursor:pointer;grid-area:text;gap:3px;min-width:0;display:grid}.tsd-label{font-size:14px;font-weight:600}.tsd-desc{color:var(--muted-foreground);font-size:12px}.tsd-switch{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:999px;grid-area:switch;padding:4px}.tsd-switch[aria-busy=true]{cursor:progress}.tsd-switch:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.tsd[data-variant=click] .tsd-switch{touch-action:manipulation}.tsd-track{--tsd-travel:22px;background:var(--muted);border:1px solid var(--border);border-radius:999px;width:52px;height:30px;display:block;position:relative}.tsd-track:before{content:"";border-radius:inherit;background:var(--primary);opacity:0;transition:opacity var(--tsd-color-duration) var(--tsd-color-easing);position:absolute;inset:-1px}.tsd[data-checked=true] .tsd-track:before{opacity:1}.tsd-knob{background:var(--background);width:24px;height:24px;box-shadow:0 1px 3px color-mix(in oklab,var(--foreground) 28%,transparent);transition:transform var(--tsd-duration) var(--tsd-easing),scale var(--tsd-color-duration) var(--ease-standard);border-radius:50%;position:absolute;top:2px;left:2px}:where(.dark) .tsd-knob{background:var(--foreground)}.tsd[data-checked=true] .tsd-knob{transform:translateX(var(--tsd-travel));background:var(--primary-foreground)}.tsd-knob:before{content:"";border:3px solid color-mix(in oklab,var(--ring) 45%,transparent);opacity:0;transition:opacity var(--tsd-color-duration) var(--ease-standard);border-radius:50%;position:absolute;inset:-5px}.tsd-switch:active .tsd-knob{scale:var(--motion-scale-press)}.tsd-switch[data-dragging=true] .tsd-knob{transition:scale var(--tsd-color-duration) var(--ease-standard);scale:var(--motion-scale-pop)}.tsd-switch:active .tsd-knob:before,.tsd-switch[data-dragging=true] .tsd-knob:before{opacity:1}.tsd[data-pending=true] .tsd-knob:after{content:"";border:2px solid var(--muted-foreground);border-right-color:#0000;border-radius:50%;animation:.7s linear infinite tsd-spin;position:absolute;inset:6px}@keyframes tsd-spin{to{transform:rotate(360deg)}}.tsd-state{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);grid-area:state;font-size:11px;font-weight:700}.tsd[data-checked=true] .tsd-state{color:var(--foreground)}.tsd-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tsd[data-error=true] .tsd-status{clip-path:none;white-space:normal;font-variant-numeric:tabular-nums;width:auto;height:auto;color:var(--destructive);grid-area:status;margin:6px 0 0;font-size:11px;font-weight:600;position:static;overflow:visible}.tsd[data-motion=static],.tsd[data-motion=static] *,.tsd[data-motion=static] :before,.tsd[data-motion=static] :after{transition-property:none}.tsd[data-motion=static] .tsd-switch .tsd-knob{scale:none}.tsd[data-motion=static][data-pending=true] .tsd-knob:after{border-right-color:var(--muted-foreground);border-style:dotted;animation:none}}
