import n from"style-inject";var t='.badge {\n  width: 8px;\n  height: 8px;\n  border: 2px solid #ffffff;\n  border-radius: 100px;\n}\n.badge--dot-accent {\n  background: var(--color-gradient-light-blue);\n  margin-left: 12px;\n  margin-right: 12px;\n}\n.badge--dot-positive {\n  background: var(--color-gradient-green);\n  margin-left: 12px;\n  margin-right: 12px;\n}\n.badge--dot-warning {\n  background: var(--color-gradient-orange);\n  margin-left: 12px;\n  margin-right: 12px;\n}\n.badge--dot-negative {\n  background: var(--color-gradient-red);\n  margin-left: 12px;\n  margin-right: 12px;\n}\n.badgeBase {\n  display: flex;\n  align-items: center;\n  text-align: center;\n}\n.badgeBase--type-primary {\n  background: var(--color-gradient-light-blue);\n  border-radius: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: 20px;\n  height: 20px;\n}\n.badgeBase--type-primaryCircle {\n  background: var(--color-gradient-light-blue);\n  border-radius: 20px;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: 20px;\n  height: 20px;\n}\n.badgeBase--type-tertiary {\n  background: transparent;\n  border-radius: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: 20px;\n  height: 20px;\n}\n.badgeBase--type-secondary {\n  border-radius: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: 20px;\n  height: 20px;\n  background: var(--text-color-on-primary);\n}\n.badgeBase--draft-warning {\n  background: var(--color-transparent-white-02);\n  border-radius: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: 78px;\n  height: 32px;\n}\n.badgeBase--draft-positive {\n  background: var(--color-transparent-white-02);\n  border-radius: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: 71px;\n  height: 32px;\n}\n.badgeBase--draft-negative {\n  background: var(--color-transparent-white-02);\n  border-radius: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: 83px;\n  height: 32px;\n}\n.badgeBase--special-withText {\n  background: var(--color-transparent-white-02);\n  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);\n  -webkit-backdrop-filter: blur(100px);\n          backdrop-filter: blur(100px);\n  border-radius: 6px;\n  color: #ffffff;\n  color: var(--primary-text-on-primary);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: normal 500 18px / 24px "Circular", "Roboto";\n  justify-content: center;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: 68px;\n  height: 32px;\n}\n.badgeBase--special-withoutText {\n  background: var(--color-transparent-black-02);\n  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);\n  -webkit-backdrop-filter: blur(100px);\n          backdrop-filter: blur(100px);\n  border-radius: 6px;\n  color: #ffffff;\n  color: var(--primary-text-on-primary);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: normal 500 18px / 24px "Circular", "Roboto";\n  justify-content: center;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: 68px;\n  height: 32px;\n}\n.badgeBase .draftLabel {\n  justify-content: center;\n  color: #ffffff;\n  color: var(--primary-text-on-primary);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: normal 500 18px / 24px "Circular", "Roboto";\n  color: var(--text-color-on-primary);\n}\n.badgeGroup {\n  background: var(--text-color-on-primary);\n  border-radius: 4px;\n  color: var(--color-primitive-black);\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  gap: 5px;\n}\n.labelWhite {\n  align-items: center;\n  text-align: center;\n  margin-left: 8px;\n  margin-right: 8px;\n  color: #ffffff;\n  color: var(--primary-text-on-primary);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: normal 500 14px / 16px "Circular", "Roboto";\n  width: auto;\n  height: 16px;\n  color: var(--text-color-on-primary);\n}\n.labelBlack {\n  align-items: center;\n  text-align: center;\n  margin-left: 8px;\n  margin-right: 8px;\n  color: #ffffff;\n  color: var(--primary-text-on-primary);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: normal 500 14px / 16px "Circular", "Roboto";\n  width: auto;\n  height: 16px;\n  color: var(--color-primitive-black);\n}';n(t,{insertAt:"top"});export{t as default};
