@keyframes pulse{50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.tn-toggle{--background-color-track-ON:#1020f9;--background-color-handle-ON:#ebffff;--background-color-track-OFF:#7c88ab;--background-color-handle-OFF:#fff;--hover-track-color-ON:#070452;--hover-handle-color-ON:#ebffff;--hover-handle-color-OFF:#fff;--hover-track-color-OFF:#677398;--active-track-color-ON:#0e09aa;--active-handle-color-ON:#ebffff;--active-handle-color-OFF:#fff;--active-track-color-OFF:#4f5a7d;--disabled-color-track:#b2bad1;--disabled-color-handle:#fff;--focus-outline-color:#8533ff;--text-color:#000b2e;--text-disabled-color:#b2bad1;align-items:center;color:var(--text-color);display:inline-flex;gap:8px;outline:none;position:relative}.tn-toggle.dark{--background-color-track-ON:#42f0f0;--background-color-handle-ON:#000b2e;--background-color-track-OFF:#7c88ab;--background-color-handle-OFF:#000b2e;--hover-track-color-ON:#d6ffff;--hover-handle-color-ON:#000b2e;--hover-handle-color-OFF:#000b2e;--hover-track-color-OFF:#929dbf;--active-track-color-ON:#adffff;--active-handle-color-ON:#000b2e;--active-handle-color-OFF:#000b2e;--active-track-color-OFF:#b2bad1;--disabled-color-track:#4f5a7d;--disabled-color-handle:#000b2e;--focus-outline-color:#ff2483;--text-color:#fff;--text-disabled-color:#4f5a7d}.tn-toggle input:focus-visible+.track{outline:2px solid var(--focus-outline-color);outline-offset:3px;transition:none}.tn-toggle input{display:hidden;height:0;opacity:0;position:absolute;width:0}.tn-toggle.off .track{background-color:var(--background-color-track-OFF)}.tn-toggle.off .track .handle{background-color:var(--background-color-handle-OFF)}.tn-toggle.off:hover .track{background-color:var(--hover-track-color-OFF)}.tn-toggle.off:hover .track .handle{background-color:var(--hover-handle-color-OFF)}.tn-toggle.off:active .track{background-color:var(--active-track-color-OFF)}.tn-toggle.off:active .track .handle{background-color:var(--active-handle-color-OFF)}.tn-toggle.on .track{background-color:var(--background-color-track-ON)}.tn-toggle.on .track .handle{background-color:var(--background-color-handle-ON);transform:translate(100%) translateY(-50%)}.tn-toggle.on:hover .track{background-color:var(--hover-track-color-ON)}.tn-toggle.on:hover .track .handle{background-color:var(--hover-handle-color-ON)}.tn-toggle.on:active .track{background-color:var(--active-track-color-ON)}.tn-toggle.on:active .track .handle{background-color:var(--active-handle-color-ON)}.tn-toggle.disabled,.tn-toggle.loading{color:var(--text-disabled-color)}.tn-toggle.disabled .track,.tn-toggle.loading .track{background-color:var(--disabled-color-track)!important;cursor:not-allowed}.tn-toggle.disabled .track .handle,.tn-toggle.loading .track .handle{background-color:var(--disabled-color-handle)!important}.tn-toggle .track{border-radius:1000px;cursor:pointer;inset:0;position:relative;transition:.3s ease}.tn-toggle .track .handle{align-items:center;border-radius:50%;display:flex;justify-content:center;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:.3s cubic-bezier(.8,0,.2,1)}.tn-toggle.size-s .track{height:20px;width:36px}.tn-toggle.size-s .track .handle{height:16px;width:16px}.tn-toggle.size-s .track .handle .loader{height:15px!important;width:15px!important}.tn-toggle.size-m .track{height:24px;width:44px}.tn-toggle.size-m .track .handle{height:20px;width:20px}.tn-toggle.size-m .track .handle .loader{height:20px!important;padding:2px;width:20px!important}.tn-toggle.size-l .track{height:24px;width:44px}.tn-toggle.size-l .track .handle{height:20px;width:20px}.tn-toggle.size-l .track .handle .loader{height:16px!important;width:16px!important}