import n from"style-inject";var o='.l3-alert-banner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 40px;\n  border-radius: 12px;\n}\n.l3-alert-banner.l3-alert-banner--background-color-normal {\n  background: var(--color-transparent-black-05);\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 16px / 20px "Circular", "Roboto";\n  color: #ffffff;\n}\n.l3-alert-banner.l3-alert-banner--background-color-positive {\n  background: var(--color-gradient-green);\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 16px / 20px "Circular", "Roboto";\n  color: #000000;\n}\n.l3-alert-banner.l3-alert-banner--background-color-negative {\n  background: linear-gradient(180deg, #e96878 0%, #d62e2e 100%);\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 16px / 20px "Circular", "Roboto";\n  color: #ffffff;\n}\n.l3-alert-banner.l3-alert-banner--background-color-warning {\n  background: var(--color-gradient-yellow);\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 16px / 20px "Circular", "Roboto";\n  color: #000000;\n}\n.l3-alert-banner__inner {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: 16px;\n}\n.l3-alert-banner__close-button-wrapper {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n.l3-style-button.l3-alert-banner__alert-banner-close-btn {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n}\n.l3-alert-banner__ellipsis {\n  flex: 0 1 auto;\n}\n.l3-alert-banner__inner-item {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n.l3-alert-banner__inner-item-text {\n  flex: 0 1 auto;\n  min-width: 0;\n}';n(o,{insertAt:"top"});export{o as default};
