import o from"style-inject";var n=".l3-style-button-group-component {\n  display: flex;\n  flex-direction: column;\n}\n.l3-style-button-group-component__sub-text-container {\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-subtext);\n}\n.l3-style-button-group-component__buttons-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n.l3-style-button-group-component__buttons-container .l3-style-button {\n  background-color: rgba(255, 255, 255, 0.6);\n  background-color: var(--color-transparent-white-06);\n  border-radius: 60px;\n  padding: 10px 32px;\n}\n.l3-style-button-group-component__buttons-container .l3-style-button.l3-style-button--color-primary:hover {\n  background-color: rgba(255, 255, 255, 0.3);\n}\n.l3-style-button-group-component__buttons-container .l3-style-button.l3-style-button--color-primary-active {\n  z-index: 20;\n  background-color: rgba(0, 0, 0, 0.7);\n  background-color: var(--primary-selected-color);\n}\n.l3-style-button-group-component__buttons-container .l3-style-button.l3-style-button--color-primary-active:hover {\n  background-color: rgba(0, 0, 0, 0.5);\n  background-color: var(--color-transparent-black-05);\n}\n.l3-style-button-group-component__option-text {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 20px;\n}\n.l3-style-button-group-component__option-text:not(.disabled) {\n  color: rgba(0, 0, 0, 0.7);\n  color: var(--color-transparent-black-07);\n}\n.l3-style-button-group-component__option-text:not(.disabled).selected {\n  z-index: 10;\n  color: #ffffff;\n  color: var(--primary-text-on-primary);\n  background-color: #000000;\n  background-color: var(--color-transparent-black-05);\n}\n.l3-style-button-group-component__option-text:active {\n  color: #ffffff;\n  color: var(--primary-text-on-primary);\n}\n.l3-style-button-group-component.disabled {\n  pointer-events: none;\n}\n.l3-style-button-group-component .disabled {\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n.l3-style-button-group-component .disabled.l3-style-button--color-primary:hover {\n  background-color: var(--disabled-background-color);\n}\n.l3-style-button-group-component .button-disabled {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  pointer-events: none;\n}\n.l3-style-button-group-component .button-disabled.l3-style-button--color-primary:hover {\n  background-color: var(--disabled-background-color);\n}";o(n,{insertAt:"top"});export{n as default};
