.toggle{align-items:center;display:inline-flex}.toggle .toggleControl{background-color:var(--text-tertiary-2);border:none;border-radius:10px;align-items:center;width:36px;height:20px;padding:2px;transition:background-color .25s;display:inline-flex}.toggle .toggleControl[data-checked]{background-color:var(--success-bright)}.toggle .toggleInput:focus-visible+.toggleControl{outline:none}.toggle .toggleThumb{background-color:var(--text-primary);border-radius:8px;width:16px;height:16px;transition:transform .25s}.toggle .toggleThumb[data-checked]{transform:translate(calc(100% - 1px))}