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