import l from"style-inject";var n=".l3-style-label {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\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  padding: 0 8px;\n  position: relative;\n}\n.l3-style-label--with-leg {\n  border-radius: 4px 4px 4px 0;\n}\n.l3-style-label__leg-wrapper {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.l3-style-label--with-animation {\n  animation: label-spin-in-emphasized var(--motion-expressive-short) var(--motion-timing-emphasize);\n  transform-origin: bottom left;\n}\n.l3-style-label--kind-fill.l3-style-label--color-primary {\n  color: #fff;\n  color: var(--text-color-on-primary);\n  background-color: #000000;\n  background-color: #000000;\n}\n.l3-style-label--kind-fill.l3-style-label--color-primary svg path {\n  fill: #000000;\n  fill: #000000;\n}\n.l3-style-label--kind-fill.l3-style-label--color-dark {\n  color: #fff;\n  color: var(--text-color-on-inverted);\n  background-color: #898c99;\n  background-color: var(--inverted-color-background);\n}\n.l3-style-label--kind-fill.l3-style-label--color-dark svg path {\n  fill: #898c99;\n  fill: var(--inverted-color-background);\n}\n.l3-style-label--kind-fill.l3-style-label--color-negative {\n  color: #fff;\n  color: var(--text-color-on-primary);\n  background-color: #e44258;\n  background-color: var(--negative-color);\n}\n.l3-style-label--kind-fill.l3-style-label--color-negative svg path {\n  fill: #e44258;\n  fill: var(--negative-color);\n}\n.l3-style-label--kind-fill.l3-style-label--color-positive {\n  color: #fff;\n  color: var(--text-color-on-primary);\n  background-color: #00ca72;\n  background-color: var(--positive-color);\n}\n.l3-style-label--kind-fill.l3-style-label--color-positive svg path {\n  fill: #00ca72;\n  fill: var(--positive-color);\n}\n.l3-style-label--kind-line {\n  border: 1px solid currentColor;\n}\n.l3-style-label--kind-line .l3-style-label__leg-wrapper {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.l3-style-label--kind-line.l3-style-label--color-primary {\n  color: #000000;\n  color: #000000;\n}\n.l3-style-label--kind-line.l3-style-label--color-primary svg path {\n  fill: #000000;\n  fill: #000000;\n}\n.l3-style-label--kind-line.l3-style-label--color-dark {\n  color: #898c99;\n  color: var(--inverted-color-background);\n}\n.l3-style-label--kind-line.l3-style-label--color-dark svg path {\n  fill: #898c99;\n  fill: var(--inverted-color-background);\n}\n.l3-style-label--kind-line.l3-style-label--color-negative {\n  color: #e44258;\n  color: var(--negative-color);\n}\n.l3-style-label--kind-line.l3-style-label--color-negative svg path {\n  fill: #e44258;\n  fill: var(--negative-color);\n}\n.l3-style-label--kind-line.l3-style-label--color-positive {\n  color: #00ca72;\n  color: var(--positive-color);\n}\n.l3-style-label--kind-line.l3-style-label--color-positive svg path {\n  fill: #00ca72;\n  fill: var(--positive-color);\n}\n@keyframes label-spin-in-emphasized {\n  0% {\n    transform: rotate(25deg);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}";l(n,{insertAt:"top"});export{n as default};
