.react-toggle{--toggle-height:28px;--toggle-width:56px;--toggle-thumb-size:20px;--toggle-padding:4px}.react-toggle.small{--toggle-height:16px;--toggle-width:29px;--toggle-thumb-size:12px;--toggle-padding:2px}.react-toggle{-webkit-touch-callout:none;-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:transparent;border-radius:var(--toggle-height);cursor:pointer;height:var(--toggle-height);-webkit-user-select:none;user-select:none;background-color:#0000;border:0;padding:0;display:inline-block;position:relative;overflow:hidden}.react-toggle.react-toggle--focus{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.react-toggle-screenreader-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-toggle--disabled{cursor:not-allowed}.react-toggle-track{border-radius:var(--toggle-height);color:#fff;font-size:11px;font-weight:var(--font-weight-bold);height:var(--toggle-height);letter-spacing:.3px;padding:var(--toggle-padding);text-transform:uppercase;width:var(--toggle-width);transition:all .2s}.react-toggle-track svg{display:none}.react-toggle-track-check{opacity:0;width:10px;height:10px;margin-top:auto;margin-bottom:auto;margin-left:8px;line-height:0;transition:opacity .25s;position:absolute;top:0;bottom:0}.react-toggle--checked .react-toggle-track-check,.react-toggle-track-x{opacity:1;transition:opacity .25s}.react-toggle-track-x{width:10px;height:10px;margin-top:auto;margin-bottom:auto;margin-right:8px;line-height:0;bottom:0}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{background-color:var(--white);box-sizing:border-box;height:var(--toggle-thumb-size);left:var(--toggle-padding);top:var(--toggle-padding);width:var(--toggle-thumb-size);border-radius:50%;transition:all .25s;position:absolute}.react-toggle--checked .react-toggle-thumb{left:calc(100% - var(--toggle-thumb-size) - var(--toggle-padding))}.react-toggle .react-toggle-track{background-color:var(--shade-30)}.react-toggle .react-toggle-thumb{background-color:var(--white)}.react-toggle.react-toggle--focus .react-toggle-track,.react-toggle:hover .react-toggle-track{background-color:var(--shade-20)}.react-toggle.react-toggle--checked .react-toggle-track{background-color:var(--primary)}.react-toggle.react-toggle--checked.react-toggle--focus .react-toggle-track,.react-toggle.react-toggle--checked:active .react-toggle-track,.react-toggle.react-toggle--checked:hover .react-toggle-track{background-color:var(--primary-dark)}.react-toggle.react-toggle--checked.react-toggle--disabled .react-toggle-track{background-color:var(--blue-60)}.react-toggle.react-toggle--checked.react-toggle--disabled .react-toggle-thumb{background-color:var(--shade-50)}.react-toggle:not(.react-toggle--checked).react-toggle--disabled .react-toggle-track{background-color:var(--shade-40)}.react-toggle.react-toggle--labelled .react-toggle-track{align-items:center;width:auto;display:flex}.react-toggle.react-toggle--labelled .react-toggle-track-check,.react-toggle.react-toggle--labelled .react-toggle-track-x{width:auto;height:auto;position:relative}.react-toggle.react-toggle--labelled .react-toggle-track{background-color:var(--yellow)}.react-toggle.react-toggle--labelled.react-toggle--checked .react-toggle-track{background-color:var(--primary)}