.toggleswitch{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.toggleswitch__switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.toggleswitch__label{white-space:nowrap}@media (width<=768px){.toggleswitch__label{font-size:16px}}.toggleswitch-track{background-color:var(--color-dark);border:1px solid var(--color-light);width:3rem;height:1.5rem;transition:background-color .3s;position:relative}.toggleswitch-thumb{background-color:var(--color-light);width:1rem;height:1rem;transition:transform .3s;position:absolute;top:.25rem;left:.25rem}.toggleswitch--active .toggleswitch-track{background-color:var(--color-highlight)}.toggleswitch--active .toggleswitch-thumb{transform:translate(1.5rem)}