import n from"style-inject";var o=".menu-button--wrapper {\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  border-radius: 4px;\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--color-content-primary);\n}\n.menu-button--wrapper:focus-visible, .menu-button--wrapper.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.menu-button--wrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.menu-button--wrapper:focus-visible, .menu-button--wrapper.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.menu-button--wrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.menu-button--wrapper:focus, .menu-button--wrapper:hover {\n  background-color: #c5c7d0;\n  background-color: var(--color-transparent-white-03);\n}\n.menu-button--wrapper--open {\n  transform: scale(0.95);\n  background-color: rgba(0, 0, 0, 0.7);\n  background-color: var(--primary-selected-color);\n  color: #000000;\n  color: #000000;\n}\n.menu-button--wrapper--open:focus {\n  background-color: rgba(0, 0, 0, 0.7);\n  background-color: var(--primary-selected-color);\n}\n.menu-button--wrapper--open:hover {\n  background-color: rgba(0, 0, 0, 0.7);\n  background-color: var(--primary-selected-color);\n}\n.menu-button--wrapper--size-16 {\n  width: 16px;\n  height: 16px;\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.menu-button--wrapper--size-24 {\n  width: 24px;\n  height: 24px;\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-paragraph);\n}\n.menu-button--wrapper--size-32 {\n  width: 32px;\n  height: 32px;\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-paragraph);\n}\n.menu-button--wrapper--size-40 {\n  width: 40px;\n  height: 40px;\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-h4);\n}\n.menu-button--wrapper--size-48 {\n  width: 48px;\n  height: 48px;\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-h2);\n  letter-spacing: -0.2px;\n}\n.menu-button--wrapper--reference-icon {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.menu-button--wrapper--disabled {\n  border-color: rgba(255, 255, 255, 0.2);\n  border-color: var(--disabled-background-color);\n  color: rgba(255, 255, 255, 0.4);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.menu-button--wrapper--disabled:hover {\n  background-color: transparent;\n}\n.menu-button--wrapper--text {\n  width: 100%;\n}\n.menu-button--wrapper--inner-text {\n  margin: 0 8px;\n}";n(o,{insertAt:"top"});export{o as default};
