.toggleswitch{align-items:center;display:flex}.toggleswitch__switch{align-items:center;cursor:pointer;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggleswitch__label{margin-right:.5rem;white-space:nowrap}.toggleswitch-track{background-color:var(--color-dark);border:1px solid var(--color-light);height:1.5rem;position:relative;transition:background-color .3s;width:3rem}.toggleswitch-thumb{background-color:var(--color-light);height:1rem;left:.25rem;position:absolute;top:.25rem;transition:transform .3s;width:1rem}.toggleswitch--active .toggleswitch-track{background-color:var(--color-highlight)}.toggleswitch--active .toggleswitch-thumb{transform:translate(1.5rem)}