import e from"style-inject";var t='.l3-style-toggle_input:focus-visible ~ .l3-style-toggle_toggle, .l3-style-toggle_input.focus-visible ~ .l3-style-toggle_toggle {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209deg, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.l3-style-toggle_toggle {\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  -webkit-appearance: none;\n          appearance: none;\n  transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 8px;\n  position: relative;\n  width: 60px;\n  height: 30px;\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.l3-style-toggle_toggle:focus-visible, .l3-style-toggle_toggle.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209deg, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.l3-style-toggle_toggle:focus:not(.focus-visible) {\n  outline: none;\n}\n.l3-style-toggle_toggle::after {\n  background-color: #ffffff;\n  content: " ";\n  position: absolute;\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  left: calc(50% - 13px - 15px);\n  top: calc(50% - 13px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.l3-style-toggle_toggle--selected {\n  background: linear-gradient(180deg, #cefb53 0%, #7af94b 100%);\n  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3), 0px 3px 1px rgba(0, 0, 0, 0.05);\n}\n.l3-style-toggle_toggle--selected::after {\n  left: 32px;\n}\n.l3-style-toggle_toggle--not-selected {\n  background-color: rgba(0, 0, 0, 0.2);\n  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06);\n}\n.l3-style-toggle_toggle--not-selected::after {\n  left: 3px;\n}\n.l3-style-toggle_text {\n  color: var(--color-content-primary);\n  font-style: normal;\n  font-weight: normal;\n  size: 14px;\n  line-height: 22px;\n}\n.l3-style-toggle_size_small .l3-style-toggle_toggle {\n  width: 32px;\n  height: 16px;\n}\n.l3-style-toggle_size_small .l3-style-toggle_toggle::after {\n  width: 13.87px;\n  height: 13.87px;\n  left: calc(50% - 6.935px + 8px);\n  top: calc(50% - 6.935px - 0px);\n}\n.l3-style-toggle_size_small .l3-style-toggle_toggle--selected {\n  box-shadow: 0px 1.6px 4.26667px rgba(0, 0, 0, 0.3), 0px 1.6px 0.533333px rgba(0, 0, 0, 0.05);\n}\n.l3-style-toggle_size_small .l3-style-toggle_toggle--selected::after {\n  left: 17px;\n}\n.l3-style-toggle_size_small .l3-style-toggle_toggle--not-selected {\n  box-shadow: 0px 1.6px 4.26667px rgba(0, 0, 0, 0.15), 0px 1.6px 0.533333px rgba(0, 0, 0, 0.06);\n}\n.l3-style-toggle_size_small .l3-style-toggle_toggle--not-selected::after {\n  left: 2px;\n}\n.l3-style-toggle_size_small .l3-style-toggle_text {\n  font-size: 12px;\n  line-height: 16px;\n}\n.l3-style-toggle_kind_secondary .l3-style-toggle_toggle--not-selected {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.l3-style-toggle_kind_tertiary .l3-style-toggle_toggle--selected {\n  background: linear-gradient(180deg, #4ca6f8 0%, #2152f3 100%);\n}\n.l3-style-toggle_wrapper {\n  display: flex;\n  align-items: center;\n}\n.l3-style-toggle_wrapper--disabled .l3-style-toggle_toggle {\n  opacity: var(--disabled-component-opacity);\n  background-color: rgba(0, 0, 0, 0.2);\n  cursor: not-allowed;\n}\n.l3-style-toggle_wrapper--disabled .l3-style-toggle_text {\n  color: var(--disabled-text-color);\n}';e(t,{insertAt:"top"});export{t as default};
