import n from"style-inject";var e=".l3-style-steps-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.l3-style-steps-header_numbers {\n  margin: 0 8px;\n  color: var(--color-content-primary);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-general-label);\n  line-height: 22px;\n}\n.l3-style-steps-header_dot {\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  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: #e6e9ef;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.l3-style-steps-header_dot:focus-visible, .l3-style-steps-header_dot.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-steps-header_dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.l3-style-steps-header_dot:focus-visible, .l3-style-steps-header_dot.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-steps-header_dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.l3-style-steps-header_dot:hover {\n  transform: scale(1.3);\n}\n.l3-style-steps-header_dot--is-active {\n  background: #000000;\n  background: #000000;\n  transform: scale(1.3);\n}\n.l3-style-steps-header_gallery {\n  margin: 0 8px;\n  display: flex;\n  align-items: center;\n}\n.l3-style-steps-header_gallery .l3-style-steps-header_dot {\n  margin-right: 8px;\n}\n.l3-style-steps-header_gallery .l3-style-steps-header_dot:last-child {\n  margin-right: 0;\n}\n.l3-style-steps-command {\n  display: flex;\n  align-items: center;\n}\n.l3-style-steps-command_icon {\n  color: #676879;\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.l3-style-steps-command--backward {\n  margin-right: 8px;\n  flex-direction: row-reverse;\n}\n.l3-style-steps-command--backward .l3-style-steps-command_icon {\n  margin-right: 12px;\n}\n.l3-style-steps-command--forward {\n  margin-left: 8px;\n}\n.l3-style-steps-command--forward .l3-style-steps-command_icon {\n  margin-left: 12px;\n}\n.l3-style-steps--content-on-top .l3-style-steps-header {\n  margin-top: 16px;\n}\n.l3-style-steps--content-on-bottom .l3-style-steps-header {\n  margin-bottom: 8px;\n}\n.l3-style-steps--on-primary .l3-style-steps-header_numbers {\n  color: #fff;\n  color: var(--text-color-on-primary);\n}\n.l3-style-steps--on-primary .l3-style-steps-header_dot {\n  background: rgba(0, 0, 0, 0.5);\n  background: var(--color-transparent-black-05);\n}\n.l3-style-steps--on-primary .l3-style-steps-header_dot:focus-visible, .l3-style-steps--on-primary .l3-style-steps-header_dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.l3-style-steps--on-primary .l3-style-steps-header_dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.l3-style-steps--on-primary .l3-style-steps-header_dot--is-active {\n  background: #fff;\n  background: var(--text-color-on-primary);\n}\n.l3-style-steps--on-primary .l3-style-steps-command_icon {\n  color: #fff;\n  color: var(--text-color-on-primary);\n}";n(e,{insertAt:"top"});export{e as default};
