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