.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{overflow:hidden;display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;border-radius:var(--toggle-height);height:var(--toggle-height)}.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{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed}.react-toggle-track{width:var(--toggle-width);height:var(--toggle-height);padding:var(--toggle-padding);border-radius:var(--toggle-height);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;color:#fff;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.react-toggle-track svg{display:none}.react-toggle-track-check{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;margin-left:8px;opacity:0;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle-track-x{width:10px;height:10px;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;margin-right:8px;opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{transition:all .5s cubic-bezier(.23,1,.32,1);position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:var(--toggle-thumb-size);height:var(--toggle-thumb-size);background-color:var(--white);border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}.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:hover .react-toggle-track,.react-toggle.react-toggle--focus .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:hover .react-toggle-track,.react-toggle.react-toggle--checked.react-toggle--focus .react-toggle-track,.react-toggle.react-toggle--checked:active .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{display:flex;align-items:center;width:auto}.react-toggle.react-toggle--labelled .react-toggle-track-check,.react-toggle.react-toggle--labelled .react-toggle-track-x{position:relative;width:auto;height:auto}.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)}