import n from"style-inject";var r='.tab--wrapper {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  text-align: center;\n  height: 100%;\n  min-width: 130px;\n}\n.tab--wrapper:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: #000000;\n  border-bottom-color: #000000;\n  transform: scaleX(0);\n  z-index: 0;\n}\n.tab--wrapper .tab-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  -webkit-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n  color: rgba(255, 255, 255, 0.6);\n  font-style: normal;\n  font-weight: 500;\n  font-size: 18px;\n  line-height: 24px;\n  height: 46px;\n  padding: 8px 16px;\n  gap: 10px;\n}\n.tab--wrapper .tab-inner--size-small {\n  font-size: 16px;\n  line-height: 20px;\n  height: 32px;\n}\n.tab--wrapper .tab-inner:focus {\n  outline: none;\n}\n.tab--wrapper .tab-inner .tab-icon {\n  color: #676879;\n  color: var(--icon-color);\n  margin-right: 8px;\n}\n.tab--wrapper .tab-inner .tab-icon.right {\n  margin-right: 0;\n  margin-left: 8px;\n}\n.tab--wrapper.tab-focus-visible-inset {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209deg, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n.tab--wrapper.disabled .tab-inner {\n  color: rgba(255, 255, 255, 0.4);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.tab--wrapper:not(.disabled) .tab-inner:hover {\n  background-color: rgba(0, 0, 0, 0.2);\n  border-radius: 60px;\n}\n.tab--wrapper.active .tab-inner {\n  color: #ffffff;\n  background-color: rgba(0, 0, 0, 0.5);\n  border-radius: 60px;\n}\n.tab--wrapper.active .tab-inner:hover {\n  background-color: rgba(0, 0, 0, 0.5);\n  cursor: auto;\n}\n.tab--wrapper .tab-inner {\n  font-family: var(--font-family);\n}';n(r,{insertAt:"top"});export{r as default};
