.switch{flex:none;width:52px;height:32px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;width:calc(100% + 12px);height:calc(100% + 12px);margin:0;position:absolute;inset:-6px}.switch__track{background:var(--line-2);transition:background-color .26s var(--ease-out);border-radius:99px;position:absolute;inset:0}.switch__thumb{width:28px;height:28px;transition:transform .36s var(--spring), width .2s var(--ease-out);background:#fff;border-radius:99px;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029}.switch input:checked+.switch__track{background:var(--blue)}.switch input:checked+.switch__track .switch__thumb{transform:translate(20px)}.switch input:active+.switch__track .switch__thumb{width:33px}.switch input:checked:active+.switch__track .switch__thumb{transform:translate(15px)}.switch input:focus-visible+.switch__track{outline:2.5px solid var(--blue);outline-offset:2px}.switch input:disabled{cursor:default}.switch input:disabled+.switch__track{opacity:.45}