.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:32px;border-radius:2rem;height:32px}.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:56px;height:32px;padding:0 4px;border-radius:30px;-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:4px;left:4px;width:24px;height:24px;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% - 28px)}.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)}.react-toggle.small{height:16px;border-radius:16px}.react-toggle.small .react-toggle-track{width:29px;height:16px}.react-toggle.small .react-toggle-thumb{width:12px;height:12px;top:2px;left:2px}.react-toggle--checked.small .react-toggle-thumb{left:calc(100% - 14px)}