var e={toggle:"toggle_e883fe1071","focus-visible":"focus-visible_0df61d2a6f",selected:"selected_85306efb0d",notSelected:"notSelected_db74108d57",disabled:"disabled_6d60b7cc36",medium:"medium_87b745acc6",small:"small_2c15f207ef",noSpacing:"noSpacing_cbd856aed1"};!function(e){const n="s_id-550adc1aa9aa_3_69_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_e883fe1071 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_e883fe1071:focus-visible, .toggle_e883fe1071.focus-visible_0df61d2a6f {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.toggle_e883fe1071:focus:not(.focus-visible_0df61d2a6f) {\n  outline: none;\n}\n.toggle_e883fe1071::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_e883fe1071.selected_85306efb0d {\n  background-color: var(--primary-color);\n}\n.toggle_e883fe1071.selected_85306efb0d::after {\n  left: 20px;\n}\n.toggle_e883fe1071.notSelected_db74108d57 {\n  background-color: var(--ui-border-color);\n}\n.toggle_e883fe1071.notSelected_db74108d57::after {\n  left: 3px;\n}\n.toggle_e883fe1071.disabled_6d60b7cc36 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_e883fe1071.medium_87b745acc6 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_e883fe1071.medium_87b745acc6::after {\n  --circle-size: 18px;\n}\n.toggle_e883fe1071.small_2c15f207ef {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_e883fe1071.small_2c15f207ef::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_e883fe1071.small_2c15f207ef.notSelected_db74108d57::after {\n  left: 2px;\n}\n.toggle_e883fe1071.noSpacing_cbd856aed1 {\n  margin: 0;\n}');export{e as default};
//# sourceMappingURL=MockToggle.module.scss.js.map
