var e={toggle:"toggle_09e47b877e","focus-visible":"focus-visible_d3241d2ad2",selected:"selected_deaeb4a92d",notSelected:"notSelected_9639da1230",disabled:"disabled_bfd43b4e6e",medium:"medium_57c5124115",small:"small_697ca3acb4",noSpacing:"noSpacing_bde599f016"};!function(e){const n="s_id-550adc1aa9aa_3_82_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.toggle_09e47b877e {\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_09e47b877e:focus-visible, .toggle_09e47b877e.focus-visible_d3241d2ad2 {\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_09e47b877e:focus:not(.focus-visible_d3241d2ad2) {\n  outline: none;\n}\n.toggle_09e47b877e::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_09e47b877e.selected_deaeb4a92d {\n  background-color: var(--primary-color);\n}\n.toggle_09e47b877e.selected_deaeb4a92d::after {\n  left: 20px;\n}\n.toggle_09e47b877e.notSelected_9639da1230 {\n  background-color: var(--ui-border-color);\n}\n.toggle_09e47b877e.notSelected_9639da1230::after {\n  left: 3px;\n}\n.toggle_09e47b877e.disabled_bfd43b4e6e {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_09e47b877e.medium_57c5124115 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_09e47b877e.medium_57c5124115::after {\n  --circle-size: 18px;\n}\n.toggle_09e47b877e.small_697ca3acb4 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_09e47b877e.small_697ca3acb4::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_09e47b877e.small_697ca3acb4.notSelected_9639da1230::after {\n  left: 2px;\n}\n.toggle_09e47b877e.noSpacing_bde599f016 {\n  margin: 0;\n}');export{e as default};
//# sourceMappingURL=MockToggle.module.scss.js.map
