.ifm-toggle-switch{--height: 30px;--toggleSize: 22px;--containerPadding: 5px;--translateFactor: 18px;position:relative;display:flex;align-items:center;gap:var(--spacing-sm)}.ifm-toggle-switch--reverse{flex-direction:row-reverse;justify-content:flex-end}.ifm-toggle-switch__input{position:absolute;width:0;height:0;opacity:0}.ifm-toggle-switch__container{position:relative;display:flex;flex:0 0 50px;align-items:center;width:50px;height:var(--height);padding:var(--containerPadding);border-radius:40px;overflow:hidden;cursor:pointer;background:var(--c-text-on-dark);transition:background .4s ease}.ifm-toggle-switch__container:before{position:absolute;content:"";height:var(--toggleSize);width:var(--toggleSize);border-radius:var(--border-radius-circle);background-color:var(--bg);box-shadow:0 1px 1px #0000000f,0 2px 3px #0000001c,0 6px 16px #0000002e;transition:transform .4s ease}.ifm-toggle-switch__label{display:flex;align-items:center}.ifm-toggle-switch--active .ifm-toggle-switch__container{background-color:var(--c-secondary)}.ifm-toggle-switch--active .ifm-toggle-switch__container:before{transform:translate(var(--translateFactor))}.ifm-toggle-switch--slim{--height: 20px;--toggleSize: 16px;--containerPadding: 2px;--translateFactor: 30px}.ifm-toggle-switch:hover{cursor:pointer}.ifm-toggle-switch:hover .ifm-toggle-switch__container{opacity:.8}