var e={toggle:"toggle_3c36b68cf2","focus-visible":"focus-visible_a7641cf73f",selected:"selected_1bfe326b45",notSelected:"notSelected_518ae88d26",disabled:"disabled_71dc9b809f",medium:"medium_14576f4967",small:"small_e8c2389c53",noSpacing:"noSpacing_7cba7c27f7"};!function(e){const n="s_id-550adc1aa9aa_3_70_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_3c36b68cf2 {\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_3c36b68cf2:focus-visible, .toggle_3c36b68cf2.focus-visible_a7641cf73f {\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_3c36b68cf2:focus:not(.focus-visible_a7641cf73f) {\n  outline: none;\n}\n.toggle_3c36b68cf2::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_3c36b68cf2.selected_1bfe326b45 {\n  background-color: var(--primary-color);\n}\n.toggle_3c36b68cf2.selected_1bfe326b45::after {\n  left: 20px;\n}\n.toggle_3c36b68cf2.notSelected_518ae88d26 {\n  background-color: var(--ui-border-color);\n}\n.toggle_3c36b68cf2.notSelected_518ae88d26::after {\n  left: 3px;\n}\n.toggle_3c36b68cf2.disabled_71dc9b809f {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_3c36b68cf2.medium_14576f4967 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_3c36b68cf2.medium_14576f4967::after {\n  --circle-size: 18px;\n}\n.toggle_3c36b68cf2.small_e8c2389c53 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_3c36b68cf2.small_e8c2389c53::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_3c36b68cf2.small_e8c2389c53.notSelected_518ae88d26::after {\n  left: 2px;\n}\n.toggle_3c36b68cf2.noSpacing_7cba7c27f7 {\n  margin: 0;\n}');export{e as default};
//# sourceMappingURL=MockToggle.module.scss.js.map
