@layer components{.switch-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.switch-row__text{gap:var(--space-1);display:grid}.switch-row__label{font-weight:var(--weight-semibold)}.switch-row__description{color:var(--text-muted);font-size:var(--text-sm)}.switch{border-radius:var(--radius-full);background:var(--sunken);block-size:1.875rem;inline-size:3.25rem;box-shadow:var(--sink-1), inset 0 0 0 1px color-mix(in oklab, var(--line-strong), transparent 50%);appearance:none;cursor:pointer;transition:background-color var(--dur-base) var(--ease-out);flex-shrink:0;margin:0;position:relative}.switch:after{background:var(--surface-sheen);block-size:calc(1.875rem - 6px);inline-size:calc(1.875rem - 6px);box-shadow:var(--raise-1);content:"";transition:transform var(--dur-base) var(--ease-spring);border-radius:50%;position:absolute;inset-block-start:3px;inset-inline-start:3px}.switch:checked{background:linear-gradient(180deg, var(--accent-top), var(--accent-bottom));box-shadow:inset 0 2px 4px #0003}.switch:checked:after{transform:translate(1.375rem)}[dir=rtl] .switch:checked:after{transform:translate(-1.375rem)}.switch:disabled{opacity:.55;cursor:not-allowed}}