.react-toggle{--toggle-width:var(--mch-product-button__size);--toggle_height:24px;--toggle_padding:2px;touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.react-toggle-screenreader-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:var(--toggle-width);height:var(--toggle_height);padding:0;border-radius:var(--toggle-width);background-color:#46596b;background-color:var(--wb-ds-color-secondary--dark);transition:all .2s ease}@media screen and (-ms-high-contrast:active){.react-toggle-track{background-color:ButtonText}}.react-toggle--focus .react-toggle-track{box-shadow:inset 0 0 0 3px #c4b5fd;box-shadow:var(--wb-ds-box-shadow--2x-hard)}.react-toggle--checked .react-toggle-track{background-color:#d1d5db;background-color:var(--wb-ds-color-gray--2x-light)}@media screen and (-ms-high-contrast:active){.react-toggle--checked .react-toggle-track{background-color:ButtonText}}.react-toggle:active .react-toggle-track{box-shadow:inset 0 0 0 3px #c4b5fd;box-shadow:var(--wb-ds-box-shadow--2x-hard)}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#6b7280;background-color:var(--wb-ds-color-gray--x-light)}@media screen and (-ms-high-contrast:active){.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:ButtonText}}.react-toggle-thumb{transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;position:absolute;top:var(--toggle_padding);left:var(--toggle_padding);width:calc(var(--toggle_height) - var(--toggle_padding)*2);height:calc(var(--toggle_height) - var(--toggle_padding)*2);border-radius:50%;background-color:#fff;background-color:var(--wb-ds-color-gray--white);box-sizing:border-box}@media screen and (-ms-high-contrast:active){.react-toggle-thumb{background-color:ButtonHighlight}}.react-toggle--checked .react-toggle-thumb{left:calc(var(--toggle-width) - var(--toggle_height) + var(--toggle_padding)*2 - var(--toggle_padding))}@media screen and (-ms-high-contrast:active){.react-toggle--focus .react-toggle-thumb,.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-thumb{background-color:Highlight}}