.tn-toggle{--toggle-handle-size:20px;--toggle-track-height:24px;--toggle-track-width:44px;align-items:center;display:flex;flex-direction:row;gap:8px}.tn-toggle>.left{order:-1}.tn-toggle>.right{order:1}.tn-toggle{color:var(--color-text-default);cursor:pointer;min-height:44px;padding:10px 0}.tn-toggle span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tn-toggle.disabled{color:var(--color-text-action-disabled);cursor:not-allowed}.tn-toggle.compact{--toggle-handle-size:16px;--toggle-track-height:20px;--toggle-track-width:36px}.tn-toggle input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;cursor:pointer;height:var(--toggle-track-height);margin:0;padding:0;position:absolute;transition:all .07s cubic-bezier(.8,0,.2,1);width:var(--toggle-track-width)}.tn-toggle input[type=checkbox]:focus-visible{outline:none}.tn-toggle input[type=checkbox]:focus-visible+.tn-toggle-track{outline:2px solid var(--color-border-action-focus);outline-offset:3px}.tn-toggle input[type=checkbox]:checked+.tn-toggle-track{background:var(--color-surface-action-stronger)}.tn-toggle input[type=checkbox]:checked+.tn-toggle-track .tn-toggle-handle{background:var(--color-surface-brand-mid);color:var(--color-icon-brand);transform:translate(100%)}.tn-toggle input[type=checkbox]:hover+.tn-toggle-track{background:var(--color-surface-action-strong-hover)}.tn-toggle input[type=checkbox]:hover+.tn-toggle-track .tn-toggle-handle{transform:translate(2px)}.tn-toggle input[type=checkbox]:hover:checked+.tn-toggle-track{background:var(--color-surface-action-stronger-hover)}.tn-toggle input[type=checkbox]:hover:checked+.tn-toggle-track .tn-toggle-handle{transform:translate(calc(100% - 2px))}.tn-toggle input[type=checkbox]:active+.tn-toggle-track{background:var(--color-surface-action-strong-active)}.tn-toggle input[type=checkbox]:active+.tn-toggle-track .tn-toggle-handle{transform:translate(2px)}.tn-toggle input[type=checkbox]:active:checked+.tn-toggle-track{background:var(--color-surface-action-stronger-active)}.tn-toggle input[type=checkbox]:active:checked+.tn-toggle-track .tn-toggle-handle{transform:translate(calc(100% - 2px))}.tn-toggle input[type=checkbox]:disabled+.tn-toggle-track,.tn-toggle input[type=checkbox]:disabled:checked+.tn-toggle-track{background:var(--color-surface-action-disabled);color:var(--color-icon-subtler);cursor:not-allowed}.tn-toggle input[type=checkbox]:disabled+.tn-toggle-track .tn-toggle-handle,.tn-toggle input[type=checkbox]:disabled:checked+.tn-toggle-track .tn-toggle-handle{background:var(--color-surface-input-resting);color:var(--color-icon-subtler)}.tn-toggle .tn-toggle-track{align-items:center;background:#7c88ab;border-radius:24px;display:flex;height:var(--toggle-track-height);justify-content:center;position:relative;width:var(--toggle-track-width)}.tn-toggle .tn-toggle-track .tn-toggle-handle{background:var(--color-surface-default);border-radius:20px;color:var(--color-icon-subtle);height:var(--toggle-handle-size);left:2px;position:absolute;top:2px;transition:all .07s cubic-bezier(.8,0,.2,1);width:var(--toggle-handle-size)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}