@charset "UTF-8";
/**
 * Because we use Scss modules we can't import
 * tokens.css directly into this lib. This is
 * due tokens.css containing global css and :root selectors
 * so we import tokens.scss instead and import the css file
 * inside the component library index.ts.
 */
:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-accordion-color-heading: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-accordion-color-body: var(--bm-sem-color-text-secondary, #576775);
  --bm-comp-accordion-color-icon: var(--bm-sem-color-icon-primary, #141d24);
  --bm-comp-accordion-color-divider: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-accordion-size-sm-height: var(
    --bm-primitive-dimension-275,
    2.75rem
  );
  --bm-comp-accordion-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-accordion-size-md-height: var(
    --bm-primitive-dimension-325,
    3.25rem
  );
  --bm-comp-accordion-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-accordion-size-lg-height: var(--bm-primitive-dimension-400, 4rem);
  --bm-comp-accordion-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-accordion-space-header-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-accordion-space-content-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-accordion-space-sm-header-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-accordion-space-sm-content-bottom: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-accordion-space-md-header-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-accordion-space-md-content-bottom: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-accordion-space-lg-header-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-accordion-space-lg-content-bottom: var(--bm-sem-space-200, 2rem);
  --bm-comp-accordion-typo-sm-heading: var(
    --bm-sem-typo-compact-label-md,
    600 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-accordion-typo-sm-body: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-accordion-typo-md-heading: var(
    --bm-sem-typo-compact-label-lg,
    600 1.125rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-accordion-typo-md-body: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-accordion-typo-lg-heading: var(
    --bm-sem-typo-compact-label-xl,
    600 1.25rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-accordion-typo-lg-body: var(
    --bm-sem-typo-body-lg,
    400 1.125rem/1.75rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-accordion-color-heading: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-accordion-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);
  --bm-comp-accordion-color-icon: var(--bm-sem-color-icon-primary, #ffffff);
  --bm-comp-accordion-color-divider: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-accordion-size-sm-height: var(
    --bm-primitive-dimension-275,
    2.75rem
  );
  --bm-comp-accordion-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-accordion-size-md-height: var(
    --bm-primitive-dimension-325,
    3.25rem
  );
  --bm-comp-accordion-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-accordion-size-lg-height: var(--bm-primitive-dimension-400, 4rem);
  --bm-comp-accordion-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-accordion-space-header-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-accordion-space-content-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-accordion-space-sm-header-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-accordion-space-sm-content-bottom: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-accordion-space-md-header-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-accordion-space-md-content-bottom: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-accordion-space-lg-header-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-accordion-space-lg-content-bottom: var(--bm-sem-space-200, 2rem);
  --bm-comp-accordion-typo-sm-heading: var(
    --bm-sem-typo-compact-label-md,
    600 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-accordion-typo-sm-body: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-accordion-typo-md-heading: var(
    --bm-sem-typo-compact-label-lg,
    600 1.125rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-accordion-typo-md-body: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-accordion-typo-lg-heading: var(
    --bm-sem-typo-compact-label-xl,
    600 1.25rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-accordion-typo-lg-body: var(
    --bm-sem-typo-body-lg,
    400 1.125rem/1.75rem "Source Sans Pro"
  );
}

.bm-accordion--sm .bm-accordion__container {
  min-height: var(--bm-comp-accordion-size-sm-height);
  padding: var(--bm-comp-accordion-space-sm-header-y) 0;
}
.bm-accordion--sm .bm-accordion__chevron {
  height: var(--bm-comp-accordion-size-sm-icon);
  min-width: var(--bm-comp-accordion-size-sm-icon);
}
.bm-accordion--sm .bm-accordion__heading {
  font: var(--bm-comp-accordion-typo-sm-heading);
}
.bm-accordion--sm .bm-accordion__icon {
  height: var(--bm-comp-accordion-size-sm-icon);
}

.bm-accordion__panel--sm {
  visibility: hidden;
  font: var(--bm-comp-accordion-typo-sm-body);
  color: var(--bm-comp-accordion-color-body);
  position: relative;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows, padding-bottom, 0.2s linear;
  will-change: grid-template-rows, transform, padding-bottom;
}
.bm-accordion__panel--sm > div {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--bm-comp-accordion-space-content-gap);
  align-self: stretch;
  padding: 0.3rem;
  margin: -0.3rem;
}

.bm-accordion__panel--expanded--sm {
  visibility: visible;
  grid-template-rows: 1fr;
  padding-bottom: var(--bm-comp-accordion-space-sm-content-bottom);
}

.bm-accordion--md .bm-accordion__container {
  min-height: var(--bm-comp-accordion-size-md-height);
  padding: var(--bm-comp-accordion-space-md-header-y) 0;
}
.bm-accordion--md .bm-accordion__chevron {
  height: var(--bm-comp-accordion-size-md-icon);
  min-width: var(--bm-comp-accordion-size-md-icon);
}
.bm-accordion--md .bm-accordion__heading {
  font: var(--bm-comp-accordion-typo-md-heading);
}
.bm-accordion--md .bm-accordion__icon {
  height: var(--bm-comp-accordion-size-md-icon);
}

.bm-accordion__panel--md {
  visibility: hidden;
  font: var(--bm-comp-accordion-typo-md-body);
  color: var(--bm-comp-accordion-color-body);
  position: relative;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows, padding-bottom, 0.2s linear;
  will-change: grid-template-rows, transform, padding-bottom;
}
.bm-accordion__panel--md > div {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--bm-comp-accordion-space-content-gap);
  align-self: stretch;
  padding: 0.3rem;
  margin: -0.3rem;
}

.bm-accordion__panel--expanded--md {
  visibility: visible;
  grid-template-rows: 1fr;
  padding-bottom: var(--bm-comp-accordion-space-md-content-bottom);
}

.bm-accordion--lg .bm-accordion__container {
  min-height: var(--bm-comp-accordion-size-lg-height);
  padding: var(--bm-comp-accordion-space-lg-header-y) 0;
}
.bm-accordion--lg .bm-accordion__chevron {
  height: var(--bm-comp-accordion-size-lg-icon);
  min-width: var(--bm-comp-accordion-size-lg-icon);
}
.bm-accordion--lg .bm-accordion__heading {
  font: var(--bm-comp-accordion-typo-lg-heading);
}
.bm-accordion--lg .bm-accordion__icon {
  height: var(--bm-comp-accordion-size-lg-icon);
}

.bm-accordion__panel--lg {
  visibility: hidden;
  font: var(--bm-comp-accordion-typo-lg-body);
  color: var(--bm-comp-accordion-color-body);
  position: relative;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows, padding-bottom, 0.2s linear;
  will-change: grid-template-rows, transform, padding-bottom;
}
.bm-accordion__panel--lg > div {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--bm-comp-accordion-space-content-gap);
  align-self: stretch;
  padding: 0.3rem;
  margin: -0.3rem;
}

.bm-accordion__panel--expanded--lg {
  visibility: visible;
  grid-template-rows: 1fr;
  padding-bottom: var(--bm-comp-accordion-space-lg-content-bottom);
}

.bm-accordion__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  gap: var(--bm-comp-accordion-space-header-gap);
}
.bm-accordion__container:focus-visible {
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
  border-radius: var(--bm-sem-radius-focus-md);
}
.bm-accordion__icon {
  flex-shrink: 0;
  display: inline-flex;
  color: var(--bm-comp-accordion-color-icon);
}
.bm-accordion__icon ::slotted([slot=icon]) {
  display: inline-flex;
}
.bm-accordion__heading {
  flex-grow: 1;
  color: var(--bm-comp-accordion-color-heading);
  display: flex;
  align-items: center;
  gap: var(--bm-comp-accordion-space-header-gap);
}
.bm-accordion__heading ::slotted([slot=heading]) {
  gap: var(--bm-comp-accordion-space-header-gap);
}
.bm-accordion__chevron {
  transition: transform 0.2s ease;
  color: var(--bm-comp-accordion-color-icon);
}
.bm-accordion__chevron--rotated {
  transform: rotate(180deg);
}
.bm-accordion > div:not(:first-child) > .bm-accordion__container {
  border-top: var(--bm-sem-border-width-md) solid var(--bm-comp-accordion-color-divider);
}
:host(:not(:first-of-type)) .bm-accordion__container {
  border-top: var(--bm-sem-border-width-md) solid var(--bm-comp-accordion-color-divider);
}
:host(*) .bm-accordion__container {
  box-sizing: border-box;
}
:host(*) .bm-accordion__container:focus-visible {
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
  border-radius: var(--bm-sem-radius-focus-md);
}
.bm-accordion--no-box {
  display: contents;
}

/**
 * These variables are moved into their own file so that they can be shared across multiple components.
 * without the need to pull in all of the other state layer styles.
 */
:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-actionlist-color-text: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-actionlist-color-bg-selected: var(
    --bm-sem-color-surface-selected,
    #e9fcff
  );
  --bm-comp-actionlist-color-text-selected: var(
    --bm-sem-color-text-selected,
    #00768f
  );
  --bm-comp-actionlist-color-text-supporting: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-actionlist-color-text-suffix: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-actionlist-color-heading: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-actionlist-color-group-heading: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-actionlist-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-actionlist-color-icon-selected: var(
    --bm-sem-color-icon-selected,
    #00768f
  );
  --bm-comp-actionlist-color-indicator: var(
    --bm-sem-color-icon-selected,
    #00768f
  );
  --bm-comp-actionlist-color-check: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-actionlist-color-divider: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-actionlist-radius: var(--bm-sem-radius-md, 0.5rem);
  --bm-comp-actionlist-radius-indicator: var(--bm-sem-radius-xs, 0.125rem);
  --bm-comp-actionlist-size-height: var(--bm-primitive-dimension-250, 2.5rem);
  --bm-comp-actionlist-size-state-offset: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-actionlist-size-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-actionlist-size-choice: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-actionlist-size-indicator-width: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-actionlist-space-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-actionlist-space-choice-y: var(--bm-sem-space-12, 0.125rem);
  --bm-comp-actionlist-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-actionlist-typo-text: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-actionlist-typo-text-selected: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-actionlist-typo-text-supporting: var(
    --bm-sem-typo-compact-body-xs,
    400 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-actionlist-typo-text-suffix: var(
    --bm-sem-typo-body-xs,
    400 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-actionlist-typo-heading-group: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-actionlist-color-text: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-actionlist-color-bg-selected: var(
    --bm-sem-color-surface-selected,
    #01262d
  );
  --bm-comp-actionlist-color-text-selected: var(
    --bm-sem-color-text-selected,
    #43bfd6
  );
  --bm-comp-actionlist-color-text-supporting: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-actionlist-color-text-suffix: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-actionlist-color-heading: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-actionlist-color-group-heading: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-actionlist-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-actionlist-color-icon-selected: var(
    --bm-sem-color-icon-selected,
    #43bfd6
  );
  --bm-comp-actionlist-color-indicator: var(
    --bm-sem-color-icon-selected,
    #43bfd6
  );
  --bm-comp-actionlist-color-check: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-actionlist-color-divider: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-actionlist-radius: var(--bm-sem-radius-md, 0.5rem);
  --bm-comp-actionlist-radius-indicator: var(--bm-sem-radius-xs, 0.125rem);
  --bm-comp-actionlist-size-height: var(--bm-primitive-dimension-250, 2.5rem);
  --bm-comp-actionlist-size-state-offset: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-actionlist-size-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-actionlist-size-choice: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-actionlist-size-indicator-width: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-actionlist-space-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-actionlist-space-choice-y: var(--bm-sem-space-12, 0.125rem);
  --bm-comp-actionlist-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-actionlist-typo-text: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-actionlist-typo-text-selected: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-actionlist-typo-text-supporting: var(
    --bm-sem-typo-compact-body-xs,
    400 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-actionlist-typo-text-suffix: var(
    --bm-sem-typo-body-xs,
    400 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-actionlist-typo-heading-group: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
}

.bm-action-list {
  display: flex;
  flex-direction: column;
}
.bm-action-list__no-results {
  display: flex;
  min-height: var(--bm-comp-actionlist-size-height);
  padding: var(--bm-comp-actionlist-space-y) 0;
  justify-content: center;
  align-items: center;
  color: var(--bm-sem-color-text-primary);
  text-align: center;
  font: var(--bm-sem-typo-body-md);
}
.bm-action-list__loading {
  padding: var(--bm-comp-actionlist-space-y) 0;
}

.bm-action-list__item {
  display: flex;
  flex-direction: row;
  gap: var(--bm-comp-actionlist-space-gap);
  min-height: var(--bm-comp-actionlist-size-height);
  padding: var(--bm-comp-actionlist-space-y) 0;
  position: relative;
  align-items: center;
  color: var(--bm-comp-actionlist-color-text);
  cursor: pointer;
  isolation: isolate;
  text-decoration: none;
}
.bm-action-list__item[hidden] {
  display: none;
}
.bm-action-list__item:has(.bm-action-list__item__supporting-text) {
  align-items: flex-start;
}
.bm-action-list__item:focus {
  outline: none;
}
.bm-action-list__item--kind-destructive {
  color: var(--bm-sem-color-text-negative);
}
.bm-action-list__item--disabled {
  pointer-events: none;
  cursor: default;
  opacity: var(--bm-sem-opacity-disabled);
}
.bm-action-list__item--disabled > .bm-state-layer {
  --bm-state-layer-background: "unset";
  --bm-state-layer-opacity: 0;
}
.bm-action-list__item--active > .bm-state-layer {
  --bm-state-layer-outline-color: var(--bm-sem-color-border-focus);
  --bm-state-layer-opacity: 1;
}
.bm-action-list__item__choice, .bm-action-list__item__switch {
  align-items: center;
  justify-content: center;
  display: flex;
  color: var(--bm-comp-actionlist-color-check);
}
.bm-action-list__item__choice {
  width: var(--bm-comp-actionlist-size-icon);
  height: var(--bm-comp-actionlist-size-icon);
}
.bm-action-list__item__content-before {
  min-width: var(--bm-comp-actionlist-size-icon);
  min-height: var(--bm-comp-actionlist-size-icon);
  display: flex;
  color: var(--bm-comp-actionlist-color-icon);
  --bm-comp-icon-size: var(--bm-comp-actionlist-size-icon);
  --bm-comp-icon-color: var(--bm-comp-actionlist-color-icon);
}
.bm-action-list__item--kind-destructive .bm-action-list__item__content-before {
  --bm-comp-icon-color: var(--bm-sem-color-icon-negative-strong);
}
.bm-action-list__item__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bm-action-list__item__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  font: var(--bm-comp-actionlist-typo-text);
}
.bm-action-list__item--header {
  cursor: default;
}
.bm-action-list__item--header .bm-action-list__item__text {
  color: var(--bm-comp-actionlist-color-heading);
  font: var(--bm-sem-typo-label-md);
}
.bm-action-list__item__supporting-text {
  align-self: stretch;
  overflow: hidden;
  color: var(--bm-comp-actionlist-color-text-supporting);
  font: var(--bm-comp-actionlist-typo-text-supporting);
}
.bm-action-list__item__content-after {
  display: flex;
  justify-content: flex-end;
  gap: var(--bm-comp-actionlist-space-gap);
  min-width: var(--bm-comp-actionlist-size-icon);
  min-height: var(--bm-comp-actionlist-size-icon);
  color: var(--bm-comp-actionlist-color-text-suffix);
  font: var(--bm-comp-actionlist-typo-text-suffix);
  text-align: right;
  --bm-comp-icon-size: var(--bm-comp-actionlist-size-icon);
  --bm-comp-icon-color: var(--bm-comp-actionlist-color-icon);
}
.bm-action-list__item__content-after .bm-button {
  --bm--comp-btn-size-icon: var(--bm-comp-actionlist-size-icon);
  --bm-comp-btn-size-sm-width: tokens.$bm-comp-actionlist-size-icon;
  --bm-comp-btn-size-sm-height: tokens.$bm-comp-actionlist-size-icon;
}
.bm-action-list__item__flyout {
  --bm-comp-icon-size: var(--bm-comp-actionlist-size-icon);
  --bm-comp-icon-color: var(--bm-comp-actionlist-color-icon);
}
.bm-action-list__item__flyout:dir(rtl) {
  transform: scaleX(-1);
}
.bm-action-list__item > .bm-state-layer {
  --bm-state-layer-left: calc(
      -1 * var(--bm-comp-actionlist-size-state-offset)
    );
  --bm-state-layer-right: calc(
      -1 * var(--bm-comp-actionlist-size-state-offset)
    );
  --bm-state-layer-outline-offset: calc(-1 * var(--bm-state-layer-outline-width));
  border-radius: var(--bm-comp-actionlist-radius);
  z-index: -1;
}

.bm-action-list__group {
  display: flex;
  flex-direction: column;
}
.bm-action-list__group[hidden] {
  display: none;
}
.bm-action-list__group__heading {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: var(--bm-sem-space-25) 0;
  color: var(--bm-comp-actionlist-color-group-heading);
  font: var(--bm-comp-actionlist-typo-heading-group);
}
.bm-action-list__group__no-results {
  display: flex;
  min-height: var(--bm-comp-actionlist-size-height);
  padding: var(--bm-comp-actionlist-space-y) 0;
  justify-content: flex-start;
  align-items: center;
  color: var(--bm-sem-color-text-primary);
  font: var(--bm-sem-typo-body-sm);
}
.bm-action-list__group__divider {
  margin: var(--bm-comp-actionlist-space-y) 0;
}

.bm-action-list__item__icon-button__placeholder {
  display: flex;
  width: var(--bm-comp-actionlist-size-icon);
  height: var(--bm-comp-actionlist-size-icon);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-alert-color-positive-bg: var(
    --bm-sem-color-surface-positive,
    #daf7cf
  );
  --bm-comp-alert-color-positive-icon: var(
    --bm-sem-color-icon-positive-strong,
    #187c36
  );
  --bm-comp-alert-color-positive-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-alert-color-positive-body: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-alert-color-positive-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-alert-color-warning-bg: var(
    --bm-sem-color-surface-warning,
    #ffe4c9
  );
  --bm-comp-alert-color-warning-icon: var(
    --bm-sem-color-icon-warning-strong,
    #ac4902
  );
  --bm-comp-alert-color-warning-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-alert-color-warning-body: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-alert-color-warning-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-alert-color-negative-bg: var(
    --bm-sem-color-surface-negative,
    #fee6e7
  );
  --bm-comp-alert-color-negative-icon: var(
    --bm-sem-color-icon-negative-strong,
    #cc2429
  );
  --bm-comp-alert-color-negative-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-alert-color-negative-body: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-alert-color-negative-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-alert-color-info-primary-bg: var(
    --bm-sem-color-surface-info-primary,
    #ccf0ff
  );
  --bm-comp-alert-color-info-primary-icon: var(
    --bm-sem-color-icon-info-primary-strong,
    #006ead
  );
  --bm-comp-alert-color-info-primary-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-alert-color-info-primary-body: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-alert-color-info-primary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-alert-color-info-secondary-bg: var(
    --bm-sem-color-surface-info-secondary,
    #dfe7ec
  );
  --bm-comp-alert-color-info-secondary-icon: var(
    --bm-sem-color-icon-info-secondary-strong,
    #465967
  );
  --bm-comp-alert-color-info-secondary-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-alert-color-info-secondary-body: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-alert-color-info-secondary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-alert-space-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-alert-space-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-alert-space-sm-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-alert-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-alert-space-text-gap: var(--bm-sem-space-12, 0.125rem);
  --bm-comp-alert-space-actions-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-alert-radius-in-page: var(--bm-sem-radius-md, 0.5rem);
  --bm-comp-alert-radius-full-width: var(--bm-sem-radius-none);
  --bm-comp-alert-border-width: var(--bm-sem-border-width-none, 0);
  --bm-comp-alert-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-alert-size-md-icon: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-alert-typo-sm-heading: var(
    --bm-sem-typo-heading-xs,
    700 1rem/1.25rem "Uni Neue"
  );
  --bm-comp-alert-typo-sm-body: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-alert-typo-md-heading: var(
    --bm-sem-typo-heading-sm,
    700 1.125rem/1.5rem "Uni Neue"
  );
  --bm-comp-alert-typo-md-body: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-alert-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-alert-color-positive-bg: var(
    --bm-sem-color-surface-positive,
    #02310e
  );
  --bm-comp-alert-color-positive-icon: var(
    --bm-sem-color-icon-positive-strong,
    #b3eb9e
  );
  --bm-comp-alert-color-positive-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-alert-color-positive-body: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-alert-color-positive-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-alert-color-warning-bg: var(
    --bm-sem-color-surface-warning,
    #3e1a00
  );
  --bm-comp-alert-color-warning-icon: var(
    --bm-sem-color-icon-warning-strong,
    #ffd4a8
  );
  --bm-comp-alert-color-warning-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-alert-color-warning-body: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-alert-color-warning-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-alert-color-negative-bg: var(
    --bm-sem-color-surface-negative,
    #520f11
  );
  --bm-comp-alert-color-negative-icon: var(
    --bm-sem-color-icon-negative-strong,
    #f67378
  );
  --bm-comp-alert-color-negative-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-alert-color-negative-body: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-alert-color-negative-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-alert-color-info-primary-bg: var(
    --bm-sem-color-surface-info-primary,
    #002f57
  );
  --bm-comp-alert-color-info-primary-icon: var(
    --bm-sem-color-icon-info-primary-strong,
    #9be1ff
  );
  --bm-comp-alert-color-info-primary-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-alert-color-info-primary-body: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-alert-color-info-primary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-alert-color-info-secondary-bg: var(
    --bm-sem-color-surface-info-secondary,
    #3d4953
  );
  --bm-comp-alert-color-info-secondary-icon: var(
    --bm-sem-color-icon-info-secondary-strong,
    #c3cdd5
  );
  --bm-comp-alert-color-info-secondary-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-alert-color-info-secondary-body: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-alert-color-info-secondary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-alert-space-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-alert-space-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-alert-space-sm-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-alert-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-alert-space-text-gap: var(--bm-sem-space-12, 0.125rem);
  --bm-comp-alert-space-actions-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-alert-radius-in-page: var(--bm-sem-radius-md, 0.5rem);
  --bm-comp-alert-radius-full-width: var(--bm-sem-radius-none);
  --bm-comp-alert-border-width: var(--bm-sem-border-width-none, 0);
  --bm-comp-alert-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-alert-size-md-icon: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-alert-typo-sm-heading: var(
    --bm-sem-typo-heading-xs,
    700 1rem/1.25rem "Uni Neue"
  );
  --bm-comp-alert-typo-sm-body: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-alert-typo-md-heading: var(
    --bm-sem-typo-heading-sm,
    700 1.125rem/1.5rem "Uni Neue"
  );
  --bm-comp-alert-typo-md-body: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-alert-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
}

.bm-alert {
  display: flex;
  align-items: center;
  word-break: break-word;
  gap: var(--bm-comp-alert-space-gap);
  padding: var(--bm-comp-alert-space-sm-y) var(--bm-comp-alert-space-x);
  box-shadow: var(--bm-comp-alert-shadow);
  border-width: var(--bm-comp-alert-border-width);
  border-style: solid;
  border-radius: var(--bm-comp-alert-radius-in-page);
}
.bm-alert__content__wrapper {
  flex: 1 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--bm-comp-alert-space-gap);
}
.bm-alert .bm-alert__content {
  display: flex;
  flex-direction: column;
  gap: var(--bm-comp-alert-space-text-gap);
  font: var(--bm-comp-alert-typo-sm-body);
}
.bm-alert .bm-alert__content__heading {
  font: var(--bm-comp-alert-typo-sm-heading);
}
.bm-alert__actions {
  display: flex;
  gap: var(--bm-comp-alert-space-actions-gap);
}
.bm-alert .bm-alert__icon,
.bm-alert .bm-alert__icon svg {
  display: flex;
  align-self: center;
  align-items: center;
  min-width: var(--bm-comp-alert-size-sm-icon);
  min-height: var(--bm-comp-alert-size-sm-icon);
}
.bm-alert .bm-alert__icon--wrapping,
.bm-alert .bm-alert__icon svg--wrapping {
  align-self: flex-start;
}
.bm-alert__close-button {
  display: flex;
  align-self: center;
}
.bm-alert__close-button--wrapping {
  align-self: baseline;
}
.bm-alert--full-width {
  border-radius: var(--bm-comp-alert-radius-full-width);
}
.bm-alert--md {
  padding: var(--bm-comp-alert-space-y) var(--bm-comp-alert-space-x);
}
.bm-alert--md .bm-alert__content {
  font: var(--bm-comp-alert-typo-md-body);
}
.bm-alert--md .bm-alert__content__heading {
  font: var(--bm-comp-alert-typo-md-heading);
}
.bm-alert--md .bm-alert__icon,
.bm-alert--md .bm-alert__icon svg {
  min-width: var(--bm-comp-alert-size-md-icon);
  min-height: var(--bm-comp-alert-size-md-icon);
}
.bm-alert--positive {
  background-color: var(--bm-comp-alert-color-positive-bg);
  border-color: var(--bm-comp-alert-color-positive-border);
}
.bm-alert--positive .bm-alert__icon,
.bm-alert--positive .bm-alert__icon svg {
  color: var(--bm-comp-alert-color-positive-icon);
}
.bm-alert--positive .bm-alert__content {
  color: var(--bm-comp-alert-color-positive-body);
}
.bm-alert--warning {
  background-color: var(--bm-comp-alert-color-warning-bg);
  border-color: var(--bm-comp-alert-color-warning-border);
}
.bm-alert--warning .bm-alert__icon,
.bm-alert--warning .bm-alert__icon svg {
  color: var(--bm-comp-alert-color-warning-icon);
}
.bm-alert--warning .bm-alert__content {
  color: var(--bm-comp-alert-color-warning-body);
}
.bm-alert--negative {
  background-color: var(--bm-comp-alert-color-negative-bg);
  border-color: var(--bm-comp-alert-color-negative-border);
}
.bm-alert--negative .bm-alert__icon,
.bm-alert--negative .bm-alert__icon svg {
  color: var(--bm-comp-alert-color-negative-icon);
}
.bm-alert--negative .bm-alert__content {
  color: var(--bm-comp-alert-color-negative-body);
}
.bm-alert--infoPrimary {
  background-color: var(--bm-comp-alert-color-info-primary-bg);
  border-color: var(--bm-comp-alert-color-info-primary-border);
}
.bm-alert--infoPrimary .bm-alert__icon,
.bm-alert--infoPrimary .bm-alert__icon svg {
  color: var(--bm-comp-alert-color-info-primary-icon);
}
.bm-alert--infoPrimary .bm-alert__content {
  color: var(--bm-comp-alert-color-info-primary-body);
}
.bm-alert--infoSecondary {
  background-color: var(--bm-comp-alert-color-info-secondary-bg);
  border-color: var(--bm-comp-alert-color-info-secondary-border);
}
.bm-alert--infoSecondary .bm-alert__icon,
.bm-alert--infoSecondary .bm-alert__icon svg {
  color: var(--bm-comp-alert-color-info-secondary-icon);
}
.bm-alert--infoSecondary .bm-alert__content {
  color: var(--bm-comp-alert-color-info-secondary-body);
}
.bm-alert[dir=rtl] {
  flex-direction: row-reverse;
}
.bm-alert--no-box {
  display: contents;
}

.bm-aspect-ratio {
  aspect-ratio: var(--bm-comp-aspect-ratio-aspect-ratio);
  width: 100%;
  position: relative;
  overflow: hidden;
}
.bm-aspect-ratio img,
.bm-aspect-ratio video {
  position: relative;
  z-index: 0;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  display: block;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-avatar-size-xs: var(--bm-primitive-dimension-125, 1.25rem);
  --bm-comp-avatar-size-sm: var(--bm-primitive-dimension-150, 1.5rem);
  --bm-comp-avatar-size-md: var(--bm-primitive-dimension-200, 2rem);
  --bm-comp-avatar-size-lg: var(--bm-primitive-dimension-250, 2.5rem);
  --bm-comp-avatar-size-xl: var(--bm-primitive-dimension-300, 3rem);
  --bm-comp-avatar-size-icon-xs: var(--bm-sem-size-icon-xs, 0.75rem);
  --bm-comp-avatar-size-icon-sm: var(--bm-sem-size-icon-xs, 0.75rem);
  --bm-comp-avatar-size-icon-md: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-avatar-size-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-avatar-size-icon-xl: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-avatar-color-border: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-avatar-color-accent-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-avatar-color-accent-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-avatar-color-neutral-bg: var(
    --bm-alias-color-ramp-gray-base,
    #576775
  );
  --bm-comp-avatar-color-neutral-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-avatar-color-overflow-bg: var(
    --bm-alias-color-ramp-gray-subtler,
    #dfe7ec
  );
  --bm-comp-avatar-color-overflow-fg: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-avatar-color-overflow-border: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-avatar-typo-xs: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-avatar-typo-sm: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-avatar-typo-md: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-avatar-typo-lg: var(
    --bm-sem-typo-label-md,
    600 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-avatar-typo-xl: var(
    --bm-sem-typo-label-lg,
    600 1.125rem/1.75rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-avatar-size-xs: var(--bm-primitive-dimension-125, 1.25rem);
  --bm-comp-avatar-size-sm: var(--bm-primitive-dimension-150, 1.5rem);
  --bm-comp-avatar-size-md: var(--bm-primitive-dimension-200, 2rem);
  --bm-comp-avatar-size-lg: var(--bm-primitive-dimension-250, 2.5rem);
  --bm-comp-avatar-size-xl: var(--bm-primitive-dimension-300, 3rem);
  --bm-comp-avatar-size-icon-xs: var(--bm-sem-size-icon-xs, 0.75rem);
  --bm-comp-avatar-size-icon-sm: var(--bm-sem-size-icon-xs, 0.75rem);
  --bm-comp-avatar-size-icon-md: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-avatar-size-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-avatar-size-icon-xl: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-avatar-color-border: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-avatar-color-accent-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-avatar-color-accent-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-avatar-color-neutral-bg: var(
    --bm-alias-color-ramp-gray-base,
    #9fafbc
  );
  --bm-comp-avatar-color-neutral-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-avatar-color-overflow-bg: var(
    --bm-alias-color-ramp-gray-subtler,
    #32424e
  );
  --bm-comp-avatar-color-overflow-fg: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-avatar-color-overflow-border: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-avatar-typo-xs: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-avatar-typo-sm: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-avatar-typo-md: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-avatar-typo-lg: var(
    --bm-sem-typo-label-md,
    600 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-avatar-typo-xl: var(
    --bm-sem-typo-label-lg,
    600 1.125rem/1.75rem "Source Sans Pro"
  );
}

.bm-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.bm-avatar__image {
  display: flex;
  height: 100%;
  width: 100%;
}
.bm-avatar--interactive {
  cursor: pointer;
}
.bm-avatar--disabled {
  opacity: var(--bm-sem-opacity-disabled);
  user-select: none;
}
.bm-avatar--hidden {
  display: none;
}
.bm-avatar--with-border {
  flex: 0 0 auto;
  outline: var(--bm-sem-border-width-md) solid var(--bm-comp-avatar-color-border);
}
.bm-avatar--content {
  z-index: 1;
  position: relative;
}
.bm-avatar:focus-visible {
  outline-offset: var(--bm-sem-size-focus-offset);
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
}
.bm-avatar--xs {
  height: var(--bm-comp-avatar-size-xs);
  width: var(--bm-comp-avatar-size-xs);
}
.bm-avatar__icon--xs {
  display: flex;
  color: var(--bm-comp-avatar-color-neutral-fg);
  width: var(--bm-comp-avatar-size-icon-xs);
  height: var(--bm-comp-avatar-size-icon-xs);
}
.bm-avatar__text--xs {
  cursor: default;
  font: var(--bm-comp-avatar-typo-xs);
}
.bm-avatar--sm {
  height: var(--bm-comp-avatar-size-sm);
  width: var(--bm-comp-avatar-size-sm);
}
.bm-avatar__icon--sm {
  display: flex;
  color: var(--bm-comp-avatar-color-neutral-fg);
  width: var(--bm-comp-avatar-size-icon-sm);
  height: var(--bm-comp-avatar-size-icon-sm);
}
.bm-avatar__text--sm {
  cursor: default;
  font: var(--bm-comp-avatar-typo-sm);
}
.bm-avatar--md {
  height: var(--bm-comp-avatar-size-md);
  width: var(--bm-comp-avatar-size-md);
}
.bm-avatar__icon--md {
  display: flex;
  color: var(--bm-comp-avatar-color-neutral-fg);
  width: var(--bm-comp-avatar-size-icon-md);
  height: var(--bm-comp-avatar-size-icon-md);
}
.bm-avatar__text--md {
  cursor: default;
  font: var(--bm-comp-avatar-typo-md);
}
.bm-avatar--lg {
  height: var(--bm-comp-avatar-size-lg);
  width: var(--bm-comp-avatar-size-lg);
}
.bm-avatar__icon--lg {
  display: flex;
  color: var(--bm-comp-avatar-color-neutral-fg);
  width: var(--bm-comp-avatar-size-icon-lg);
  height: var(--bm-comp-avatar-size-icon-lg);
}
.bm-avatar__text--lg {
  cursor: default;
  font: var(--bm-comp-avatar-typo-lg);
}
.bm-avatar--xl {
  height: var(--bm-comp-avatar-size-xl);
  width: var(--bm-comp-avatar-size-xl);
}
.bm-avatar__icon--xl {
  display: flex;
  color: var(--bm-comp-avatar-color-neutral-fg);
  width: var(--bm-comp-avatar-size-icon-xl);
  height: var(--bm-comp-avatar-size-icon-xl);
}
.bm-avatar__text--xl {
  cursor: default;
  font: var(--bm-comp-avatar-typo-xl);
}
.bm-avatar--circle {
  border-radius: var(--bm-sem-radius-round);
}
.bm-avatar--square {
  border-radius: var(--bm-sem-radius-sm);
}
.bm-avatar--neutral {
  background: var(--bm-comp-avatar-color-neutral-bg);
  color: var(--bm-comp-avatar-color-neutral-fg);
}
.bm-avatar--accent {
  background: var(--bm-comp-avatar-color-accent-bg);
  color: var(--bm-comp-avatar-color-accent-fg);
}
.bm-avatar--overflow {
  background: var(--bm-comp-avatar-color-overflow-bg);
  color: var(--bm-comp-avatar-color-overflow-fg);
}

.bm-avatar-group {
  display: flex;
  row-gap: var(--bm-sem-space-50);
}
.bm-avatar-group > *,
.bm-avatar-group bm-avatar {
  flex: 0 0 auto;
  outline: var(--bm-sem-border-width-md) solid var(--bm-comp-avatar-color-border);
}
.bm-avatar-group--wrapping {
  flex-wrap: wrap;
}
.bm-avatar-group--stacked-xs {
  padding-inline-start: calc(var(--bm-sem-space-25));
}
.bm-avatar-group--stacked-xs ::slotted(*) {
  margin-inline-start: calc(var(--bm-sem-space-25) * -1);
}
.bm-avatar-group--stacked-xs > *,
.bm-avatar-group--stacked-xs bm-avatar {
  margin-inline-start: calc(var(--bm-sem-space-25) * -1);
}
.bm-avatar-group--stacked-sm {
  padding-inline-start: calc(var(--bm-sem-space-25));
}
.bm-avatar-group--stacked-sm ::slotted(*) {
  margin-inline-start: calc(var(--bm-sem-space-25) * -1);
}
.bm-avatar-group--stacked-sm > *,
.bm-avatar-group--stacked-sm bm-avatar {
  margin-inline-start: calc(var(--bm-sem-space-25) * -1);
}
.bm-avatar-group--stacked-md {
  padding-inline-start: calc(var(--bm-sem-space-25));
}
.bm-avatar-group--stacked-md ::slotted(*) {
  margin-inline-start: calc(var(--bm-sem-space-25) * -1);
}
.bm-avatar-group--stacked-md > *,
.bm-avatar-group--stacked-md bm-avatar {
  margin-inline-start: calc(var(--bm-sem-space-25) * -1);
}
.bm-avatar-group--stacked-lg {
  padding-inline-start: calc(var(--bm-sem-space-50));
}
.bm-avatar-group--stacked-lg ::slotted(*) {
  margin-inline-start: calc(var(--bm-sem-space-50) * -1);
}
.bm-avatar-group--stacked-lg > *,
.bm-avatar-group--stacked-lg bm-avatar {
  margin-inline-start: calc(var(--bm-sem-space-50) * -1);
}
.bm-avatar-group--stacked-xl {
  padding-inline-start: calc(var(--bm-sem-space-50));
}
.bm-avatar-group--stacked-xl ::slotted(*) {
  margin-inline-start: calc(var(--bm-sem-space-50) * -1);
}
.bm-avatar-group--stacked-xl > *,
.bm-avatar-group--stacked-xl bm-avatar {
  margin-inline-start: calc(var(--bm-sem-space-50) * -1);
}
.bm-avatar-group--spaced-xs {
  gap: var(--bm-sem-space-25);
}
.bm-avatar-group--spaced-sm {
  gap: var(--bm-sem-space-25);
}
.bm-avatar-group--spaced-md {
  gap: var(--bm-sem-space-25);
}
.bm-avatar-group--spaced-lg {
  gap: var(--bm-sem-space-50);
}
.bm-avatar-group--spaced-xl {
  gap: var(--bm-sem-space-50);
}
.bm-avatar-group--xs ::slotted(*) {
  height: var(--bm-comp-avatar-size-xs);
}
.bm-avatar-group--sm ::slotted(*) {
  height: var(--bm-comp-avatar-size-sm);
}
.bm-avatar-group--md ::slotted(*) {
  height: var(--bm-comp-avatar-size-md);
}
.bm-avatar-group--lg ::slotted(*) {
  height: var(--bm-comp-avatar-size-lg);
}
.bm-avatar-group--xl ::slotted(*) {
  height: var(--bm-comp-avatar-size-xl);
}
.bm-avatar-group--circle > *,
.bm-avatar-group--circle bm-avatar {
  border-radius: var(--bm-sem-radius-round);
}
.bm-avatar-group--circle ::slotted(*) {
  border-radius: var(--bm-sem-radius-round);
}
.bm-avatar-group--square > *,
.bm-avatar-group--square bm-avatar {
  border-radius: var(--bm-sem-radius-sm);
}
.bm-avatar-group--square ::slotted(*) {
  border-radius: var(--bm-sem-radius-sm);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-badge-color-positive-strong-bg: var(
    --bm-sem-color-surface-positive-strong,
    #187c36
  );
  --bm-comp-badge-color-positive-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-badge-color-positive-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-positive-medium-bg: var(
    --bm-sem-color-surface-positive,
    #daf7cf
  );
  --bm-comp-badge-color-positive-medium-fg: var(
    --bm-sem-color-text-positive,
    #187c36
  );
  --bm-comp-badge-color-positive-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-positive-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-positive-subtle-fg: var(
    --bm-sem-color-text-positive,
    #187c36
  );
  --bm-comp-badge-color-positive-subtle-border: var(
    --bm-sem-color-border-positive,
    rgba(24, 124, 54, 0.4)
  );
  --bm-comp-badge-color-warning-strong-bg: var(
    --bm-sem-color-surface-warning-strong,
    #ac4902
  );
  --bm-comp-badge-color-warning-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-badge-color-warning-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-warning-medium-bg: var(
    --bm-sem-color-surface-warning,
    #ffe4c9
  );
  --bm-comp-badge-color-warning-medium-fg: var(
    --bm-sem-color-text-warning,
    #ac4902
  );
  --bm-comp-badge-color-warning-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-warning-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-warning-subtle-fg: var(
    --bm-sem-color-text-warning,
    #ac4902
  );
  --bm-comp-badge-color-warning-subtle-border: var(
    --bm-sem-color-border-warning,
    rgba(172, 73, 2, 0.4)
  );
  --bm-comp-badge-color-negative-strong-bg: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-badge-color-negative-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-badge-color-negative-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-negative-medium-bg: var(
    --bm-sem-color-surface-negative,
    #fee6e7
  );
  --bm-comp-badge-color-negative-medium-fg: var(
    --bm-sem-color-text-negative,
    #cc2429
  );
  --bm-comp-badge-color-negative-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-negative-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-negative-subtle-fg: var(
    --bm-sem-color-text-negative,
    #cc2429
  );
  --bm-comp-badge-color-negative-subtle-border: var(
    --bm-sem-color-border-negative,
    rgba(204, 36, 41, 0.4)
  );
  --bm-comp-badge-color-info-primary-strong-bg: var(
    --bm-sem-color-surface-info-primary-strong,
    #006ead
  );
  --bm-comp-badge-color-info-primary-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-badge-color-info-primary-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-primary-medium-bg: var(
    --bm-sem-color-surface-info-primary,
    #ccf0ff
  );
  --bm-comp-badge-color-info-primary-medium-fg: var(
    --bm-sem-color-text-info-primary,
    #006ead
  );
  --bm-comp-badge-color-info-primary-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-primary-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-info-primary-subtle-fg: var(
    --bm-sem-color-text-info-primary,
    #006ead
  );
  --bm-comp-badge-color-info-primary-subtle-border: var(
    --bm-sem-color-border-info-primary,
    rgba(0, 110, 173, 0.4)
  );
  --bm-comp-badge-color-info-secondary-strong-bg: var(
    --bm-sem-color-surface-info-secondary-strong,
    #576775
  );
  --bm-comp-badge-color-info-secondary-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-badge-color-info-secondary-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-secondary-medium-bg: var(
    --bm-sem-color-surface-info-secondary,
    #dfe7ec
  );
  --bm-comp-badge-color-info-secondary-medium-fg: var(
    --bm-sem-color-text-info-secondary,
    #465967
  );
  --bm-comp-badge-color-info-secondary-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-secondary-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-info-secondary-subtle-fg: var(
    --bm-sem-color-text-info-secondary,
    #465967
  );
  --bm-comp-badge-color-info-secondary-subtle-border: var(
    --bm-sem-color-border-info-secondary,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-badge-color-accent-strong-bg: var(
    --bm-alias-color-ramp-accent-base,
    #00768f
  );
  --bm-comp-badge-color-accent-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-badge-color-accent-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-accent-medium-bg: var(
    --bm-alias-color-ramp-accent-subtler,
    #d7f4f9
  );
  --bm-comp-badge-color-accent-medium-fg: var(
    --bm-alias-color-ramp-accent-base,
    #00768f
  );
  --bm-comp-badge-color-accent-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-accent-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-accent-subtle-fg: var(
    --bm-alias-color-ramp-accent-base,
    #00768f
  );
  --bm-comp-badge-color-accent-subtle-border: var(
    --bm-alias-color-ramp-accent-muter,
    #8cd8e6
  );
  --bm-comp-badge-space-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-badge-space-x: var(--bm-alias-badge-space-x, 0.75rem);
  --bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);
  --bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);
  --bm-comp-badge-radius: var(--bm-alias-badge-radius, 624.938rem);
  --bm-comp-badge-border-width: var(--bm-sem-border-width-action, 0.063rem);
  --bm-comp-badge-typo-sm: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-typo-md: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
  --bm-comp-badge-dot-color-positive-bg: var(
    --bm-sem-color-icon-positive,
    #24a148
  );
  --bm-comp-badge-dot-color-positive-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-positive-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-color-warning-bg: var(
    --bm-sem-color-icon-warning,
    #eb6200
  );
  --bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-badge-dot-color-warning-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-color-negative-bg: var(
    --bm-sem-color-icon-negative,
    #ed464c
  );
  --bm-comp-badge-dot-color-negative-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-negative-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-color-info-primary-bg: var(
    --bm-sem-color-icon-info-primary,
    #0095e0
  );
  --bm-comp-badge-dot-color-info-primary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-info-primary-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-color-info-secondary-bg: var(
    --bm-sem-color-icon-info-secondary,
    #576775
  );
  --bm-comp-badge-dot-color-info-secondary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-info-secondary-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-badge-dot-size: 0.625rem;
  --bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, 0.063rem);
  --bm-comp-badge-dot-typo-subtle: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-dot-typo-strong: var(
    --bm-sem-typo-compact-label-md,
    600 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-badge-indicator-space-x: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-badge-indicator-size-sm: var(--bm-primitive-dimension-100, 1rem);
  --bm-comp-badge-indicator-size-md: var(--bm-primitive-dimension-125, 1.25rem);
  --bm-comp-badge-indicator-size-marker-sm: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-badge-indicator-size-marker-md: var(
    --bm-primitive-dimension-75,
    0.75rem
  );
  --bm-comp-badge-indicator-size-icon-sm: 0.625rem;
  --bm-comp-badge-indicator-size-icon-md: var(--bm-sem-size-icon-xs, 0.75rem);
  --bm-comp-badge-indicator-typo-sm: var(
    --bm-sem-typo-compact-label-xs,
    600 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-typo-md: var(
    --bm-sem-typo-compact-label-xs,
    600 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-color-marker-accent-medium-bg: var(
    --bm-alias-color-ramp-accent-mute,
    #00a2c0
  );
  --bm-comp-badge-indicator-color-marker-info-primary-medium-bg: var(
    --bm-alias-color-ramp-blue-mute,
    #0095e0
  );
  --bm-comp-badge-indicator-color-marker-info-secondary-medium-bg: var(
    --bm-alias-color-ramp-gray-mute,
    #8697a5
  );
  --bm-comp-badge-indicator-color-marker-positive-medium-bg: var(
    --bm-alias-color-ramp-green-mute,
    #24a148
  );
  --bm-comp-badge-indicator-color-marker-warning-medium-bg: var(
    --bm-alias-color-ramp-orange-mute,
    #eb6200
  );
  --bm-comp-badge-indicator-color-marker-negative-medium-bg: var(
    --bm-alias-color-ramp-red-mute,
    #ed464c
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-badge-color-positive-strong-bg: var(
    --bm-sem-color-surface-positive-strong,
    #b3eb9e
  );
  --bm-comp-badge-color-positive-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-badge-color-positive-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-positive-medium-bg: var(
    --bm-sem-color-surface-positive,
    #02310e
  );
  --bm-comp-badge-color-positive-medium-fg: var(
    --bm-sem-color-text-positive,
    #b3eb9e
  );
  --bm-comp-badge-color-positive-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-positive-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-positive-subtle-fg: var(
    --bm-sem-color-text-positive,
    #b3eb9e
  );
  --bm-comp-badge-color-positive-subtle-border: var(
    --bm-sem-color-border-positive,
    rgba(179, 235, 158, 0.4)
  );
  --bm-comp-badge-color-warning-strong-bg: var(
    --bm-sem-color-surface-warning-strong,
    #ffd4a8
  );
  --bm-comp-badge-color-warning-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-badge-color-warning-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-warning-medium-bg: var(
    --bm-sem-color-surface-warning,
    #3e1a00
  );
  --bm-comp-badge-color-warning-medium-fg: var(
    --bm-sem-color-text-warning,
    #ffd4a8
  );
  --bm-comp-badge-color-warning-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-warning-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-warning-subtle-fg: var(
    --bm-sem-color-text-warning,
    #ffd4a8
  );
  --bm-comp-badge-color-warning-subtle-border: var(
    --bm-sem-color-border-warning,
    rgba(255, 212, 168, 0.4)
  );
  --bm-comp-badge-color-negative-strong-bg: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-badge-color-negative-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-badge-color-negative-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-negative-medium-bg: var(
    --bm-sem-color-surface-negative,
    #520f11
  );
  --bm-comp-badge-color-negative-medium-fg: var(
    --bm-sem-color-text-negative,
    #f67378
  );
  --bm-comp-badge-color-negative-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-negative-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-negative-subtle-fg: var(
    --bm-sem-color-text-negative,
    #f67378
  );
  --bm-comp-badge-color-negative-subtle-border: var(
    --bm-sem-color-border-negative,
    rgba(253, 203, 205, 0.4)
  );
  --bm-comp-badge-color-info-primary-strong-bg: var(
    --bm-sem-color-surface-info-primary-strong,
    #64cefb
  );
  --bm-comp-badge-color-info-primary-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-badge-color-info-primary-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-primary-medium-bg: var(
    --bm-sem-color-surface-info-primary,
    #002f57
  );
  --bm-comp-badge-color-info-primary-medium-fg: var(
    --bm-sem-color-text-info-primary,
    #9be1ff
  );
  --bm-comp-badge-color-info-primary-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-primary-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-info-primary-subtle-fg: var(
    --bm-sem-color-text-info-primary,
    #9be1ff
  );
  --bm-comp-badge-color-info-primary-subtle-border: var(
    --bm-sem-color-border-info-primary,
    rgba(155, 225, 255, 0.4)
  );
  --bm-comp-badge-color-info-secondary-strong-bg: var(
    --bm-sem-color-surface-info-secondary-strong,
    #d1dae0
  );
  --bm-comp-badge-color-info-secondary-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-badge-color-info-secondary-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-secondary-medium-bg: var(
    --bm-sem-color-surface-info-secondary,
    #3d4953
  );
  --bm-comp-badge-color-info-secondary-medium-fg: var(
    --bm-sem-color-text-info-secondary,
    #c3cdd5
  );
  --bm-comp-badge-color-info-secondary-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-secondary-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-info-secondary-subtle-fg: var(
    --bm-sem-color-text-info-secondary,
    #c3cdd5
  );
  --bm-comp-badge-color-info-secondary-subtle-border: var(
    --bm-sem-color-border-info-secondary,
    rgba(209, 218, 224, 0.4)
  );
  --bm-comp-badge-color-accent-strong-bg: var(
    --bm-alias-color-ramp-accent-base,
    #43bfd6
  );
  --bm-comp-badge-color-accent-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-badge-color-accent-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-accent-medium-bg: var(
    --bm-alias-color-ramp-accent-subtler,
    #00414d
  );
  --bm-comp-badge-color-accent-medium-fg: var(
    --bm-alias-color-ramp-accent-base,
    #43bfd6
  );
  --bm-comp-badge-color-accent-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-accent-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-accent-subtle-fg: var(
    --bm-alias-color-ramp-accent-base,
    #43bfd6
  );
  --bm-comp-badge-color-accent-subtle-border: var(
    --bm-alias-color-ramp-accent-muter,
    #00768f
  );
  --bm-comp-badge-space-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-badge-space-x: var(--bm-alias-badge-space-x, 0.75rem);
  --bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);
  --bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);
  --bm-comp-badge-radius: var(--bm-alias-badge-radius, 624.938rem);
  --bm-comp-badge-border-width: var(--bm-sem-border-width-action, 0.063rem);
  --bm-comp-badge-typo-sm: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-typo-md: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
  --bm-comp-badge-dot-color-positive-bg: var(
    --bm-sem-color-icon-positive,
    #71d963
  );
  --bm-comp-badge-dot-color-positive-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-positive-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-color-warning-bg: var(
    --bm-sem-color-icon-warning,
    #ffb17a
  );
  --bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-badge-dot-color-warning-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-color-negative-bg: var(
    --bm-sem-color-icon-negative,
    #ed464c
  );
  --bm-comp-badge-dot-color-negative-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-negative-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-color-info-primary-bg: var(
    --bm-sem-color-icon-info-primary,
    #64cefb
  );
  --bm-comp-badge-dot-color-info-primary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-info-primary-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-color-info-secondary-bg: var(
    --bm-sem-color-icon-info-secondary,
    #9fafbc
  );
  --bm-comp-badge-dot-color-info-secondary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-info-secondary-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-badge-dot-size: 0.625rem;
  --bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, 0.063rem);
  --bm-comp-badge-dot-typo-subtle: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-dot-typo-strong: var(
    --bm-sem-typo-compact-label-md,
    600 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-badge-indicator-space-x: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-badge-indicator-size-sm: var(--bm-primitive-dimension-100, 1rem);
  --bm-comp-badge-indicator-size-md: var(--bm-primitive-dimension-125, 1.25rem);
  --bm-comp-badge-indicator-size-marker-sm: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-badge-indicator-size-marker-md: var(
    --bm-primitive-dimension-75,
    0.75rem
  );
  --bm-comp-badge-indicator-size-icon-sm: 0.625rem;
  --bm-comp-badge-indicator-size-icon-md: var(--bm-sem-size-icon-xs, 0.75rem);
  --bm-comp-badge-indicator-typo-sm: var(
    --bm-sem-typo-compact-label-xs,
    600 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-typo-md: var(
    --bm-sem-typo-compact-label-xs,
    600 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-color-marker-accent-medium-bg: var(
    --bm-alias-color-ramp-accent-mute,
    #00a2c0
  );
  --bm-comp-badge-indicator-color-marker-info-primary-medium-bg: var(
    --bm-alias-color-ramp-blue-mute,
    #0095e0
  );
  --bm-comp-badge-indicator-color-marker-info-secondary-medium-bg: var(
    --bm-alias-color-ramp-gray-mute,
    #8697a5
  );
  --bm-comp-badge-indicator-color-marker-positive-medium-bg: var(
    --bm-alias-color-ramp-green-mute,
    #24a148
  );
  --bm-comp-badge-indicator-color-marker-warning-medium-bg: var(
    --bm-alias-color-ramp-orange-mute,
    #eb6200
  );
  --bm-comp-badge-indicator-color-marker-negative-medium-bg: var(
    --bm-alias-color-ramp-red-mute,
    #ed464c
  );
}

.bm-badge {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: var(--bm-comp-badge-radius);
  padding-left: var(--bm-comp-badge-space-x);
  padding-right: var(--bm-comp-badge-space-x);
  max-width: -moz-fit-content;
  width: fit-content;
  gap: var(--bm-comp-badge-space-gap);
  box-shadow: var(--bm-comp-badge-shadow);
}
.bm-badge__icon {
  width: var(--bm-comp-badge-size-icon);
  height: var(--bm-comp-badge-size-icon);
  transform: translate3d(0, 0, 0);
}
.bm-badge__label {
  text-wrap: nowrap;
}
.bm-badge--sm {
  height: var(--bm-comp-badge-size-sm-height);
  font: var(--bm-comp-badge-typo-sm);
}
.bm-badge--md {
  height: var(--bm-comp-badge-size-md-height);
  font: var(--bm-comp-badge-typo-md);
}
.bm-badge--positive-strong {
  background-color: var(--bm-comp-badge-color-positive-strong-bg);
  color: var(--bm-comp-badge-color-positive-strong-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-strong-border);
}
.bm-badge--positive-medium {
  background-color: var(--bm-comp-badge-color-positive-medium-bg);
  color: var(--bm-comp-badge-color-positive-medium-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-medium-border);
}
.bm-badge--positive-subtle {
  background-color: var(--bm-comp-badge-color-positive-subtle-bg);
  color: var(--bm-comp-badge-color-positive-subtle-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-subtle-border);
}
.bm-badge--warning-strong {
  background-color: var(--bm-comp-badge-color-warning-strong-bg);
  color: var(--bm-comp-badge-color-warning-strong-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-strong-border);
}
.bm-badge--warning-medium {
  background-color: var(--bm-comp-badge-color-warning-medium-bg);
  color: var(--bm-comp-badge-color-warning-medium-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-medium-border);
}
.bm-badge--warning-subtle {
  background-color: var(--bm-comp-badge-color-warning-subtle-bg);
  color: var(--bm-comp-badge-color-warning-subtle-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-subtle-border);
}
.bm-badge--negative-strong {
  background-color: var(--bm-comp-badge-color-negative-strong-bg);
  color: var(--bm-comp-badge-color-negative-strong-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-strong-border);
}
.bm-badge--negative-medium {
  background-color: var(--bm-comp-badge-color-negative-medium-bg);
  color: var(--bm-comp-badge-color-negative-medium-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-medium-border);
}
.bm-badge--negative-subtle {
  background-color: var(--bm-comp-badge-color-negative-subtle-bg);
  color: var(--bm-comp-badge-color-negative-subtle-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-subtle-border);
}
.bm-badge--infoPrimary-strong {
  background-color: var(--bm-comp-badge-color-info-primary-strong-bg);
  color: var(--bm-comp-badge-color-info-primary-strong-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-strong-border);
}
.bm-badge--infoPrimary-medium {
  background-color: var(--bm-comp-badge-color-info-primary-medium-bg);
  color: var(--bm-comp-badge-color-info-primary-medium-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-medium-border);
}
.bm-badge--infoPrimary-subtle {
  background-color: var(--bm-comp-badge-color-info-primary-subtle-bg);
  color: var(--bm-comp-badge-color-info-primary-subtle-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-subtle-border);
}
.bm-badge--infoSecondary-strong {
  background-color: var(--bm-comp-badge-color-info-secondary-strong-bg);
  color: var(--bm-comp-badge-color-info-secondary-strong-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-strong-border);
}
.bm-badge--infoSecondary-medium {
  background-color: var(--bm-comp-badge-color-info-secondary-medium-bg);
  color: var(--bm-comp-badge-color-info-secondary-medium-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-medium-border);
}
.bm-badge--infoSecondary-subtle {
  background-color: var(--bm-comp-badge-color-info-secondary-subtle-bg);
  color: var(--bm-comp-badge-color-info-secondary-subtle-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-subtle-border);
}
.bm-badge--accent-strong {
  background-color: var(--bm-comp-badge-color-accent-strong-bg);
  color: var(--bm-comp-badge-color-accent-strong-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-accent-strong-border);
}
.bm-badge--accent-medium {
  background-color: var(--bm-comp-badge-color-accent-medium-bg);
  color: var(--bm-comp-badge-color-accent-medium-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-accent-medium-border);
}
.bm-badge--accent-subtle {
  background-color: var(--bm-comp-badge-color-accent-subtle-bg);
  color: var(--bm-comp-badge-color-accent-subtle-fg);
  border: var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-accent-subtle-border);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-badge-dot-color-positive-bg: var(
    --bm-sem-color-icon-positive,
    #24a148
  );
  --bm-comp-badge-dot-color-positive-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-positive-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-color-warning-bg: var(
    --bm-sem-color-icon-warning,
    #eb6200
  );
  --bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-badge-dot-color-warning-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-color-negative-bg: var(
    --bm-sem-color-icon-negative,
    #ed464c
  );
  --bm-comp-badge-dot-color-negative-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-negative-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-color-info-primary-bg: var(
    --bm-sem-color-icon-info-primary,
    #0095e0
  );
  --bm-comp-badge-dot-color-info-primary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-info-primary-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-color-info-secondary-bg: var(
    --bm-sem-color-icon-info-secondary,
    #576775
  );
  --bm-comp-badge-dot-color-info-secondary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-info-secondary-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-badge-dot-size: 0.625rem;
  --bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, 0.063rem);
  --bm-comp-badge-dot-typo-subtle: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-dot-typo-strong: var(
    --bm-sem-typo-compact-label-md,
    600 1rem/1.25rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-badge-dot-color-positive-bg: var(
    --bm-sem-color-icon-positive,
    #71d963
  );
  --bm-comp-badge-dot-color-positive-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-positive-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-color-warning-bg: var(
    --bm-sem-color-icon-warning,
    #ffb17a
  );
  --bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-badge-dot-color-warning-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-color-negative-bg: var(
    --bm-sem-color-icon-negative,
    #ed464c
  );
  --bm-comp-badge-dot-color-negative-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-negative-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-color-info-primary-bg: var(
    --bm-sem-color-icon-info-primary,
    #64cefb
  );
  --bm-comp-badge-dot-color-info-primary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-info-primary-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-color-info-secondary-bg: var(
    --bm-sem-color-icon-info-secondary,
    #9fafbc
  );
  --bm-comp-badge-dot-color-info-secondary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-info-secondary-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-badge-dot-size: 0.625rem;
  --bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, 0.063rem);
  --bm-comp-badge-dot-typo-subtle: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-dot-typo-strong: var(
    --bm-sem-typo-compact-label-md,
    600 1rem/1.25rem "Source Sans Pro"
  );
}

.bm-badge-dot {
  display: inline-flex;
  align-items: center;
  gap: var(--bm-comp-badge-dot-space-gap);
  font: var(--bm-comp-badge-dot-typo-strong);
  min-width: min-content;
  color: var(--bm-comp-badge-dot-color-info-primary-text);
}
.bm-badge-dot:before {
  content: " ";
  flex-shrink: 0;
  min-width: var(--bm-comp-badge-dot-size);
  width: var(--bm-comp-badge-dot-size);
  height: var(--bm-comp-badge-dot-size);
  border-radius: var(--bm-comp-badge-dot-radius);
  border-width: var(--bm-comp-badge-dot-border-width);
  background-color: var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-bg));
  border-color: var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-border));
  border-style: solid;
  box-sizing: border-box;
}
.bm-badge-dot:dir(rtl):before {
  flex-direction: row-reverse;
}
.bm-badge-dot--infoPrimary {
  color: var(--bm-comp-badge-dot-color-info-primary-text);
}
.bm-badge-dot--infoPrimary:before {
  background-color: var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-bg));
  border-color: var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-border));
}
.bm-badge-dot--infoSecondary {
  color: var(--bm-comp-badge-dot-color-info-secondary-text);
}
.bm-badge-dot--infoSecondary:before {
  background-color: var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-secondary-bg));
  border-color: var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-secondary-border));
}
.bm-badge-dot--positive {
  color: var(--bm-comp-badge-dot-color-positive-text);
}
.bm-badge-dot--positive:before {
  background-color: var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-positive-bg));
  border-color: var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-positive-border));
}
.bm-badge-dot--warning {
  color: var(--bm-comp-badge-dot-color-warning-text);
}
.bm-badge-dot--warning:before {
  background-color: var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-warning-bg));
  border-color: var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-warning-border));
}
.bm-badge-dot--negative {
  color: var(--bm-comp-badge-dot-color-negative-text);
}
.bm-badge-dot--negative:before {
  background-color: var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-negative-bg));
  border-color: var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-negative-border));
}
.bm-badge-dot--subtle {
  font: var(--bm-comp-badge-dot-typo-subtle);
}
.bm-badge-dot--strong {
  font: var(--bm-comp-badge-dot-typo-strong);
}

/**
 * Styles for the BadgeIndicator component — a compact badge for communicating
 * count, status, or category. Supports three kinds: count (displays a number,
 * truncated at maxCount), marker (a plain status indicator), and icon (renders
 * a Beam icon inside the badge). Used across tabs, side navigation, notification
 * icons, avatars, and buttons.
 */
:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-badge-color-positive-strong-bg: var(
    --bm-sem-color-surface-positive-strong,
    #187c36
  );
  --bm-comp-badge-color-positive-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-badge-color-positive-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-positive-medium-bg: var(
    --bm-sem-color-surface-positive,
    #daf7cf
  );
  --bm-comp-badge-color-positive-medium-fg: var(
    --bm-sem-color-text-positive,
    #187c36
  );
  --bm-comp-badge-color-positive-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-positive-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-positive-subtle-fg: var(
    --bm-sem-color-text-positive,
    #187c36
  );
  --bm-comp-badge-color-positive-subtle-border: var(
    --bm-sem-color-border-positive,
    rgba(24, 124, 54, 0.4)
  );
  --bm-comp-badge-color-warning-strong-bg: var(
    --bm-sem-color-surface-warning-strong,
    #ac4902
  );
  --bm-comp-badge-color-warning-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-badge-color-warning-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-warning-medium-bg: var(
    --bm-sem-color-surface-warning,
    #ffe4c9
  );
  --bm-comp-badge-color-warning-medium-fg: var(
    --bm-sem-color-text-warning,
    #ac4902
  );
  --bm-comp-badge-color-warning-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-warning-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-warning-subtle-fg: var(
    --bm-sem-color-text-warning,
    #ac4902
  );
  --bm-comp-badge-color-warning-subtle-border: var(
    --bm-sem-color-border-warning,
    rgba(172, 73, 2, 0.4)
  );
  --bm-comp-badge-color-negative-strong-bg: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-badge-color-negative-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-badge-color-negative-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-negative-medium-bg: var(
    --bm-sem-color-surface-negative,
    #fee6e7
  );
  --bm-comp-badge-color-negative-medium-fg: var(
    --bm-sem-color-text-negative,
    #cc2429
  );
  --bm-comp-badge-color-negative-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-negative-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-negative-subtle-fg: var(
    --bm-sem-color-text-negative,
    #cc2429
  );
  --bm-comp-badge-color-negative-subtle-border: var(
    --bm-sem-color-border-negative,
    rgba(204, 36, 41, 0.4)
  );
  --bm-comp-badge-color-info-primary-strong-bg: var(
    --bm-sem-color-surface-info-primary-strong,
    #006ead
  );
  --bm-comp-badge-color-info-primary-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-badge-color-info-primary-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-primary-medium-bg: var(
    --bm-sem-color-surface-info-primary,
    #ccf0ff
  );
  --bm-comp-badge-color-info-primary-medium-fg: var(
    --bm-sem-color-text-info-primary,
    #006ead
  );
  --bm-comp-badge-color-info-primary-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-primary-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-info-primary-subtle-fg: var(
    --bm-sem-color-text-info-primary,
    #006ead
  );
  --bm-comp-badge-color-info-primary-subtle-border: var(
    --bm-sem-color-border-info-primary,
    rgba(0, 110, 173, 0.4)
  );
  --bm-comp-badge-color-info-secondary-strong-bg: var(
    --bm-sem-color-surface-info-secondary-strong,
    #576775
  );
  --bm-comp-badge-color-info-secondary-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-badge-color-info-secondary-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-secondary-medium-bg: var(
    --bm-sem-color-surface-info-secondary,
    #dfe7ec
  );
  --bm-comp-badge-color-info-secondary-medium-fg: var(
    --bm-sem-color-text-info-secondary,
    #465967
  );
  --bm-comp-badge-color-info-secondary-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-secondary-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-info-secondary-subtle-fg: var(
    --bm-sem-color-text-info-secondary,
    #465967
  );
  --bm-comp-badge-color-info-secondary-subtle-border: var(
    --bm-sem-color-border-info-secondary,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-badge-color-accent-strong-bg: var(
    --bm-alias-color-ramp-accent-base,
    #00768f
  );
  --bm-comp-badge-color-accent-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-badge-color-accent-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-accent-medium-bg: var(
    --bm-alias-color-ramp-accent-subtler,
    #d7f4f9
  );
  --bm-comp-badge-color-accent-medium-fg: var(
    --bm-alias-color-ramp-accent-base,
    #00768f
  );
  --bm-comp-badge-color-accent-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-accent-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-accent-subtle-fg: var(
    --bm-alias-color-ramp-accent-base,
    #00768f
  );
  --bm-comp-badge-color-accent-subtle-border: var(
    --bm-alias-color-ramp-accent-muter,
    #8cd8e6
  );
  --bm-comp-badge-space-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-badge-space-x: var(--bm-alias-badge-space-x, 0.75rem);
  --bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);
  --bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);
  --bm-comp-badge-radius: var(--bm-alias-badge-radius, 624.938rem);
  --bm-comp-badge-border-width: var(--bm-sem-border-width-action, 0.063rem);
  --bm-comp-badge-typo-sm: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-typo-md: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
  --bm-comp-badge-dot-color-positive-bg: var(
    --bm-sem-color-icon-positive,
    #24a148
  );
  --bm-comp-badge-dot-color-positive-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-positive-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-color-warning-bg: var(
    --bm-sem-color-icon-warning,
    #eb6200
  );
  --bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-badge-dot-color-warning-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-color-negative-bg: var(
    --bm-sem-color-icon-negative,
    #ed464c
  );
  --bm-comp-badge-dot-color-negative-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-negative-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-color-info-primary-bg: var(
    --bm-sem-color-icon-info-primary,
    #0095e0
  );
  --bm-comp-badge-dot-color-info-primary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-info-primary-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-color-info-secondary-bg: var(
    --bm-sem-color-icon-info-secondary,
    #576775
  );
  --bm-comp-badge-dot-color-info-secondary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-info-secondary-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-badge-dot-size: 0.625rem;
  --bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, 0.063rem);
  --bm-comp-badge-dot-typo-subtle: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-dot-typo-strong: var(
    --bm-sem-typo-compact-label-md,
    600 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-badge-indicator-space-x: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-badge-indicator-size-sm: var(--bm-primitive-dimension-100, 1rem);
  --bm-comp-badge-indicator-size-md: var(--bm-primitive-dimension-125, 1.25rem);
  --bm-comp-badge-indicator-size-marker-sm: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-badge-indicator-size-marker-md: var(
    --bm-primitive-dimension-75,
    0.75rem
  );
  --bm-comp-badge-indicator-size-icon-sm: 0.625rem;
  --bm-comp-badge-indicator-size-icon-md: var(--bm-sem-size-icon-xs, 0.75rem);
  --bm-comp-badge-indicator-typo-sm: var(
    --bm-sem-typo-compact-label-xs,
    600 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-typo-md: var(
    --bm-sem-typo-compact-label-xs,
    600 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-color-marker-accent-medium-bg: var(
    --bm-alias-color-ramp-accent-mute,
    #00a2c0
  );
  --bm-comp-badge-indicator-color-marker-info-primary-medium-bg: var(
    --bm-alias-color-ramp-blue-mute,
    #0095e0
  );
  --bm-comp-badge-indicator-color-marker-info-secondary-medium-bg: var(
    --bm-alias-color-ramp-gray-mute,
    #8697a5
  );
  --bm-comp-badge-indicator-color-marker-positive-medium-bg: var(
    --bm-alias-color-ramp-green-mute,
    #24a148
  );
  --bm-comp-badge-indicator-color-marker-warning-medium-bg: var(
    --bm-alias-color-ramp-orange-mute,
    #eb6200
  );
  --bm-comp-badge-indicator-color-marker-negative-medium-bg: var(
    --bm-alias-color-ramp-red-mute,
    #ed464c
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-badge-color-positive-strong-bg: var(
    --bm-sem-color-surface-positive-strong,
    #b3eb9e
  );
  --bm-comp-badge-color-positive-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-badge-color-positive-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-positive-medium-bg: var(
    --bm-sem-color-surface-positive,
    #02310e
  );
  --bm-comp-badge-color-positive-medium-fg: var(
    --bm-sem-color-text-positive,
    #b3eb9e
  );
  --bm-comp-badge-color-positive-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-positive-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-positive-subtle-fg: var(
    --bm-sem-color-text-positive,
    #b3eb9e
  );
  --bm-comp-badge-color-positive-subtle-border: var(
    --bm-sem-color-border-positive,
    rgba(179, 235, 158, 0.4)
  );
  --bm-comp-badge-color-warning-strong-bg: var(
    --bm-sem-color-surface-warning-strong,
    #ffd4a8
  );
  --bm-comp-badge-color-warning-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-badge-color-warning-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-warning-medium-bg: var(
    --bm-sem-color-surface-warning,
    #3e1a00
  );
  --bm-comp-badge-color-warning-medium-fg: var(
    --bm-sem-color-text-warning,
    #ffd4a8
  );
  --bm-comp-badge-color-warning-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-warning-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-warning-subtle-fg: var(
    --bm-sem-color-text-warning,
    #ffd4a8
  );
  --bm-comp-badge-color-warning-subtle-border: var(
    --bm-sem-color-border-warning,
    rgba(255, 212, 168, 0.4)
  );
  --bm-comp-badge-color-negative-strong-bg: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-badge-color-negative-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-badge-color-negative-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-negative-medium-bg: var(
    --bm-sem-color-surface-negative,
    #520f11
  );
  --bm-comp-badge-color-negative-medium-fg: var(
    --bm-sem-color-text-negative,
    #f67378
  );
  --bm-comp-badge-color-negative-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-negative-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-negative-subtle-fg: var(
    --bm-sem-color-text-negative,
    #f67378
  );
  --bm-comp-badge-color-negative-subtle-border: var(
    --bm-sem-color-border-negative,
    rgba(253, 203, 205, 0.4)
  );
  --bm-comp-badge-color-info-primary-strong-bg: var(
    --bm-sem-color-surface-info-primary-strong,
    #64cefb
  );
  --bm-comp-badge-color-info-primary-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-badge-color-info-primary-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-primary-medium-bg: var(
    --bm-sem-color-surface-info-primary,
    #002f57
  );
  --bm-comp-badge-color-info-primary-medium-fg: var(
    --bm-sem-color-text-info-primary,
    #9be1ff
  );
  --bm-comp-badge-color-info-primary-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-primary-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-info-primary-subtle-fg: var(
    --bm-sem-color-text-info-primary,
    #9be1ff
  );
  --bm-comp-badge-color-info-primary-subtle-border: var(
    --bm-sem-color-border-info-primary,
    rgba(155, 225, 255, 0.4)
  );
  --bm-comp-badge-color-info-secondary-strong-bg: var(
    --bm-sem-color-surface-info-secondary-strong,
    #d1dae0
  );
  --bm-comp-badge-color-info-secondary-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-badge-color-info-secondary-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-secondary-medium-bg: var(
    --bm-sem-color-surface-info-secondary,
    #3d4953
  );
  --bm-comp-badge-color-info-secondary-medium-fg: var(
    --bm-sem-color-text-info-secondary,
    #c3cdd5
  );
  --bm-comp-badge-color-info-secondary-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-info-secondary-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-info-secondary-subtle-fg: var(
    --bm-sem-color-text-info-secondary,
    #c3cdd5
  );
  --bm-comp-badge-color-info-secondary-subtle-border: var(
    --bm-sem-color-border-info-secondary,
    rgba(209, 218, 224, 0.4)
  );
  --bm-comp-badge-color-accent-strong-bg: var(
    --bm-alias-color-ramp-accent-base,
    #43bfd6
  );
  --bm-comp-badge-color-accent-strong-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-badge-color-accent-strong-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-accent-medium-bg: var(
    --bm-alias-color-ramp-accent-subtler,
    #00414d
  );
  --bm-comp-badge-color-accent-medium-fg: var(
    --bm-alias-color-ramp-accent-base,
    #43bfd6
  );
  --bm-comp-badge-color-accent-medium-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-color-accent-subtle-bg: var(
    --bm-primitive-color-transparent,
    #ffffff00
  );
  --bm-comp-badge-color-accent-subtle-fg: var(
    --bm-alias-color-ramp-accent-base,
    #43bfd6
  );
  --bm-comp-badge-color-accent-subtle-border: var(
    --bm-alias-color-ramp-accent-muter,
    #00768f
  );
  --bm-comp-badge-space-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-badge-space-x: var(--bm-alias-badge-space-x, 0.75rem);
  --bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);
  --bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);
  --bm-comp-badge-radius: var(--bm-alias-badge-radius, 624.938rem);
  --bm-comp-badge-border-width: var(--bm-sem-border-width-action, 0.063rem);
  --bm-comp-badge-typo-sm: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-typo-md: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
  --bm-comp-badge-dot-color-positive-bg: var(
    --bm-sem-color-icon-positive,
    #71d963
  );
  --bm-comp-badge-dot-color-positive-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-positive-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-color-warning-bg: var(
    --bm-sem-color-icon-warning,
    #ffb17a
  );
  --bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-badge-dot-color-warning-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-color-negative-bg: var(
    --bm-sem-color-icon-negative,
    #ed464c
  );
  --bm-comp-badge-dot-color-negative-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-negative-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-color-info-primary-bg: var(
    --bm-sem-color-icon-info-primary,
    #64cefb
  );
  --bm-comp-badge-dot-color-info-primary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-info-primary-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-color-info-secondary-bg: var(
    --bm-sem-color-icon-info-secondary,
    #9fafbc
  );
  --bm-comp-badge-dot-color-info-secondary-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-badge-dot-color-info-secondary-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-badge-dot-size: 0.625rem;
  --bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, 0.063rem);
  --bm-comp-badge-dot-typo-subtle: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-dot-typo-strong: var(
    --bm-sem-typo-compact-label-md,
    600 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-badge-indicator-space-x: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-badge-indicator-size-sm: var(--bm-primitive-dimension-100, 1rem);
  --bm-comp-badge-indicator-size-md: var(--bm-primitive-dimension-125, 1.25rem);
  --bm-comp-badge-indicator-size-marker-sm: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-badge-indicator-size-marker-md: var(
    --bm-primitive-dimension-75,
    0.75rem
  );
  --bm-comp-badge-indicator-size-icon-sm: 0.625rem;
  --bm-comp-badge-indicator-size-icon-md: var(--bm-sem-size-icon-xs, 0.75rem);
  --bm-comp-badge-indicator-typo-sm: var(
    --bm-sem-typo-compact-label-xs,
    600 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-typo-md: var(
    --bm-sem-typo-compact-label-xs,
    600 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-color-marker-accent-medium-bg: var(
    --bm-alias-color-ramp-accent-mute,
    #00a2c0
  );
  --bm-comp-badge-indicator-color-marker-info-primary-medium-bg: var(
    --bm-alias-color-ramp-blue-mute,
    #0095e0
  );
  --bm-comp-badge-indicator-color-marker-info-secondary-medium-bg: var(
    --bm-alias-color-ramp-gray-mute,
    #8697a5
  );
  --bm-comp-badge-indicator-color-marker-positive-medium-bg: var(
    --bm-alias-color-ramp-green-mute,
    #24a148
  );
  --bm-comp-badge-indicator-color-marker-warning-medium-bg: var(
    --bm-alias-color-ramp-orange-mute,
    #eb6200
  );
  --bm-comp-badge-indicator-color-marker-negative-medium-bg: var(
    --bm-alias-color-ramp-red-mute,
    #ed464c
  );
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-badge-indicator-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-badge-indicator-space-x: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-badge-indicator-size-sm: var(--bm-primitive-dimension-100, 1rem);
  --bm-comp-badge-indicator-size-md: var(--bm-primitive-dimension-125, 1.25rem);
  --bm-comp-badge-indicator-size-marker-sm: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-badge-indicator-size-marker-md: var(
    --bm-primitive-dimension-75,
    0.75rem
  );
  --bm-comp-badge-indicator-size-icon-sm: 0.625rem;
  --bm-comp-badge-indicator-size-icon-md: var(--bm-sem-size-icon-xs, 0.75rem);
  --bm-comp-badge-indicator-typo-sm: var(
    --bm-sem-typo-compact-label-xs,
    600 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-typo-md: var(
    --bm-sem-typo-compact-label-xs,
    600 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-color-marker-accent-medium-bg: var(
    --bm-alias-color-ramp-accent-mute,
    #00a2c0
  );
  --bm-comp-badge-indicator-color-marker-info-primary-medium-bg: var(
    --bm-alias-color-ramp-blue-mute,
    #0095e0
  );
  --bm-comp-badge-indicator-color-marker-info-secondary-medium-bg: var(
    --bm-alias-color-ramp-gray-mute,
    #8697a5
  );
  --bm-comp-badge-indicator-color-marker-positive-medium-bg: var(
    --bm-alias-color-ramp-green-mute,
    #24a148
  );
  --bm-comp-badge-indicator-color-marker-warning-medium-bg: var(
    --bm-alias-color-ramp-orange-mute,
    #eb6200
  );
  --bm-comp-badge-indicator-color-marker-negative-medium-bg: var(
    --bm-alias-color-ramp-red-mute,
    #ed464c
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-badge-indicator-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-badge-indicator-space-x: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-badge-indicator-size-sm: var(--bm-primitive-dimension-100, 1rem);
  --bm-comp-badge-indicator-size-md: var(--bm-primitive-dimension-125, 1.25rem);
  --bm-comp-badge-indicator-size-marker-sm: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-badge-indicator-size-marker-md: var(
    --bm-primitive-dimension-75,
    0.75rem
  );
  --bm-comp-badge-indicator-size-icon-sm: 0.625rem;
  --bm-comp-badge-indicator-size-icon-md: var(--bm-sem-size-icon-xs, 0.75rem);
  --bm-comp-badge-indicator-typo-sm: var(
    --bm-sem-typo-compact-label-xs,
    600 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-typo-md: var(
    --bm-sem-typo-compact-label-xs,
    600 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-badge-indicator-color-marker-accent-medium-bg: var(
    --bm-alias-color-ramp-accent-mute,
    #00a2c0
  );
  --bm-comp-badge-indicator-color-marker-info-primary-medium-bg: var(
    --bm-alias-color-ramp-blue-mute,
    #0095e0
  );
  --bm-comp-badge-indicator-color-marker-info-secondary-medium-bg: var(
    --bm-alias-color-ramp-gray-mute,
    #8697a5
  );
  --bm-comp-badge-indicator-color-marker-positive-medium-bg: var(
    --bm-alias-color-ramp-green-mute,
    #24a148
  );
  --bm-comp-badge-indicator-color-marker-warning-medium-bg: var(
    --bm-alias-color-ramp-orange-mute,
    #eb6200
  );
  --bm-comp-badge-indicator-color-marker-negative-medium-bg: var(
    --bm-alias-color-ramp-red-mute,
    #ed464c
  );
}

.bm-badge-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--bm-comp-badge-indicator-radius);
  border-style: solid;
  border-width: var(--bm-comp-badge-border-width);
  padding-inline: var(--bm-comp-badge-indicator-space-x);
  overflow: hidden;
  white-space: nowrap;
  outline: var(--bm-sem-border-width-lg) solid var(--bm-comp-badge-indicator-ring-color, transparent);
  outline-offset: 0;
}
.bm-badge-indicator--sm {
  height: var(--bm-comp-badge-indicator-size-sm);
  min-width: var(--bm-comp-badge-indicator-size-sm);
  font: var(--bm-comp-badge-indicator-typo-sm);
}
.bm-badge-indicator--sm .bm-badge-indicator__icon {
  width: var(--bm-comp-badge-indicator-size-icon-sm);
  height: var(--bm-comp-badge-indicator-size-icon-sm);
}
.bm-badge-indicator--sm.bm-badge-indicator--marker {
  width: var(--bm-comp-badge-indicator-size-marker-sm);
  height: var(--bm-comp-badge-indicator-size-marker-sm);
  min-width: unset;
}
.bm-badge-indicator--sm.bm-badge-indicator--icon {
  width: var(--bm-comp-badge-indicator-size-sm);
  min-width: unset;
}
.bm-badge-indicator--md {
  height: var(--bm-comp-badge-indicator-size-md);
  min-width: var(--bm-comp-badge-indicator-size-md);
  font: var(--bm-comp-badge-indicator-typo-md);
}
.bm-badge-indicator--md .bm-badge-indicator__icon {
  width: var(--bm-comp-badge-indicator-size-icon-md);
  height: var(--bm-comp-badge-indicator-size-icon-md);
}
.bm-badge-indicator--md.bm-badge-indicator--marker {
  width: var(--bm-comp-badge-indicator-size-marker-md);
  height: var(--bm-comp-badge-indicator-size-marker-md);
  min-width: unset;
}
.bm-badge-indicator--md.bm-badge-indicator--icon {
  width: var(--bm-comp-badge-indicator-size-md);
  min-width: unset;
}
.bm-badge-indicator--marker, .bm-badge-indicator--icon {
  padding: 0;
}
.bm-badge-indicator--marker {
  font: unset;
  overflow: visible;
}
.bm-badge-indicator--marker.bm-badge-indicator--positive.bm-badge-indicator--medium {
  background-color: var(--bm-comp-badge-indicator-color-marker-positive-medium-bg);
  border-color: transparent;
}
.bm-badge-indicator--marker.bm-badge-indicator--warning.bm-badge-indicator--medium {
  background-color: var(--bm-comp-badge-indicator-color-marker-warning-medium-bg);
  border-color: transparent;
}
.bm-badge-indicator--marker.bm-badge-indicator--negative.bm-badge-indicator--medium {
  background-color: var(--bm-comp-badge-indicator-color-marker-negative-medium-bg);
  border-color: transparent;
}
.bm-badge-indicator--marker.bm-badge-indicator--infoPrimary.bm-badge-indicator--medium {
  background-color: var(--bm-comp-badge-indicator-color-marker-info-primary-medium-bg);
  border-color: transparent;
}
.bm-badge-indicator--marker.bm-badge-indicator--infoSecondary.bm-badge-indicator--medium {
  background-color: var(--bm-comp-badge-indicator-color-marker-info-secondary-medium-bg);
  border-color: transparent;
}
.bm-badge-indicator--marker.bm-badge-indicator--accent.bm-badge-indicator--medium {
  background-color: var(--bm-comp-badge-indicator-color-marker-accent-medium-bg);
  border-color: transparent;
}
.bm-badge-indicator__icon {
  display: inline-flex;
}
.bm-badge-indicator__label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.bm-badge-indicator--collapsible {
  transition: all 0s 0s, transform 0.1s ease, opacity 0.1s ease;
}
.bm-badge-indicator--collapsible.bm-badge-indicator--hide-zero {
  transition: all 0s 0.1s, transform 0.1s ease, opacity 0.1s ease;
}
.bm-badge-indicator--hide-zero {
  transform: scale(0);
  opacity: 0;
  width: 0;
  min-width: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  border-width: 0;
}
@media (prefers-reduced-motion: reduce) {
  .bm-badge-indicator--collapsible, .bm-badge-indicator--collapsible.bm-badge-indicator--hide-zero {
    transition: none;
  }
}
.bm-badge-indicator--positive.bm-badge-indicator--strong {
  background-color: var(--bm-comp-badge-color-positive-strong-bg);
  color: var(--bm-comp-badge-color-positive-strong-fg);
  border-color: var(--bm-comp-badge-color-positive-strong-border);
}
.bm-badge-indicator--positive.bm-badge-indicator--medium {
  background-color: var(--bm-comp-badge-color-positive-medium-bg);
  color: var(--bm-comp-badge-color-positive-medium-fg);
  border-color: var(--bm-comp-badge-color-positive-medium-border);
}
.bm-badge-indicator--positive.bm-badge-indicator--subtle {
  background-color: var(--bm-comp-badge-color-positive-subtle-bg);
  color: var(--bm-comp-badge-color-positive-subtle-fg);
  border-color: var(--bm-comp-badge-color-positive-subtle-border);
}
.bm-badge-indicator--warning.bm-badge-indicator--strong {
  background-color: var(--bm-comp-badge-color-warning-strong-bg);
  color: var(--bm-comp-badge-color-warning-strong-fg);
  border-color: var(--bm-comp-badge-color-warning-strong-border);
}
.bm-badge-indicator--warning.bm-badge-indicator--medium {
  background-color: var(--bm-comp-badge-color-warning-medium-bg);
  color: var(--bm-comp-badge-color-warning-medium-fg);
  border-color: var(--bm-comp-badge-color-warning-medium-border);
}
.bm-badge-indicator--warning.bm-badge-indicator--subtle {
  background-color: var(--bm-comp-badge-color-warning-subtle-bg);
  color: var(--bm-comp-badge-color-warning-subtle-fg);
  border-color: var(--bm-comp-badge-color-warning-subtle-border);
}
.bm-badge-indicator--negative.bm-badge-indicator--strong {
  background-color: var(--bm-comp-badge-color-negative-strong-bg);
  color: var(--bm-comp-badge-color-negative-strong-fg);
  border-color: var(--bm-comp-badge-color-negative-strong-border);
}
.bm-badge-indicator--negative.bm-badge-indicator--medium {
  background-color: var(--bm-comp-badge-color-negative-medium-bg);
  color: var(--bm-comp-badge-color-negative-medium-fg);
  border-color: var(--bm-comp-badge-color-negative-medium-border);
}
.bm-badge-indicator--negative.bm-badge-indicator--subtle {
  background-color: var(--bm-comp-badge-color-negative-subtle-bg);
  color: var(--bm-comp-badge-color-negative-subtle-fg);
  border-color: var(--bm-comp-badge-color-negative-subtle-border);
}
.bm-badge-indicator--infoPrimary.bm-badge-indicator--strong {
  background-color: var(--bm-comp-badge-color-info-primary-strong-bg);
  color: var(--bm-comp-badge-color-info-primary-strong-fg);
  border-color: var(--bm-comp-badge-color-info-primary-strong-border);
}
.bm-badge-indicator--infoPrimary.bm-badge-indicator--medium {
  background-color: var(--bm-comp-badge-color-info-primary-medium-bg);
  color: var(--bm-comp-badge-color-info-primary-medium-fg);
  border-color: var(--bm-comp-badge-color-info-primary-medium-border);
}
.bm-badge-indicator--infoPrimary.bm-badge-indicator--subtle {
  background-color: var(--bm-comp-badge-color-info-primary-subtle-bg);
  color: var(--bm-comp-badge-color-info-primary-subtle-fg);
  border-color: var(--bm-comp-badge-color-info-primary-subtle-border);
}
.bm-badge-indicator--infoSecondary.bm-badge-indicator--strong {
  background-color: var(--bm-comp-badge-color-info-secondary-strong-bg);
  color: var(--bm-comp-badge-color-info-secondary-strong-fg);
  border-color: var(--bm-comp-badge-color-info-secondary-strong-border);
}
.bm-badge-indicator--infoSecondary.bm-badge-indicator--medium {
  background-color: var(--bm-comp-badge-color-info-secondary-medium-bg);
  color: var(--bm-comp-badge-color-info-secondary-medium-fg);
  border-color: var(--bm-comp-badge-color-info-secondary-medium-border);
}
.bm-badge-indicator--infoSecondary.bm-badge-indicator--subtle {
  background-color: var(--bm-comp-badge-color-info-secondary-subtle-bg);
  color: var(--bm-comp-badge-color-info-secondary-subtle-fg);
  border-color: var(--bm-comp-badge-color-info-secondary-subtle-border);
}
.bm-badge-indicator--accent.bm-badge-indicator--strong {
  background-color: var(--bm-comp-badge-color-accent-strong-bg);
  color: var(--bm-comp-badge-color-accent-strong-fg);
  border-color: var(--bm-comp-badge-color-accent-strong-border);
}
.bm-badge-indicator--accent.bm-badge-indicator--medium {
  background-color: var(--bm-comp-badge-color-accent-medium-bg);
  color: var(--bm-comp-badge-color-accent-medium-fg);
  border-color: var(--bm-comp-badge-color-accent-medium-border);
}
.bm-badge-indicator--accent.bm-badge-indicator--subtle {
  background-color: var(--bm-comp-badge-color-accent-subtle-bg);
  color: var(--bm-comp-badge-color-accent-subtle-fg);
  border-color: var(--bm-comp-badge-color-accent-subtle-border);
}

.bm-box--border-width-none {
  border-width: var(--bm-sem-border-width-none);
  border-style: solid;
}
.bm-box--border-width-md {
  border-width: var(--bm-sem-border-width-md);
  border-style: solid;
}
.bm-box--border-width-lg {
  border-width: var(--bm-sem-border-width-lg);
  border-style: solid;
}
.bm-box--border-width-xl {
  border-width: var(--bm-sem-border-width-xl);
  border-style: solid;
}
.bm-box--border-width-divider {
  border-width: var(--bm-sem-border-width-md);
  border-style: solid;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.bm-box--surface-00 {
  background: var(--bm-sem-color-surface-00);
}
.bm-box--surface-00-alt {
  background: var(--bm-sem-color-surface-00-alt);
}
.bm-box--surface-01 {
  background: var(--bm-sem-color-surface-01);
}
.bm-box--surface-02 {
  background: var(--bm-sem-color-surface-02);
}
.bm-box--surface-03 {
  background: var(--bm-sem-color-surface-03);
}
.bm-box--surface-positive {
  background: var(--bm-sem-color-surface-positive);
}
.bm-box--surface-warning {
  background: var(--bm-sem-color-surface-warning);
}
.bm-box--surface-negative {
  background: var(--bm-sem-color-surface-negative);
}
.bm-box--surface-info-primary {
  background: var(--bm-sem-color-surface-info-primary);
}
.bm-box--surface-info-secondary {
  background: var(--bm-sem-color-surface-info-secondary);
}
.bm-box--surface-positive-strong {
  background: var(--bm-sem-color-surface-positive-strong);
}
.bm-box--surface-warning-strong {
  background: var(--bm-sem-color-surface-warning-strong);
}
.bm-box--surface-negative-strong {
  background: var(--bm-sem-color-surface-negative-strong);
}
.bm-box--surface-info-primary-strong {
  background: var(--bm-sem-color-surface-info-primary-strong);
}
.bm-box--surface-info-secondary-strong {
  background: var(--bm-sem-color-surface-info-secondary-strong);
}
.bm-box--surface-selected {
  background: var(--bm-sem-color-surface-selected);
}
.bm-box--surface-selected-subtle {
  background: var(--bm-sem-color-surface-selected-subtle);
}
.bm-box--surface-highlight {
  background: var(--bm-sem-color-surface-highlight);
}
.bm-box--surface-transparent {
  background: var(--bm-sem-color-surface-transparent);
}
.bm-box--surface-inverse {
  background: var(--bm-sem-color-surface-inverse);
}
.bm-box--surface-expressive {
  background: var(--bm-expressive-color-bg);
}
.bm-box--surface-expressive-stronger {
  background: var(--bm-expressive-color-bg-stronger);
}
.bm-box--surface-expressive-inverse {
  background: var(--bm-expressive-color-inverse-bg);
}
.bm-box--border-00 {
  border-color: var(--bm-sem-color-border-00);
  border-style: solid;
}
.bm-box--border-00:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-00-alt {
  border-color: var(--bm-sem-color-border-00-alt);
  border-style: solid;
}
.bm-box--border-00-alt:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-01 {
  border-color: var(--bm-sem-color-border-01);
  border-style: solid;
}
.bm-box--border-01:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-02 {
  border-color: var(--bm-sem-color-border-02);
  border-style: solid;
}
.bm-box--border-02:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-03 {
  border-color: var(--bm-sem-color-border-03);
  border-style: solid;
}
.bm-box--border-03:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-strong {
  border-color: var(--bm-sem-color-border-strong);
  border-style: solid;
}
.bm-box--border-strong:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-positive {
  border-color: var(--bm-sem-color-border-positive);
  border-style: solid;
}
.bm-box--border-positive:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-warning {
  border-color: var(--bm-sem-color-border-warning);
  border-style: solid;
}
.bm-box--border-warning:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-negative {
  border-color: var(--bm-sem-color-border-negative);
  border-style: solid;
}
.bm-box--border-negative:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-info-primary {
  border-color: var(--bm-sem-color-border-info-primary);
  border-style: solid;
}
.bm-box--border-info-primary:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-info-secondary {
  border-color: var(--bm-sem-color-border-info-secondary);
  border-style: solid;
}
.bm-box--border-info-secondary:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-positive-strong {
  border-color: var(--bm-sem-color-border-positive-strong);
  border-style: solid;
}
.bm-box--border-positive-strong:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-warning-strong {
  border-color: var(--bm-sem-color-border-warning-strong);
  border-style: solid;
}
.bm-box--border-warning-strong:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-negative-strong {
  border-color: var(--bm-sem-color-border-negative-strong);
  border-style: solid;
}
.bm-box--border-negative-strong:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-info-primary-strong {
  border-color: var(--bm-sem-color-border-info-primary-strong);
  border-style: solid;
}
.bm-box--border-info-primary-strong:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-info-secondary-strong {
  border-color: var(--bm-sem-color-border-info-secondary-strong);
  border-style: solid;
}
.bm-box--border-info-secondary-strong:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-selected {
  border-color: var(--bm-sem-color-border-selected);
  border-style: solid;
}
.bm-box--border-selected:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-focus {
  border-color: var(--bm-sem-color-border-focus);
  border-style: solid;
}
.bm-box--border-focus:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-inverse {
  border-color: var(--bm-sem-color-border-inverse);
  border-style: solid;
}
.bm-box--border-inverse:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-expressive {
  border-color: var(--bm-expressive-color-border);
  border-style: solid;
}
.bm-box--border-expressive:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-expressive-stronger {
  border-color: var(--bm-expressive-color-border-stronger);
  border-style: solid;
}
.bm-box--border-expressive-stronger:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--border-transparent {
  border-color: var(--bm-sem-color-border-transparent);
  border-style: solid;
}
.bm-box--border-transparent:not([class*=border-width-]) {
  border-width: var(--bm-sem-border-width-md);
}
.bm-box--radius-none {
  border-radius: var(--bm-sem-radius-none);
}
.bm-box--radius-xs {
  border-radius: var(--bm-sem-radius-xs);
}
.bm-box--radius-sm {
  border-radius: var(--bm-sem-radius-sm);
}
.bm-box--radius-md {
  border-radius: var(--bm-sem-radius-md);
}
.bm-box--radius-lg {
  border-radius: var(--bm-sem-radius-lg);
}
.bm-box--radius-round {
  border-radius: var(--bm-sem-radius-round);
}
.bm-box--shadow-none {
  box-shadow: var(--bm-sem-shadow-none);
}
.bm-box--shadow-sm {
  box-shadow: var(--bm-sem-shadow-sm);
}
.bm-box--shadow-md {
  box-shadow: var(--bm-sem-shadow-md);
}
.bm-box--shadow-lg {
  box-shadow: var(--bm-sem-shadow-lg);
}
.bm-box--shadow-overlay {
  box-shadow: var(--bm-sem-shadow-overlay);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-breadcrumb-color-enabled: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-breadcrumb-color-hover: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-breadcrumb-color-active: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-breadcrumb-color-selected: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-breadcrumb-size-icon-chevron: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-breadcrumb-typo-default: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-breadcrumb-space-gap: var(--bm-sem-space-25, 0.25rem);
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-breadcrumb-color-enabled: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-breadcrumb-color-hover: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-breadcrumb-color-active: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-breadcrumb-color-selected: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-breadcrumb-size-icon-chevron: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-breadcrumb-typo-default: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-breadcrumb-space-gap: var(--bm-sem-space-25, 0.25rem);
}

.bm-breadcrumbs__list {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: var(--bm-comp-breadcrumb-space-gap);
}
.bm-breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: var(--bm-comp-breadcrumb-space-gap);
}
.bm-breadcrumbs__link {
  --bm-sem-color-link-secondary: var(--bm-comp-breadcrumb-color-enabled);
}
.bm-breadcrumbs__link:hover {
  --bm-comp-link-color-primary-hover: var(--bm-comp-breadcrumb-color-hover);
}
.bm-breadcrumbs__link:active {
  --bm-comp-link-color-secondary-active: var(--bm-comp-breadcrumb-color-active);
}
.bm-breadcrumbs__link.bm-link--disabled {
  cursor: pointer;
  --bm-sem-opacity-disabled: 1;
}
.bm-breadcrumbs__link.bm-link--disabled:hover {
  text-decoration: underline;
}
.bm-breadcrumbs__icon {
  flex-shrink: 0;
  display: inline-flex;
}
.bm-breadcrumbs__icon ::slotted([slot=icon]) {
  color: var(--bm-comp-breadcrumb-color-enabled);
  width: var(--bm-comp-link-size-sm-icon);
  height: var(--bm-comp-link-size-sm-icon);
  display: inline-flex;
}
.bm-breadcrumbs__icon--current {
  width: var(--bm-comp-link-size-sm-icon);
  height: var(--bm-comp-link-size-sm-icon);
  color: var(--bm-comp-breadcrumb-color-selected);
}
.bm-breadcrumbs__separator {
  min-width: var(--bm-comp-breadcrumb-size-icon-chevron);
  min-height: var(--bm-comp-breadcrumb-size-icon-chevron);
  max-width: var(--bm-comp-breadcrumb-size-icon-chevron);
  max-height: var(--bm-comp-breadcrumb-size-icon-chevron);
  color: var(--bm-comp-breadcrumb-color-enabled);
}
[dir=rtl] .bm-breadcrumbs__separator {
  transform: rotate(180deg);
}
.bm-breadcrumbs__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
[dir=rtl] .bm-breadcrumbs__text {
  unicode-bidi: plaintext;
}
.bm-breadcrumbs__current {
  color: var(--bm-comp-breadcrumb-color-selected);
  font: var(--bm-comp-breadcrumb-typo-default);
  display: flex;
  align-items: center;
  gap: var(--bm-comp-breadcrumb-space-gap);
}
.bm-breadcrumbs__item--ellipsis {
  color: var(--bm-comp-breadcrumb-color-enabled);
}
.bm-breadcrumbs__item--ellipsis :focus-visible {
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
  border-radius: var(--bm-sem-radius-focus-md);
}
.bm-breadcrumbs--wrap .bm-breadcrumbs__list {
  flex-wrap: wrap;
}
:host(*) .bm-breadcrumbs__text {
  color: var(--bm-comp-breadcrumb-color-enabled);
}
:host(*) .bm-breadcrumbs__text:hover {
  color: var(--bm-comp-breadcrumb-color-hover);
}
:host(*) .bm-breadcrumbs__text:active {
  color: var(--bm-comp-breadcrumb-color-active);
}

::part(link) {
  max-width: var(--bm-comp-breadcrumbs-truncation-width, auto);
  --bm-sem-color-link-secondary: var(--bm-comp-breadcrumb-color-enabled);
}

:host-context([dir=rtl]) .bm-breadcrumbs__text {
  unicode-bidi: plaintext;
}
:host-context([dir=rtl]) .bm-breadcrumbs__separator {
  transform: rotate(180deg);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-spinner-color-heading: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-spinner-color-track: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-spinner-color-indicator: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-spinner-color-indicator-neutral: var(
    --bm-sem-color-border-strong,
    #8697a5
  );
  --bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, 0.125rem);
  --bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);
  --bm-comp-spinner-size-xxs-border-width: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);
  --bm-comp-spinner-size-xs-border-width: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);
  --bm-comp-spinner-size-sm-border-width: var(
    --bm-primitive-dimension-25,
    0.25rem
  );
  --bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);
  --bm-comp-spinner-size-md-border-width: var(
    --bm-primitive-dimension-37,
    0.375rem
  );
  --bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);
  --bm-comp-spinner-size-lg-border-width: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-spinner-size-width: 27.5rem;
  --bm-comp-spinner-typo-heading: var(
    --bm-sem-typo-label-md,
    600 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-spinner-typo-body: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-spinner-color-heading: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-spinner-color-track: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-spinner-color-indicator: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-spinner-color-indicator-neutral: var(
    --bm-sem-color-border-strong,
    #9fafbc
  );
  --bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, 0.125rem);
  --bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);
  --bm-comp-spinner-size-xxs-border-width: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);
  --bm-comp-spinner-size-xs-border-width: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);
  --bm-comp-spinner-size-sm-border-width: var(
    --bm-primitive-dimension-25,
    0.25rem
  );
  --bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);
  --bm-comp-spinner-size-md-border-width: var(
    --bm-primitive-dimension-37,
    0.375rem
  );
  --bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);
  --bm-comp-spinner-size-lg-border-width: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-spinner-size-width: 27.5rem;
  --bm-comp-spinner-typo-heading: var(
    --bm-sem-typo-label-md,
    600 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-spinner-typo-body: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-btn-color-accent-filled-bg: var(
    --bm-sem-color-action-primary,
    #00768f
  );
  --bm-comp-btn-color-accent-filled-fg: var(
    --bm-sem-color-action-onPrimary,
    #ffffff
  );
  --bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-outline-fg: var(
    --bm-sem-color-action-primary,
    #00768f
  );
  --bm-comp-btn-color-accent-outline-border: var(
    --bm-sem-color-action-primary,
    #00768f
  );
  --bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-ghost-fg: var(
    --bm-sem-color-action-primary,
    #00768f
  );
  --bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-bare-fg: var(
    --bm-sem-color-action-primary,
    #00768f
  );
  --bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-filled-bg: var(
    --bm-sem-color-action-neutral,
    #141d24
  );
  --bm-comp-btn-color-neutral-filled-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-btn-color-neutral-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-outline-fg: var(
    --bm-sem-color-action-neutral,
    #141d24
  );
  --bm-comp-btn-color-neutral-outline-border: var(
    --bm-sem-color-action-neutral,
    #141d24
  );
  --bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-ghost-fg: var(
    --bm-sem-color-action-neutral,
    #141d24
  );
  --bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-bare-fg: var(
    --bm-sem-color-action-neutral,
    #141d24
  );
  --bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-subtle-filled-bg: var(
    --bm-sem-color-action-neutral-subtle,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-btn-color-neutral-subtle-filled-fg: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-btn-color-neutral-subtle-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-outline-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-outline-fg: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-btn-color-neutral-subtle-outline-border: var(
    --bm-sem-color-border-info-secondary,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-btn-color-neutral-subtle-ghost-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-ghost-fg: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-btn-color-neutral-subtle-ghost-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-bare-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-bare-fg: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-btn-color-neutral-subtle-bare-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-filled-bg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-filled-fg: var(
    --bm-sem-color-static-white,
    #ffffff
  );
  --bm-comp-btn-color-destructive-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-outline-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-outline-fg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-outline-border: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-destructive-ghost-fg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-ghost-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-destructive-bare-fg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-bare-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-loading-filled-bg: var(
    --bm-sem-color-action-neutral-subtle,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-btn-color-loading-filled-fg: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-btn-color-loading-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-outline-fg: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-btn-color-loading-outline-border: var(
    --bm-sem-color-border-strong,
    #8697a5
  );
  --bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-ghost-fg: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-bare-fg: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-border-width: var(--bm-sem-border-width-action, 0.063rem);
  --bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-btn-space-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-btn-space-label-x: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-btn-space-sm-x: var(--bm-alias-action-space-sm-x, 0.5rem);
  --bm-comp-btn-space-sm-y: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-btn-space-md-x: var(--bm-alias-action-space-md-x, 0.75rem);
  --bm-comp-btn-space-md-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-btn-space-lg-x: var(--bm-alias-action-space-lg-x, 1rem);
  --bm-comp-btn-space-lg-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);
  --bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);
  --bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);
  --bm-comp-btn-radius-container: var(--bm-sem-radius-action-default, 0.25rem);
  --bm-comp-btn-radius-focus: var(--bm-alias-action-radius-focus, 0.5rem);
  --bm-comp-btn-typo-sm: var(
    --bm-sem-typo-compact-label-sm,
    600 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-btn-typo-md: var(
    --bm-sem-typo-compact-label-md,
    600 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-btn-typo-lg: var(
    --bm-sem-typo-compact-label-lg,
    600 1.125rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
  --bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, 0.2);
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-btn-color-accent-filled-bg: var(
    --bm-sem-color-action-primary,
    #43bfd6
  );
  --bm-comp-btn-color-accent-filled-fg: var(
    --bm-sem-color-action-onPrimary,
    #141d24
  );
  --bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-outline-fg: var(
    --bm-sem-color-action-primary,
    #43bfd6
  );
  --bm-comp-btn-color-accent-outline-border: var(
    --bm-sem-color-action-primary,
    #43bfd6
  );
  --bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-ghost-fg: var(
    --bm-sem-color-action-primary,
    #43bfd6
  );
  --bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-bare-fg: var(
    --bm-sem-color-action-primary,
    #43bfd6
  );
  --bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-filled-bg: var(
    --bm-sem-color-action-neutral,
    #ffffff
  );
  --bm-comp-btn-color-neutral-filled-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-btn-color-neutral-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-outline-fg: var(
    --bm-sem-color-action-neutral,
    #ffffff
  );
  --bm-comp-btn-color-neutral-outline-border: var(
    --bm-sem-color-action-neutral,
    #ffffff
  );
  --bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-ghost-fg: var(
    --bm-sem-color-action-neutral,
    #ffffff
  );
  --bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-bare-fg: var(
    --bm-sem-color-action-neutral,
    #ffffff
  );
  --bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-subtle-filled-bg: var(
    --bm-sem-color-action-neutral-subtle,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-btn-color-neutral-subtle-filled-fg: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-btn-color-neutral-subtle-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-outline-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-outline-fg: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-btn-color-neutral-subtle-outline-border: var(
    --bm-sem-color-border-info-secondary,
    rgba(209, 218, 224, 0.4)
  );
  --bm-comp-btn-color-neutral-subtle-ghost-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-ghost-fg: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-btn-color-neutral-subtle-ghost-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-bare-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-bare-fg: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-btn-color-neutral-subtle-bare-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-filled-bg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-filled-fg: var(
    --bm-sem-color-static-white,
    #ffffff
  );
  --bm-comp-btn-color-destructive-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-outline-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-outline-fg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-outline-border: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-destructive-ghost-fg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-ghost-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-destructive-bare-fg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-bare-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-loading-filled-bg: var(
    --bm-sem-color-action-neutral-subtle,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-btn-color-loading-filled-fg: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-btn-color-loading-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-outline-fg: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-btn-color-loading-outline-border: var(
    --bm-sem-color-border-strong,
    #9fafbc
  );
  --bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-ghost-fg: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-bare-fg: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-border-width: var(--bm-sem-border-width-action, 0.063rem);
  --bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-btn-space-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-btn-space-label-x: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-btn-space-sm-x: var(--bm-alias-action-space-sm-x, 0.5rem);
  --bm-comp-btn-space-sm-y: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-btn-space-md-x: var(--bm-alias-action-space-md-x, 0.75rem);
  --bm-comp-btn-space-md-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-btn-space-lg-x: var(--bm-alias-action-space-lg-x, 1rem);
  --bm-comp-btn-space-lg-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);
  --bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);
  --bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);
  --bm-comp-btn-radius-container: var(--bm-sem-radius-action-default, 0.25rem);
  --bm-comp-btn-radius-focus: var(--bm-alias-action-radius-focus, 0.5rem);
  --bm-comp-btn-typo-sm: var(
    --bm-sem-typo-compact-label-sm,
    600 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-btn-typo-md: var(
    --bm-sem-typo-compact-label-md,
    600 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-btn-typo-lg: var(
    --bm-sem-typo-compact-label-lg,
    600 1.125rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
  --bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, 0.2);
}

.bm-button__icon-wrap svg,
.bm-button ::slotted([slot=iconBefore]),
.bm-button ::slotted([slot=iconAfter]) {
  display: block;
  width: var(--bm--comp-btn-size-icon);
  height: var(--bm--comp-btn-size-icon);
}

.bm-button {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: fit-content;
  padding: var(--bm--comp-btn-space-padding-y) var(--bm--comp-btn-space-padding-x);
  justify-content: center;
  align-items: center;
  gap: var(--bm-comp-btn-space-gap);
  border: none;
  border-radius: var(--bm-comp-btn-radius-container);
  max-width: 100%;
  font: var(--bm-comp-btn-typo-md);
  min-width: var(--bm-comp-btn-size-md-width);
  min-height: var(--bm-comp-btn-size-md-height);
  --bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-md-y);
  --bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-md-x);
  --bm--comp-btn-size-icon: var(--bm-comp-btn-size-md-icon);
}
.bm-button--sm {
  font: var(--bm-comp-btn-typo-sm);
  min-width: var(--bm-comp-btn-size-sm-width);
  min-height: var(--bm-comp-btn-size-sm-height);
  --bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-sm-y);
  --bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-sm-x);
  --bm--comp-btn-size-icon: var(--bm-comp-btn-size-sm-icon);
}
.bm-button--md {
  font: var(--bm-comp-btn-typo-md);
  min-width: var(--bm-comp-btn-size-md-width);
  min-height: var(--bm-comp-btn-size-md-height);
  --bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-md-y);
  --bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-md-x);
  --bm--comp-btn-size-icon: var(--bm-comp-btn-size-md-icon);
}
.bm-button--lg {
  font: var(--bm-comp-btn-typo-lg);
  min-width: var(--bm-comp-btn-size-lg-width);
  min-height: var(--bm-comp-btn-size-lg-height);
  --bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-lg-y);
  --bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-lg-x);
  --bm--comp-btn-size-icon: var(--bm-comp-btn-size-lg-icon);
}
.bm-button--icon-only {
  padding: unset;
}
.bm-button__label {
  z-index: 1;
  position: relative;
  padding: 0 var(--bm-comp-btn-space-label-x);
  text-align: start;
}
.bm-button {
  background: var(--bm-comp-btn-color-accent-filled-bg);
  color: var(--bm-comp-btn-color-accent-filled-fg);
  border-color: var(--bm-comp-btn-color-accent-filled-border);
}
.bm-button--accent-filled {
  background: var(--bm-comp-btn-color-accent-filled-bg);
  color: var(--bm-comp-btn-color-accent-filled-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-filled-border);
}
.bm-button--accent-filled .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-accent-filled-fg);
}
.bm-button--accent-filled .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-accent-filled-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--accent-filled:hover > .bm-state-layer:not(.bm-state-layer--without-hover) {
  --bm-state-layer-background: var(--bm-sem-color-state-layer-hover-strong);
}
.bm-button--accent-filled:active > .bm-state-layer:not(.bm-state-layer--without-active) {
  --bm-state-layer-background: var(--bm-sem-color-state-layer-active-strong);
}
.bm-button--accent-outline {
  background: var(--bm-comp-btn-color-accent-outline-bg);
  color: var(--bm-comp-btn-color-accent-outline-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-outline-border);
}
.bm-button--accent-outline .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-accent-outline-fg);
}
.bm-button--accent-outline .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-accent-outline-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--accent-ghost {
  background: var(--bm-comp-btn-color-accent-ghost-bg);
  color: var(--bm-comp-btn-color-accent-ghost-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-ghost-border);
}
.bm-button--accent-ghost .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-accent-ghost-fg);
}
.bm-button--accent-ghost .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-accent-ghost-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--accent-bare {
  background: var(--bm-comp-btn-color-accent-bare-bg);
  color: var(--bm-comp-btn-color-accent-bare-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-bare-border);
  min-height: unset !important;
  min-width: unset !important;
  padding: var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);
  border-radius: var(--bm-sem-radius-sm);
  gap: var(--bm-comp-btn-space-bare-gap);
  display: flex;
  align-items: center;
  justify-content: center;
}
.bm-button--accent-bare .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-accent-bare-fg);
}
.bm-button--accent-bare .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-accent-bare-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--accent-bare .bm-button__label {
  padding: 0 var(--bm-comp-btn-space-bare-label-x);
}
.bm-button--accent-bare .bm-state-layer {
  --bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-outline-offset: 0 !important;
}
.bm-button--neutral-filled {
  background: var(--bm-comp-btn-color-neutral-filled-bg);
  color: var(--bm-comp-btn-color-neutral-filled-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-filled-border);
}
.bm-button--neutral-filled .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-neutral-filled-fg);
}
.bm-button--neutral-filled .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-neutral-filled-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--neutral-filled:hover > .bm-state-layer:not(.bm-state-layer--without-hover) {
  --bm-state-layer-background: var(--bm-sem-color-state-layer-hover-inverse);
}
.bm-button--neutral-filled:active > .bm-state-layer:not(.bm-state-layer--without-active) {
  --bm-state-layer-background: var(--bm-sem-color-state-layer-active-inverse);
}
.bm-button--neutral-outline {
  background: var(--bm-comp-btn-color-neutral-outline-bg);
  color: var(--bm-comp-btn-color-neutral-outline-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-outline-border);
}
.bm-button--neutral-outline .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-neutral-outline-fg);
}
.bm-button--neutral-outline .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-neutral-outline-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--neutral-ghost {
  background: var(--bm-comp-btn-color-neutral-ghost-bg);
  color: var(--bm-comp-btn-color-neutral-ghost-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-ghost-border);
}
.bm-button--neutral-ghost .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-neutral-ghost-fg);
}
.bm-button--neutral-ghost .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-neutral-ghost-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--neutral-bare {
  background: var(--bm-comp-btn-color-neutral-bare-bg);
  color: var(--bm-comp-btn-color-neutral-bare-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-bare-border);
  min-height: unset !important;
  min-width: unset !important;
  padding: var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);
  border-radius: var(--bm-sem-radius-sm);
  gap: var(--bm-comp-btn-space-bare-gap);
  display: flex;
  align-items: center;
  justify-content: center;
}
.bm-button--neutral-bare .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-neutral-bare-fg);
}
.bm-button--neutral-bare .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-neutral-bare-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--neutral-bare .bm-button__label {
  padding: 0 var(--bm-comp-btn-space-bare-label-x);
}
.bm-button--neutral-bare .bm-state-layer {
  --bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-outline-offset: 0 !important;
}
.bm-button--neutral-subtle-filled {
  background: var(--bm-comp-btn-color-neutral-subtle-filled-bg);
  color: var(--bm-comp-btn-color-neutral-subtle-filled-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-filled-border);
}
.bm-button--neutral-subtle-filled .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-neutral-subtle-filled-fg);
}
.bm-button--neutral-subtle-filled .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-neutral-subtle-filled-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--neutral-subtle-outline {
  background: var(--bm-comp-btn-color-neutral-subtle-outline-bg);
  color: var(--bm-comp-btn-color-neutral-subtle-outline-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-outline-border);
}
.bm-button--neutral-subtle-outline .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-neutral-subtle-outline-fg);
}
.bm-button--neutral-subtle-outline .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-neutral-subtle-outline-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--neutral-subtle-ghost {
  background: var(--bm-comp-btn-color-neutral-subtle-ghost-bg);
  color: var(--bm-comp-btn-color-neutral-subtle-ghost-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-ghost-border);
}
.bm-button--neutral-subtle-ghost .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-neutral-subtle-ghost-fg);
}
.bm-button--neutral-subtle-ghost .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-neutral-subtle-ghost-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--neutral-subtle-bare {
  background: var(--bm-comp-btn-color-neutral-subtle-bare-bg);
  color: var(--bm-comp-btn-color-neutral-subtle-bare-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-bare-border);
  min-height: unset !important;
  min-width: unset !important;
  padding: var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);
  border-radius: var(--bm-sem-radius-sm);
  gap: var(--bm-comp-btn-space-bare-gap);
  display: flex;
  align-items: center;
  justify-content: center;
}
.bm-button--neutral-subtle-bare .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-neutral-subtle-bare-fg);
}
.bm-button--neutral-subtle-bare .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-neutral-subtle-bare-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--neutral-subtle-bare .bm-button__label {
  padding: 0 var(--bm-comp-btn-space-bare-label-x);
}
.bm-button--neutral-subtle-bare .bm-state-layer {
  --bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-outline-offset: 0 !important;
}
.bm-button--destructive-filled {
  background: var(--bm-comp-btn-color-destructive-filled-bg);
  color: var(--bm-comp-btn-color-destructive-filled-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-filled-border);
}
.bm-button--destructive-filled .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-destructive-filled-fg);
}
.bm-button--destructive-filled .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-destructive-filled-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--destructive-filled:hover > .bm-state-layer:not(.bm-state-layer--without-hover) {
  --bm-state-layer-background: var(--bm-sem-color-state-layer-hover-strong);
}
.bm-button--destructive-filled:active > .bm-state-layer:not(.bm-state-layer--without-active) {
  --bm-state-layer-background: var(--bm-sem-color-state-layer-active-strong);
}
.bm-button--destructive-outline {
  background: var(--bm-comp-btn-color-destructive-outline-bg);
  color: var(--bm-comp-btn-color-destructive-outline-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-outline-border);
}
.bm-button--destructive-outline .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-destructive-outline-fg);
}
.bm-button--destructive-outline .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-destructive-outline-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--destructive-ghost {
  background: var(--bm-comp-btn-color-destructive-ghost-bg);
  color: var(--bm-comp-btn-color-destructive-ghost-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-ghost-border);
}
.bm-button--destructive-ghost .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-destructive-ghost-fg);
}
.bm-button--destructive-ghost .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-destructive-ghost-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--destructive-bare {
  background: var(--bm-comp-btn-color-destructive-bare-bg);
  color: var(--bm-comp-btn-color-destructive-bare-fg);
  outline-offset: -0.0625rem;
  outline: var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-bare-border);
  min-height: unset !important;
  min-width: unset !important;
  padding: var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);
  border-radius: var(--bm-sem-radius-sm);
  gap: var(--bm-comp-btn-space-bare-gap);
  display: flex;
  align-items: center;
  justify-content: center;
}
.bm-button--destructive-bare .bm-button__loading-spinner .bm-spinner__circle {
  stroke: var(--bm-comp-btn-color-destructive-bare-fg);
}
.bm-button--destructive-bare .bm-button__loading-spinner .bm-spinner__circle-bg {
  stroke: var(--bm-comp-btn-color-destructive-bare-fg);
  opacity: var(--bm-comp-btn-opacity-spinner-track);
}
.bm-button--destructive-bare .bm-button__label {
  padding: 0 var(--bm-comp-btn-space-bare-label-x);
}
.bm-button--destructive-bare .bm-state-layer {
  --bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));
  --bm-state-layer-outline-offset: 0 !important;
}
.bm-button[class*=filled] {
  box-shadow: var(--bm-comp-btn-shadow);
}
.bm-button:disabled {
  cursor: not-allowed;
  opacity: var(--bm-sem-opacity-disabled);
}
.bm-button--loading {
  cursor: not-allowed;
}
.bm-button--loading .bm-spinner-wrap {
  margin: unset;
}
.bm-button--fluid {
  width: 100%;
}
:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-card-space-pad-sm: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-card-space-pad-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-card-space-pad-lg: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-card-space-gap-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-card-space-gap-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-card-space-gap-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-card-space-footer-actions-top: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-card-space-footer-actions-gap: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-card-space-footer-actions-gap-stacked: var(
    --bm-sem-space-75,
    0.75rem
  );
  --bm-comp-card-space-header-gap: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-card-space-header-actions-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-card-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-card-color-bg-selected: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-card-color-border: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-card-color-border-selected: var(
    --bm-sem-color-border-selected,
    #00768f
  );
  --bm-comp-card-color-heading: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-card-color-body: var(--bm-sem-color-text-secondary, #576775);
  --bm-comp-card-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-card-color-supporting: var(--bm-sem-color-text-secondary, #576775);
  --bm-comp-card-color-eyebrow: var(--bm-sem-color-text-secondary, #576775);
  --bm-comp-card-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
  --bm-comp-card-radius-outer: var(--bm-sem-radius-md, 0.5rem);
  --bm-comp-card-radius-inner: var(--bm-sem-radius-sm, 0.25rem);
  --bm-comp-card-typo-heading: var(
    --bm-sem-typo-heading-sm,
    700 1.125rem/1.5rem "Uni Neue"
  );
  --bm-comp-card-typo-body: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-card-typo-supporting: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-card-typo-eyebrow: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-card-space-pad-sm: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-card-space-pad-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-card-space-pad-lg: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-card-space-gap-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-card-space-gap-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-card-space-gap-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-card-space-footer-actions-top: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-card-space-footer-actions-gap: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-card-space-footer-actions-gap-stacked: var(
    --bm-sem-space-75,
    0.75rem
  );
  --bm-comp-card-space-header-gap: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-card-space-header-actions-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-card-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-card-color-bg-selected: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-card-color-border: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-card-color-border-selected: var(
    --bm-sem-color-border-selected,
    #43bfd6
  );
  --bm-comp-card-color-heading: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-card-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);
  --bm-comp-card-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-card-color-supporting: var(--bm-sem-color-text-secondary, #c3cdd5);
  --bm-comp-card-color-eyebrow: var(--bm-sem-color-text-secondary, #c3cdd5);
  --bm-comp-card-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
  --bm-comp-card-radius-outer: var(--bm-sem-radius-md, 0.5rem);
  --bm-comp-card-radius-inner: var(--bm-sem-radius-sm, 0.25rem);
  --bm-comp-card-typo-heading: var(
    --bm-sem-typo-heading-sm,
    700 1.125rem/1.5rem "Uni Neue"
  );
  --bm-comp-card-typo-body: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-card-typo-supporting: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-card-typo-eyebrow: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-border-disabled: rgba(134, 151, 165, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #f67378
  );
  --bm-comp-input-color-border-disabled: rgba(159, 175, 188, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #f67378
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

.bm-card {
  --bm-card-radius-outer: var(--bm-comp-card-radius-outer);
  isolation: isolate;
  display: flex;
  flex-direction: column;
  outline: none;
  border-radius: var(--bm-card-radius-outer);
}
.bm-card--default-background {
  background: var(--bm-comp-card-color-bg);
}
.bm-card--default-shadow {
  box-shadow: var(--bm-comp-card-shadow);
}
.bm-card--default-border {
  border-color: var(--bm-comp-card-color-border);
}
.bm-card--interactive {
  position: relative;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  color: inherit;
  font: inherit;
  text-align: inherit;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
  margin: 0;
}
.bm-card--interactive > .bm-state-layer {
  pointer-events: none;
  z-index: 3;
  --bm-state-layer-top: calc(0px - var(--bm-sem-border-width-md));
  --bm-state-layer-right: calc(0px - var(--bm-sem-border-width-md));
  --bm-state-layer-bottom: calc(0px - var(--bm-sem-border-width-md));
  --bm-state-layer-left: calc(0px - var(--bm-sem-border-width-md));
  --bm-state-layer-outline-offset: calc(var(--bm-sem-border-width-md) + var(--bm-sem-size-focus-offset));
}
.bm-card--interactive:has(button:hover,
a:hover,
input:not([data-card-input]):hover,
select:hover,
textarea:hover,
[role=button]:hover,
[role=link]:hover,
[tabindex]:not([tabindex="-1"]):hover) > .bm-state-layer {
  --bm-state-layer-opacity: 0 !important;
  --bm-state-layer-background: transparent !important;
}
.bm-card--interactive:has(button:active,
a:active,
input:not([data-card-input]):active,
select:active,
textarea:active,
[role=button]:active,
[role=link]:active,
[tabindex]:not([tabindex="-1"]):active) > .bm-state-layer {
  --bm-state-layer-opacity: 0 !important;
  --bm-state-layer-background: transparent !important;
}
.bm-card--interactive:has(button:focus-visible,
a:focus-visible,
input:not([data-card-input]):focus-visible,
select:focus-visible,
textarea:focus-visible,
[role=button]:focus-visible,
[role=link]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible) > .bm-state-layer {
  --bm-state-layer-outline-color: transparent !important;
}
.bm-card--disabled {
  opacity: var(--bm-sem-opacity-disabled);
  cursor: not-allowed;
}
.bm-card__hidden-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  border: none;
  appearance: none;
}
.bm-card__hidden-input:disabled {
  cursor: not-allowed;
}
.bm-card--selectable:not(:has(.bm-card__media-above)) .bm-card__header::after {
  content: "";
  order: 999;
  width: var(--bm-comp-input-size-choice-checkbox);
  flex-shrink: 0;
}
.bm-card--selectable:has(.bm-card__hidden-input:focus-visible) > .bm-state-layer {
  --bm-state-layer-outline-width: var(--bm-sem-border-width-focus);
  --bm-state-layer-outline-color: var(--bm-sem-color-border-focus);
}
.bm-card__selection-indicator {
  position: absolute;
  top: var(--bm-card-selection-indicator-top, var(--bm-sem-space-100));
  right: var(--bm-card-selection-indicator-right, var(--bm-sem-space-100));
  z-index: 4;
  pointer-events: none;
  display: block;
}
.bm-card__selection-indicator--checkbox {
  box-sizing: border-box;
  width: var(--bm-comp-input-size-choice-checkbox);
  height: var(--bm-comp-input-size-choice-checkbox);
  border-style: solid;
  border-width: var(--bm-comp-input-border-width-field-default);
  border-color: var(--bm-comp-input-color-border);
  border-radius: var(--bm-comp-input-radius-choice-checkbox);
  background-color: var(--bm-comp-input-color-bg);
}
.bm-card__selection-indicator--radio {
  box-sizing: border-box;
  width: var(--bm-comp-input-size-choice-radio);
  height: var(--bm-comp-input-size-choice-radio);
  border-style: solid;
  border-width: var(--bm-comp-input-border-width-field-default);
  border-color: var(--bm-comp-input-color-border);
  border-radius: var(--bm-comp-input-radius-choice-radio);
  background-color: var(--bm-comp-input-color-bg);
}
.bm-card__selection-indicator--radio::after {
  content: "";
  position: absolute;
  width: var(--bm-comp-input-size-choice-radio-inside);
  height: var(--bm-comp-input-size-choice-radio-inside);
  border-radius: var(--bm-comp-input-radius-choice-radio);
  top: calc(50% - var(--bm-comp-input-size-choice-radio-inside) / 2);
  left: calc(50% - var(--bm-comp-input-size-choice-radio-inside) / 2);
}
.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked {
  border-color: var(--bm-comp-input-color-choice-checkbox-selected-border);
  background-color: var(--bm-comp-input-color-choice-checkbox-selected-bg);
}
.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--bm-comp-input-size-choice-checkbox) * 5 / 8);
  height: calc(var(--bm-comp-input-size-choice-checkbox) * 5 / 8);
  background-color: var(--bm-comp-input-color-choice-checkbox-selected-icon);
}
.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked {
  border-color: var(--bm-comp-input-color-choice-radio-selected-border);
  background-color: var(--bm-comp-input-color-choice-radio-selected-bg);
}
.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked::after {
  background-color: var(--bm-comp-input-color-choice-radio-selected-inner-circle);
}
.bm-card__selection-indicator--disabled {
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked.bm-card__selection-indicator--disabled {
  background-color: var(--bm-comp-input-color-icon-disabled);
}
.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked.bm-card__selection-indicator--disabled::after {
  background-color: var(--bm-comp-input-color-icon-disabled);
}
.bm-card--selected {
  border-color: var(--bm-comp-card-color-border-selected);
  outline: var(--bm-sem-border-width-selected) solid var(--bm-comp-card-color-border-selected);
  outline-offset: calc(0px - var(--bm-sem-border-width-md));
}
.bm-card--density-sm {
  --bm-card-selection-indicator-top: var(--bm-comp-card-space-pad-sm);
  --bm-card-selection-indicator-right: var(--bm-comp-card-space-pad-sm);
}
.bm-card--density-sm > .bm-card__content {
  gap: var(--bm-comp-card-space-gap-sm);
  padding: var(--bm-comp-card-space-pad-sm);
}
.bm-card--density-md {
  --bm-card-selection-indicator-top: var(--bm-comp-card-space-pad-md);
  --bm-card-selection-indicator-right: var(--bm-comp-card-space-pad-md);
}
.bm-card--density-md > .bm-card__content {
  gap: var(--bm-comp-card-space-gap-md);
  padding: var(--bm-comp-card-space-pad-md);
}
.bm-card--density-lg {
  --bm-card-selection-indicator-top: var(--bm-comp-card-space-pad-lg);
  --bm-card-selection-indicator-right: var(--bm-comp-card-space-pad-lg);
}
.bm-card--density-lg > .bm-card__content {
  gap: var(--bm-comp-card-space-gap-lg);
  padding: var(--bm-comp-card-space-pad-lg);
}

.bm-card__content {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}

.bm-card__header {
  display: flex;
  flex-direction: row;
  gap: var(--bm-comp-card-space-header-gap);
  position: relative;
  z-index: 2;
}
.bm-card__header__content-before {
  order: 1;
  display: flex;
  gap: var(--bm-comp-card-space-header-actions-gap);
  color: var(--bm-comp-card-color-heading);
}
.bm-card__header__heading {
  order: 2;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  font: var(--bm-comp-card-typo-heading);
  color: var(--bm-comp-card-color-heading);
}
.bm-card__header__heading * {
  order: 999;
}
.bm-card__header__heading__eyebrow {
  order: 0;
  display: flex;
  font: var(--bm-comp-card-typo-eyebrow);
  color: var(--bm-comp-card-color-eyebrow);
  gap: var(--bm-comp-card-space-header-actions-gap);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bm-card__header__heading__text {
  order: 1;
  display: flex;
}
.bm-card__header__heading__supporting-text {
  order: 2;
  display: flex;
  color: var(--bm-comp-card-color-supporting);
  font: var(--bm-comp-card-typo-supporting);
}
.bm-card__header__content-after {
  order: 3;
  display: flex;
  padding-top: var(--bm-sem-space-12);
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--bm-comp-card-space-header-actions-gap);
  align-self: stretch;
  color: var(--bm-comp-card-color-icon);
}

.bm-card__media-above {
  border-top-left-radius: calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));
  border-top-right-radius: calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.bm-card__media-above:last-child {
  border-bottom-left-radius: calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));
  border-bottom-right-radius: calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));
}

.bm-card__media-below {
  border-radius: var(--bm-comp-card-radius-inner);
}

.bm-card__media-above,
.bm-card__media-below {
  display: flex;
  overflow: hidden;
  width: 100%;
  isolation: isolate;
  position: relative;
  z-index: 2;
}
.bm-card__media-above--overlay-color-black-10,
.bm-card__media-below--overlay-color-black-10 {
  position: relative;
}
.bm-card__media-above--overlay-color-black-10::before,
.bm-card__media-below--overlay-color-black-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--bm-sem-color-overlay-black-10);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.bm-card__media-above--overlay-color-black-20,
.bm-card__media-below--overlay-color-black-20 {
  position: relative;
}
.bm-card__media-above--overlay-color-black-20::before,
.bm-card__media-below--overlay-color-black-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--bm-sem-color-overlay-black-20);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.bm-card__media-above--overlay-color-black-30,
.bm-card__media-below--overlay-color-black-30 {
  position: relative;
}
.bm-card__media-above--overlay-color-black-30::before,
.bm-card__media-below--overlay-color-black-30::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--bm-sem-color-overlay-black-30);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.bm-card__media-above--overlay-color-black-40,
.bm-card__media-below--overlay-color-black-40 {
  position: relative;
}
.bm-card__media-above--overlay-color-black-40::before,
.bm-card__media-below--overlay-color-black-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--bm-sem-color-overlay-black-40);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.bm-card__media-above--overlay-color-white-10,
.bm-card__media-below--overlay-color-white-10 {
  position: relative;
}
.bm-card__media-above--overlay-color-white-10::before,
.bm-card__media-below--overlay-color-white-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--bm-sem-color-overlay-white-10);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.bm-card__media-above--overlay-color-white-20,
.bm-card__media-below--overlay-color-white-20 {
  position: relative;
}
.bm-card__media-above--overlay-color-white-20::before,
.bm-card__media-below--overlay-color-white-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--bm-sem-color-overlay-white-20);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.bm-card__media-above--overlay-color-white-30,
.bm-card__media-below--overlay-color-white-30 {
  position: relative;
}
.bm-card__media-above--overlay-color-white-30::before,
.bm-card__media-below--overlay-color-white-30::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--bm-sem-color-overlay-white-30);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.bm-card__media-above--overlay-color-white-40,
.bm-card__media-below--overlay-color-white-40 {
  position: relative;
}
.bm-card__media-above--overlay-color-white-40::before,
.bm-card__media-below--overlay-color-white-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--bm-sem-color-overlay-white-40);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.bm-card__media-above__overlay-top, .bm-card__media-above__overlay-middle, .bm-card__media-above__overlay-bottom,
.bm-card__media-below__overlay-top,
.bm-card__media-below__overlay-middle,
.bm-card__media-below__overlay-bottom {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
}
.bm-card__media-above__overlay-top,
.bm-card__media-below__overlay-top {
  top: 0;
}
.bm-card__media-above__overlay-middle,
.bm-card__media-below__overlay-middle {
  top: 50%;
  transform: translateY(-50%);
}
.bm-card__media-above__overlay-bottom,
.bm-card__media-below__overlay-bottom {
  bottom: 0;
}

.bm-card__body {
  display: flex;
  flex-direction: column;
  color: var(--bm-comp-card-color-body);
  font: var(--bm-comp-card-typo-body);
  gap: var(--bm-sem-space-100);
  position: relative;
  z-index: 2;
}

.bm-card__footer {
  display: flex;
  gap: var(--bm-sem-space-50);
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.bm-card__footer__actions {
  display: flex;
  padding-top: var(--bm-comp-card-space-footer-actions-top);
  gap: var(--bm-comp-card-space-footer-actions-gap);
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}
.bm-card__footer__actions--start {
  justify-content: flex-start;
}
.bm-card__footer__actions--end {
  justify-content: flex-end;
}
.bm-card__footer__actions--spaceBetween {
  justify-content: space-between;
}
.bm-card__footer__actions--stacked {
  justify-content: center;
  flex-direction: column;
  gap: var(--bm-comp-card-space-footer-actions-gap-stacked);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-border-disabled: rgba(134, 151, 165, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #f67378
  );
  --bm-comp-input-color-border-disabled: rgba(159, 175, 188, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #f67378
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

.bm-checkbox {
  display: inline-flex;
}
.bm-checkbox--read-only {
  --bm-input-choice-cursor: default;
  --bm-input-choice-label-cursor: default;
  --bm-input-choice-label-pointer-events: none;
}
.bm-checkbox--disabled {
  --bm-input-choice-cursor: not-allowed;
  --bm-input-choice-label-cursor: not-allowed;
}
.bm-checkbox__label {
  display: inherit;
  word-break: break-word;
  color: var(--bm-comp-input-color-text);
  font: var(--bm-comp-input-typo-md);
  gap: var(--bm-comp-input-space-choice-gap-inside);
  cursor: var(--bm-input-choice-label-cursor, pointer);
}
.bm-checkbox--with-label .bm-checkbox__label .bm-checkbox__input {
  margin: var(--bm-comp-input-space-choice-nudge) var(--bm-sem-space-0);
}
.bm-checkbox--error .bm-checkbox__label {
  color: var(--bm-comp-input-color-text);
}
.bm-checkbox--error .bm-checkbox__label .bm-checkbox__input {
  border-color: var(--bm-comp-input-color-border-error);
  background-color: var(--bm-comp-input-color-bg);
}
.bm-checkbox--error .bm-checkbox__label .bm-checkbox__input:checked {
  background-color: var(--bm-comp-input-color-choice-checkbox-selected-bg-error);
}
.bm-checkbox--read-only .bm-checkbox__label {
  color: var(--bm-comp-input-color-text);
}
.bm-checkbox--read-only .bm-checkbox__label .bm-checkbox__input {
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-checkbox--read-only .bm-checkbox__label .bm-checkbox__input:checked {
  background-color: var(--bm-comp-input-color-icon);
}
.bm-checkbox--disabled .bm-checkbox__label {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-checkbox--disabled .bm-checkbox__label .bm-checkbox__input {
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-checkbox--disabled .bm-checkbox__label .bm-checkbox__input:checked {
  background-color: var(--bm-comp-input-color-icon-disabled);
}
.bm-checkbox__label .bm-checkbox__input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  margin: var(--bm-sem-space-0);
  flex-shrink: var(--bm-sem-space-0);
  cursor: var(--bm-input-choice-cursor, pointer);
  box-sizing: border-box;
  width: var(--bm-comp-input-size-choice-checkbox);
  height: var(--bm-comp-input-size-choice-checkbox);
  border-style: solid;
  border-width: var(--bm-comp-input-border-width-field-default);
  border-color: var(--bm-comp-input-color-border);
  border-radius: var(--bm-comp-input-radius-choice-checkbox);
  background-color: var(--bm-comp-input-color-bg);
}
.bm-checkbox__label .bm-checkbox__input:focus-visible {
  outline-offset: var(--bm-sem-size-focus-offset);
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
}
.bm-checkbox__label .bm-checkbox__input:checked {
  border-color: var(--bm-comp-input-color-choice-checkbox-selected-border);
  background-color: var(--bm-comp-input-color-choice-checkbox-selected-bg);
}
.bm-checkbox__label .bm-checkbox__input:checked::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--bm-comp-input-size-choice-checkbox) * 5 / 8);
  height: calc(var(--bm-comp-input-size-choice-checkbox) * 5 / 8);
  background-color: var(--bm-comp-input-color-choice-checkbox-selected-icon);
}
.bm-checkbox--indeterminate .bm-checkbox__input:checked::after {
  height: 2px;
  width: 50%;
  border-radius: var(--bm-comp-input-size-choice-checkbox);
  -webkit-mask-image: none;
  mask-image: none;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-chip-color-bg: var(
    --bm-sem-color-action-neutral-subtle,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-chip-color-fg: var(--bm-sem-color-icon-primary, #141d24);
  --bm-comp-chip-color-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-chip-color-bg-selected: var(
    --bm-sem-color-surface-selected,
    #e9fcff
  );
  --bm-comp-chip-color-fg-selected: var(--bm-sem-color-icon-selected, #00768f);
  --bm-comp-chip-color-border-selected: var(
    --bm-sem-color-border-selected,
    #00768f
  );
  --bm-comp-chip-radius-container: var(
    --bm-alias-chip-radius-container,
    0.25rem
  );
  --bm-comp-chip-radius-focus: var(--bm-alias-chip-radius-focus, 0.5rem);
  --bm-comp-chip-border-width: var(--bm-sem-border-width-action, 0.063rem);
  --bm-comp-chip-space-sm-x: var(--bm-alias-chip-space-sm-x, 0.5rem);
  --bm-comp-chip-space-sm-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-chip-space-md-x: var(--bm-alias-chip-space-md-x, 0.5rem);
  --bm-comp-chip-space-lg-x: var(--bm-alias-chip-space-lg-x, 0.75rem);
  --bm-comp-chip-space-text: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-chip-size-sm-height: var(--bm-sem-size-height-xs, 1.5rem);
  --bm-comp-chip-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-chip-size-md-height: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-chip-size-md-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-chip-size-lg-height: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-chip-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-chip-typo-sm: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-chip-typo-md: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-chip-typo-lg: var(
    --bm-sem-typo-label-md,
    600 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-chip-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-chip-color-bg: var(
    --bm-sem-color-action-neutral-subtle,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-chip-color-fg: var(--bm-sem-color-icon-primary, #ffffff);
  --bm-comp-chip-color-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-chip-color-bg-selected: var(
    --bm-sem-color-surface-selected,
    #01262d
  );
  --bm-comp-chip-color-fg-selected: var(--bm-sem-color-icon-selected, #43bfd6);
  --bm-comp-chip-color-border-selected: var(
    --bm-sem-color-border-selected,
    #43bfd6
  );
  --bm-comp-chip-radius-container: var(
    --bm-alias-chip-radius-container,
    0.25rem
  );
  --bm-comp-chip-radius-focus: var(--bm-alias-chip-radius-focus, 0.5rem);
  --bm-comp-chip-border-width: var(--bm-sem-border-width-action, 0.063rem);
  --bm-comp-chip-space-sm-x: var(--bm-alias-chip-space-sm-x, 0.5rem);
  --bm-comp-chip-space-sm-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-chip-space-md-x: var(--bm-alias-chip-space-md-x, 0.5rem);
  --bm-comp-chip-space-lg-x: var(--bm-alias-chip-space-lg-x, 0.75rem);
  --bm-comp-chip-space-text: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-chip-size-sm-height: var(--bm-sem-size-height-xs, 1.5rem);
  --bm-comp-chip-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-chip-size-md-height: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-chip-size-md-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-chip-size-lg-height: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-chip-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-chip-typo-sm: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-chip-typo-md: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-chip-typo-lg: var(
    --bm-sem-typo-label-md,
    600 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-chip-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
}

.bm-chip {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  box-shadow: var(--bm-comp-chip-shadow);
  color: var(--bm-comp-chip-color-fg);
  background-color: var(--bm-comp-chip-color-bg);
  border-color: var(--bm-comp-chip-color-border);
  border-style: solid;
  border-radius: var(--bm-comp-chip-radius-container);
  border-width: var(--bm-comp-chip-border-width);
  cursor: pointer;
  user-select: none;
}
.bm-chip__input {
  position: absolute;
  opacity: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: inherit;
}
.bm-chip__label {
  display: flex;
  align-items: center;
  gap: 0;
  cursor: inherit;
}
.bm-chip--ellipsis .bm-chip__label > span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bm-chip__icon {
  display: flex;
  align-items: center;
  color: var(--bm-comp-chip-color-fg);
}
.bm-chip:has(input:checked) {
  color: var(--bm-comp-chip-color-fg-selected);
  background-color: var(--bm-comp-chip-color-bg-selected);
  border-color: var(--bm-comp-chip-color-border-selected);
  --bm-comp-close-btn-color-default: tokens.$bm-comp-chip-color-fg-selected;
}
.bm-chip:has(input:checked) .bm-chip__icon {
  color: var(--bm-comp-chip-color-fg-selected);
}
.bm-chip:has(input[type=radio]:checked) {
  color: var(--bm-comp-chip-color-fg-selected);
  background-color: var(--bm-comp-chip-color-bg-selected);
  border-color: var(--bm-comp-chip-color-border-selected);
}
.bm-chip__state-layer {
  pointer-events: none;
  --bm-state-layer-opacity: 0;
  --bm-state-layer-outline-width: 0;
}
.bm-chip--has-focus .bm-state-layer {
  --bm-state-layer-opacity: 1;
  --bm-state-layer-outline-width: var(--bm-sem-border-width-focus);
}
.bm-chip:focus-within:has(input:focus) .bm-state-layer {
  --bm-state-layer-outline-width: 0px;
}
.bm-chip:focus-within:has(input:focus-visible) .bm-state-layer {
  --bm-state-layer-outline-width: var(--bm-sem-border-width-focus);
}
.bm-chip--disabled {
  opacity: var(--bm-sem-opacity-disabled);
  cursor: not-allowed !important;
  pointer-events: none;
}
.bm-chip--fluid {
  width: 100%;
}
.bm-chip--non-selectable {
  cursor: text;
  user-select: text;
}
.bm-chip--sm {
  height: var(--bm-comp-chip-size-sm-height);
  padding-inline: var(--bm-comp-chip-space-sm-x);
  font: var(--bm-comp-chip-typo-sm);
  gap: var(--bm-comp-chip-space-sm-gap);
}
.bm-chip--sm .bm-chip__label {
  gap: var(--bm-comp-chip-space-sm-gap);
}
.bm-chip--sm .bm-chip__icon {
  width: var(--bm-comp-chip-size-sm-icon);
  height: var(--bm-comp-chip-size-sm-icon);
}
.bm-chip--md {
  height: var(--bm-comp-chip-size-md-height);
  padding-inline: var(--bm-comp-chip-space-md-x);
  font: var(--bm-comp-chip-typo-md);
  gap: 0;
}
.bm-chip--md .bm-chip__label {
  gap: 0;
}
.bm-chip--md .bm-chip__icon {
  width: var(--bm-comp-chip-size-md-icon);
  height: var(--bm-comp-chip-size-md-icon);
}
.bm-chip--md .bm-chip__label > span:not(.bm-chip__icon) {
  padding-inline: var(--bm-comp-chip-space-text);
}
.bm-chip--lg {
  height: var(--bm-comp-chip-size-lg-height);
  padding-inline: var(--bm-comp-chip-space-lg-x);
  font: var(--bm-comp-chip-typo-lg);
  gap: 0;
}
.bm-chip--lg .bm-chip__label {
  gap: 0;
}
.bm-chip--lg .bm-chip__icon {
  width: var(--bm-comp-chip-size-lg-icon);
  height: var(--bm-comp-chip-size-lg-icon);
}
.bm-chip--lg .bm-chip__label > span:not(.bm-chip__icon) {
  padding-inline: var(--bm-comp-chip-space-text);
}
.bm-chip__label {
  flex-direction: row;
}
.bm-chip__icon {
  order: -1;
}
.bm-chip__dismiss-button {
  order: 1;
  margin-inline-start: auto;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-chip-color-bg: var(
    --bm-sem-color-action-neutral-subtle,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-chip-color-fg: var(--bm-sem-color-icon-primary, #141d24);
  --bm-comp-chip-color-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-chip-color-bg-selected: var(
    --bm-sem-color-surface-selected,
    #e9fcff
  );
  --bm-comp-chip-color-fg-selected: var(--bm-sem-color-icon-selected, #00768f);
  --bm-comp-chip-color-border-selected: var(
    --bm-sem-color-border-selected,
    #00768f
  );
  --bm-comp-chip-radius-container: var(
    --bm-alias-chip-radius-container,
    0.25rem
  );
  --bm-comp-chip-radius-focus: var(--bm-alias-chip-radius-focus, 0.5rem);
  --bm-comp-chip-border-width: var(--bm-sem-border-width-action, 0.063rem);
  --bm-comp-chip-space-sm-x: var(--bm-alias-chip-space-sm-x, 0.5rem);
  --bm-comp-chip-space-sm-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-chip-space-md-x: var(--bm-alias-chip-space-md-x, 0.5rem);
  --bm-comp-chip-space-lg-x: var(--bm-alias-chip-space-lg-x, 0.75rem);
  --bm-comp-chip-space-text: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-chip-size-sm-height: var(--bm-sem-size-height-xs, 1.5rem);
  --bm-comp-chip-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-chip-size-md-height: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-chip-size-md-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-chip-size-lg-height: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-chip-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-chip-typo-sm: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-chip-typo-md: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-chip-typo-lg: var(
    --bm-sem-typo-label-md,
    600 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-chip-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-chip-color-bg: var(
    --bm-sem-color-action-neutral-subtle,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-chip-color-fg: var(--bm-sem-color-icon-primary, #ffffff);
  --bm-comp-chip-color-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-chip-color-bg-selected: var(
    --bm-sem-color-surface-selected,
    #01262d
  );
  --bm-comp-chip-color-fg-selected: var(--bm-sem-color-icon-selected, #43bfd6);
  --bm-comp-chip-color-border-selected: var(
    --bm-sem-color-border-selected,
    #43bfd6
  );
  --bm-comp-chip-radius-container: var(
    --bm-alias-chip-radius-container,
    0.25rem
  );
  --bm-comp-chip-radius-focus: var(--bm-alias-chip-radius-focus, 0.5rem);
  --bm-comp-chip-border-width: var(--bm-sem-border-width-action, 0.063rem);
  --bm-comp-chip-space-sm-x: var(--bm-alias-chip-space-sm-x, 0.5rem);
  --bm-comp-chip-space-sm-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-chip-space-md-x: var(--bm-alias-chip-space-md-x, 0.5rem);
  --bm-comp-chip-space-lg-x: var(--bm-alias-chip-space-lg-x, 0.75rem);
  --bm-comp-chip-space-text: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-chip-size-sm-height: var(--bm-sem-size-height-xs, 1.5rem);
  --bm-comp-chip-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-chip-size-md-height: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-chip-size-md-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-chip-size-lg-height: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-chip-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-chip-typo-sm: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-chip-typo-md: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-chip-typo-lg: var(
    --bm-sem-typo-label-md,
    600 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-chip-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
}

.bm-chips-group {
  display: flex;
  flex-direction: row;
  position: relative;
  width: fit-content;
  align-items: center;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-close-btn-color-default: var(
    --bm-sem-color-icon-secondary,
    #576775
  );
  --bm-comp-close-btn-space-x: var(--bm-primitive-dimension-12, 0.125rem);
  --bm-comp-close-btn-space-y: var(--bm-primitive-dimension-12, 0.125rem);
  --bm-comp-close-btn-size-xs: var(--bm-sem-size-icon-xs, 0.75rem);
  --bm-comp-close-btn-size-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-close-btn-size-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-close-btn-size-lg: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-close-btn-size-xl: var(--bm-sem-size-icon-xl, 1.75rem);
  --bm-comp-close-btn-radius: var(--bm-alias-action-radius-container, 0.25rem);
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-close-btn-color-default: var(
    --bm-sem-color-icon-secondary,
    #c3cdd5
  );
  --bm-comp-close-btn-space-x: var(--bm-primitive-dimension-12, 0.125rem);
  --bm-comp-close-btn-space-y: var(--bm-primitive-dimension-12, 0.125rem);
  --bm-comp-close-btn-size-xs: var(--bm-sem-size-icon-xs, 0.75rem);
  --bm-comp-close-btn-size-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-close-btn-size-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-close-btn-size-lg: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-close-btn-size-xl: var(--bm-sem-size-icon-xl, 1.75rem);
  --bm-comp-close-btn-radius: var(--bm-alias-action-radius-container, 0.25rem);
}

.bm-close-button {
  display: inline-flex;
  padding: var(--bm-comp-close-btn-space-y) var(--bm-comp-close-btn-space-x);
  justify-content: center;
  align-items: center;
  position: relative;
  outline: none;
  cursor: pointer;
  border: unset;
  border-radius: var(--bm-comp-close-btn-radius);
  background-color: unset;
  color: var(--bm-comp-close-btn-color-default);
}
.bm-close-button .bm-state-layer {
  --bm-state-layer-outline-offset: calc(0px - var(--bm-sem-size-focus-offset));
}
.bm-close-button--xs {
  height: calc(var(--bm-comp-close-btn-size-xs) + var(--bm-comp-close-btn-space-y) * 2);
  width: calc(var(--bm-comp-close-btn-size-xs) + var(--bm-comp-close-btn-space-x) * 2);
}
.bm-close-button--xs .bm-close-button__icon {
  height: var(--bm-comp-close-btn-size-xs);
  width: var(--bm-comp-close-btn-size-xs);
}
.bm-close-button--sm {
  height: calc(var(--bm-comp-close-btn-size-sm) + var(--bm-comp-close-btn-space-y) * 2);
  width: calc(var(--bm-comp-close-btn-size-sm) + var(--bm-comp-close-btn-space-x) * 2);
}
.bm-close-button--sm .bm-close-button__icon {
  height: var(--bm-comp-close-btn-size-sm);
  width: var(--bm-comp-close-btn-size-sm);
}
.bm-close-button--md {
  height: calc(var(--bm-comp-close-btn-size-md) + var(--bm-comp-close-btn-space-y) * 2);
  width: calc(var(--bm-comp-close-btn-size-md) + var(--bm-comp-close-btn-space-x) * 2);
}
.bm-close-button--md .bm-close-button__icon {
  height: var(--bm-comp-close-btn-size-md);
  width: var(--bm-comp-close-btn-size-md);
}
.bm-close-button--lg {
  height: calc(var(--bm-comp-close-btn-size-lg) + var(--bm-comp-close-btn-space-y) * 2);
  width: calc(var(--bm-comp-close-btn-size-lg) + var(--bm-comp-close-btn-space-x) * 2);
}
.bm-close-button--lg .bm-close-button__icon {
  height: var(--bm-comp-close-btn-size-lg);
  width: var(--bm-comp-close-btn-size-lg);
}
.bm-close-button--xl {
  height: calc(var(--bm-comp-close-btn-size-xl) + var(--bm-comp-close-btn-space-y) * 2);
  width: calc(var(--bm-comp-close-btn-size-xl) + var(--bm-comp-close-btn-space-x) * 2);
}
.bm-close-button--xl .bm-close-button__icon {
  height: var(--bm-comp-close-btn-size-xl);
  width: var(--bm-comp-close-btn-size-xl);
}
.bm-close-button:disabled {
  cursor: not-allowed;
  opacity: var(--bm-sem-opacity-disabled);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-border-disabled: rgba(134, 151, 165, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #f67378
  );
  --bm-comp-input-color-border-disabled: rgba(159, 175, 188, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #f67378
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

.bm-combobox {
  --bm-label-cursor: pointer;
  max-width: var(--bm-comp-input-size-field-width);
  position: relative;
  --bm-label-space-bottom: var(--bm-comp-label-space-bottom);
  --bm-helper-text-space-top: var(--bm-comp-helper-text-space-top);
}
.bm-combobox--disabled {
  --bm-label-cursor: not-allowed;
  --bm-label-pointer-events: auto;
  --bm-text-field-cursor: not-allowed;
  --bm-text-field-input-cursor: not-allowed;
}
.bm-combobox--sm .bm-combobox__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-sm);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-sm);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-sm);
  --bm-input-field-font: var(--bm-comp-input-typo-sm);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-sm);
}
.bm-combobox--md .bm-combobox__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-md);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-md);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-md);
  --bm-input-field-font: var(--bm-comp-input-typo-md);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-md);
}
.bm-combobox--lg .bm-combobox__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-lg);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-lg);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-lg);
  --bm-input-field-font: var(--bm-comp-input-typo-lg);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-lg);
}
.bm-combobox--fluid {
  max-width: 100%;
}
.bm-combobox--autocomplete .bm-combobox__field {
  --bm-text-field-input-cursor: text;
}
.bm-combobox--disabled, .bm-combobox--disabled .bm-combobox__field {
  --bm-text-field-cursor: not-allowed;
  --bm-text-field-input-cursor: not-allowed;
}
.bm-combobox--multiple:not(.bm-combobox--autocomplete):not(.bm-combobox--empty) .bm-combobox__field__input {
  display: none;
}
.bm-combobox:not(.bm-combobox--autocomplete) .bm-combobox__field::selection {
  background-color: transparent;
}
.bm-combobox__field {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  cursor: var(--bm-text-field-cursor, pointer);
  user-select: none;
  font: var(--bm-input-field-font);
  min-height: var(--bm-input-field-height);
  gap: var(--bm-comp-input-space-field-gap);
  --bm-comp-icon-color: var(--bm-comp-input-color-icon);
  --bm-comp-icon-size: var(--bm-input-field-icon-size);
}
.bm-combobox__field__chevron {
  position: absolute;
  cursor: var(--bm-text-field-cursor, pointer);
  width: var(--bm-comp-icon-size);
  height: var(--bm-comp-icon-size);
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
  -webkit-mask-size: 0.625rem 0.3125rem;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
  mask-size: 0.625rem 0.3125rem;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: var(--bm-comp-input-color-icon);
  inset-inline-end: calc(var(--bm-input-field-padding-x) - (var(--bm-comp-icon-size) - 0.625rem) / 2);
  inset-block-start: calc(var(--bm-input-field-height) / 2 - var(--bm-comp-icon-size) / 2);
  transition: transform 0.2s ease;
}
.bm-combobox--dropdown-open .bm-combobox__field__chevron {
  transform: rotate(180deg) translateY(var(--bm-comp-input-border-width-field-default));
}
.bm-combobox__field__before, .bm-combobox__field__chips, .bm-combobox__field__input, .bm-combobox__field__after {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: var(--bm-comp-input-space-field-gap);
  min-height: calc(var(--bm-input-field-height) - 2 * var(--bm-comp-input-border-width-field-default) - 2 * var(--bm-input-field-padding-y));
  line-height: calc(var(--bm-input-field-height) - 2 * var(--bm-comp-input-border-width-field-default) - 2 * var(--bm-input-field-padding-y));
}
.bm-combobox__field__input {
  background: transparent;
  min-height: calc(var(--bm-input-field-height) - 2 * var(--bm-input-field-padding-y));
  line-height: calc(var(--bm-input-field-height) - 2 * var(--bm-input-field-padding-y));
}
.bm-combobox__field__input::placeholder {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-combobox__field__content-before, .bm-combobox__field__content-after {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--bm-comp-input-space-field-gap);
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-combobox__field__content-before, .bm-combobox__field__content-after {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--bm-comp-input-space-field-gap);
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-combobox__field__chips {
  flex: 1;
  gap: var(--bm-sem-space-25);
  flex-wrap: wrap;
  margin-block: calc(-1 * var(--bm-comp-input-border-width-field-default));
}
.bm-combobox__field__content-before svg,
.bm-combobox__field__content-before ::slotted([slot*=content]), .bm-combobox__field__content-after svg,
.bm-combobox__field__content-after ::slotted([slot*=content]) {
  color: var(--bm-comp-input-color-icon);
  height: var(--bm-sem-size-icon-sm);
}
.bm-combobox__field__content-before .bm-icon, .bm-combobox__field__content-after .bm-icon {
  width: var(--bm-input-field-icon-size);
  height: var(--bm-input-field-icon-size);
}
.bm-combobox__field__input {
  flex: 1;
  cursor: var(--bm-text-field-input-cursor, pointer);
  text-overflow: ellipsis;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  font: var(--bm-input-field-font);
  width: 100%;
  min-width: 3rem;
}
.bm-combobox--error .bm-combobox__field__chevron {
  background-color: var(--bm-comp-input-color-icon);
}
.bm-combobox--error .bm-combobox__field {
  color: var(--bm-comp-input-color-text);
  border-color: var(--bm-comp-input-color-border-error);
  background-color: var(--bm-comp-input-color-bg);
  outline-offset: calc(0px - var(--bm-comp-input-border-width-field-error));
  outline: var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error);
}
.bm-combobox--read-only .bm-combobox__field__chevron {
  background-color: var(--bm-comp-input-color-icon-disabled);
}
.bm-combobox--read-only .bm-combobox__field {
  color: var(--bm-comp-input-color-text);
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-combobox--disabled .bm-combobox__field__chevron {
  background-color: var(--bm-comp-input-color-icon-disabled);
}
.bm-combobox--disabled .bm-combobox__field {
  color: var(--bm-comp-input-color-text-disabled);
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-combobox--disabled .bm-combobox__field .bm-combobox__field__input {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-combobox--disabled .bm-combobox__field .bm-combobox__field__input::placeholder {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-combobox__field {
  border: var(--bm-comp-input-border-width-field-default) solid var(--bm-comp-input-color-border);
  border-radius: var(--bm-comp-input-radius-field);
  cursor: var(--bm-text-field-input-cursor, pointer);
  box-shadow: var(--bm-comp-input-shadow-field);
  background-color: var(--bm-comp-input-color-bg);
  transform: translate3d(var(--bm-sem-space-0), var(--bm-sem-space-0), var(--bm-sem-space-0));
  padding-block: var(--bm-input-field-padding-y);
  padding-inline: var(--bm-input-field-padding-x) calc(
        0.625rem + var(--bm-comp-input-space-field-gap) +
          var(--bm-input-field-padding-x)
      );
  min-height: var(--bm-input-field-height);
}
.bm-combobox__field:focus-within {
  outline-offset: calc(0px - var(--bm-sem-size-focus-offset));
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
}
.bm-combobox__dropdown {
  padding: var(--bm-sem-space-50) var(--bm-sem-space-100) !important;
  max-height: calc(
      var(--bm-combobox-dropdown-max-items, 8) * var(--bm-comp-actionlist-size-height) +
        2 * var(--bm-sem-space-50)
    );
  overflow-y: auto;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-data-table-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-data-table-color-border: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-data-table-color-zebra: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-data-table-color-header-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-data-table-color-header-body: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-data-table-color-col-header-bg: var(
    --bm-sem-color-surface-transparent,
    #ffffff00
  );
  --bm-comp-data-table-color-col-header-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-data-table-color-col-header-group-bg: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-data-table-color-col-header-group-text: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-data-table-color-cell-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-data-table-color-cell-text-supporting: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-data-table-color-cell-icon: var(
    --bm-sem-color-icon-secondary,
    #576775
  );
  --bm-comp-data-table-space-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-data-table-space-header-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-data-table-space-header-sm-x: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-data-table-space-header-md-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-data-table-space-header-lg-y: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-data-table-space-col-header-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-data-table-space-col-header-group-height: var(
    --bm-primitive-dimension-200,
    2rem
  );
  --bm-comp-data-table-space-cell-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-data-table-space-cell-sm-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-data-table-space-cell-md-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-data-table-space-cell-lg-y: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-data-table-space-footer-sm-x: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-data-table-space-footer-md-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-data-table-space-footer-lg-y: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-data-table-space-section-inner-y: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-data-table-space-section-sm-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-data-table-space-section-md-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-data-table-space-section-lg-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-data-table-typo-cell: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-data-table-typo-cell-emphisis: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-data-table-typo-cell-supporting: var(
    --bm-sem-typo-compact-body-xs,
    400 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-data-table-typo-col-header: var(
    --bm-sem-typo-compact-label-sm,
    600 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-data-table-typo-col-header-group: var(
    --bm-sem-typo-compact-label-xs,
    600 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-data-table-size-col-header-group-height: var(
    --bm-primitive-dimension-225,
    2.25rem
  );
  --bm-comp-data-table-size-cell-sm-height: var(
    --bm-primitive-dimension-275,
    2.75rem
  );
  --bm-comp-data-table-size-cell-md-height: var(
    --bm-primitive-dimension-325,
    3.25rem
  );
  --bm-comp-data-table-size-cell-lg-height: var(
    --bm-primitive-dimension-375,
    3.75rem
  );
  --bm-comp-data-table-size-cell-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-data-table-radius: var(--bm-sem-radius-md, 0.5rem);
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-data-table-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-data-table-color-border: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-data-table-color-zebra: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-data-table-color-header-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-data-table-color-header-body: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-data-table-color-col-header-bg: var(
    --bm-sem-color-surface-transparent,
    #ffffff00
  );
  --bm-comp-data-table-color-col-header-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-data-table-color-col-header-group-bg: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-data-table-color-col-header-group-text: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-data-table-color-cell-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-data-table-color-cell-text-supporting: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-data-table-color-cell-icon: var(
    --bm-sem-color-icon-secondary,
    #c3cdd5
  );
  --bm-comp-data-table-space-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-data-table-space-header-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-data-table-space-header-sm-x: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-data-table-space-header-md-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-data-table-space-header-lg-y: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-data-table-space-col-header-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-data-table-space-col-header-group-height: var(
    --bm-primitive-dimension-200,
    2rem
  );
  --bm-comp-data-table-space-cell-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-data-table-space-cell-sm-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-data-table-space-cell-md-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-data-table-space-cell-lg-y: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-data-table-space-footer-sm-x: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-data-table-space-footer-md-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-data-table-space-footer-lg-y: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-data-table-space-section-inner-y: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-data-table-space-section-sm-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-data-table-space-section-md-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-data-table-space-section-lg-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-data-table-typo-cell: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-data-table-typo-cell-emphisis: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-data-table-typo-cell-supporting: var(
    --bm-sem-typo-compact-body-xs,
    400 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-data-table-typo-col-header: var(
    --bm-sem-typo-compact-label-sm,
    600 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-data-table-typo-col-header-group: var(
    --bm-sem-typo-compact-label-xs,
    600 0.75rem/1rem "Source Sans Pro"
  );
  --bm-comp-data-table-size-col-header-group-height: var(
    --bm-primitive-dimension-225,
    2.25rem
  );
  --bm-comp-data-table-size-cell-sm-height: var(
    --bm-primitive-dimension-275,
    2.75rem
  );
  --bm-comp-data-table-size-cell-md-height: var(
    --bm-primitive-dimension-325,
    3.25rem
  );
  --bm-comp-data-table-size-cell-lg-height: var(
    --bm-primitive-dimension-375,
    3.75rem
  );
  --bm-comp-data-table-size-cell-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-data-table-radius: var(--bm-sem-radius-md, 0.5rem);
}

.bm-data-table-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: var(--bm-comp-data-table-color-bg);
}
.bm-data-table-container--bordered {
  border: var(--bm-sem-border-width-md) solid var(--bm-comp-data-table-color-border);
}
.bm-data-table-container--rounded {
  border-radius: var(--bm-comp-data-table-radius);
  overflow: hidden;
}
.bm-data-table-container .bm-data-table__toolbar {
  color: var(--bm-comp-data-table-color-header-body);
  text-align: start;
  padding-inline: var(--bm-comp-data-table-space-x);
  padding-block: var(--bm-comp-data-table-space-header-md-y);
}

.bm-data-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--bm-comp-data-table-color-cell-text);
}
.bm-data-table__header {
  color: var(--bm-comp-data-table-color-header-heading);
  font: var(--bm-comp-data-table-typo-col-header);
  text-align: start;
  padding-inline: var(--bm-comp-data-table-space-x);
  padding-block: var(--bm-comp-data-table-space-header-md-y);
}
.bm-data-table__head {
  background: var(--bm-comp-data-table-color-col-header-bg);
}
.bm-data-table__column-header {
  background: var(--bm-comp-data-table-color-col-header-bg);
  color: var(--bm-comp-data-table-color-col-header-text);
  font: var(--bm-comp-data-table-typo-col-header);
  text-align: start;
  white-space: nowrap;
}
.bm-data-table__column-header--align-end {
  text-align: end;
}
.bm-data-table__body {
  background: var(--bm-comp-data-table-color-bg);
}
.bm-data-table__body .bm-data-table__row--striped {
  background-color: var(--bm-comp-data-table-color-zebra);
}
.bm-data-table--row-hover > .bm-data-table__body > .bm-data-table__row:hover {
  background-image: linear-gradient(var(--bm-sem-color-state-layer-hover), var(--bm-sem-color-state-layer-hover));
}
.bm-data-table__cell {
  font: var(--bm-comp-data-table-typo-cell);
  color: var(--bm-comp-data-table-color-cell-text);
  border-bottom: var(--bm-sem-border-width-md) solid var(--bm-comp-data-table-color-border);
}
.bm-data-table__cell--align-end {
  text-align: end;
}
.bm-data-table__footer {
  color: var(--bm-comp-data-table-color-cell-text);
  padding-inline: var(--bm-comp-data-table-space-x);
  padding-block: var(--bm-comp-data-table-space-footer-md-y);
}

.bm-data-table--sm .bm-data-table__cell,
.bm-data-table--sm .bm-data-table__column-header {
  height: var(--bm-comp-data-table-size-cell-sm-height);
  padding-block: var(--bm-comp-data-table-space-cell-sm-y);
  padding-inline: var(--bm-comp-data-table-space-x);
}

.bm-data-table--md .bm-data-table__cell,
.bm-data-table--md .bm-data-table__column-header {
  height: var(--bm-comp-data-table-size-cell-md-height);
  padding-block: var(--bm-comp-data-table-space-cell-md-y);
  padding-inline: var(--bm-comp-data-table-space-x);
}

.bm-data-table--lg .bm-data-table__cell,
.bm-data-table--lg .bm-data-table__column-header {
  height: var(--bm-comp-data-table-size-cell-lg-height);
  padding-block: var(--bm-comp-data-table-space-cell-lg-y);
  padding-inline: var(--bm-comp-data-table-space-x);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-border-disabled: rgba(134, 151, 165, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #f67378
  );
  --bm-comp-input-color-border-disabled: rgba(159, 175, 188, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #f67378
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

.bm-date-field {
  --bm-label-cursor: pointer;
  max-width: var(--bm-comp-input-size-field-width);
  --bm-label-space-bottom: var(--bm-comp-label-space-bottom);
  --bm-helper-text-space-top: var(--bm-comp-helper-text-space-top);
}
.bm-date-field--disabled {
  --bm-label-cursor: not-allowed;
  --bm-label-pointer-events: auto;
  --bm-text-field-cursor: not-allowed;
  --bm-text-field-input-cursor: not-allowed;
}
.bm-date-field--sm .bm-date-field__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-sm);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-sm);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-sm);
  --bm-input-field-font: var(--bm-comp-input-typo-sm);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-sm);
}
.bm-date-field--md .bm-date-field__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-md);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-md);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-md);
  --bm-input-field-font: var(--bm-comp-input-typo-md);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-md);
}
.bm-date-field--lg .bm-date-field__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-lg);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-lg);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-lg);
  --bm-input-field-font: var(--bm-comp-input-typo-lg);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-lg);
}
.bm-date-field--error .bm-date-field__field {
  border-color: var(--bm-comp-input-color-border-error);
  background-color: var(--bm-comp-input-color-bg);
  outline-offset: calc(0px - var(--bm-comp-input-border-width-field-error));
  outline: var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error);
}
.bm-date-field--error .bm-date-field__field .bm-date-field__segment {
  color: var(--bm-comp-input-color-text);
}
.bm-date-field--error .bm-date-field__field .bm-date-field__segment[data-placeholder=true] {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-date-field--error .bm-date-field__field .bm-date-field__separator {
  color: var(--bm-comp-input-color-text);
}
.bm-date-field--error .bm-date-field__field .bm-date-field__separator[data-placeholder=true] {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-date-field--read-only .bm-date-field__field {
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-date-field--read-only .bm-date-field__field .bm-date-field__segment {
  color: var(--bm-comp-input-color-text);
}
.bm-date-field--read-only .bm-date-field__field .bm-date-field__segment[data-placeholder=true] {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-date-field--read-only .bm-date-field__field .bm-date-field__separator {
  color: var(--bm-comp-input-color-text);
}
.bm-date-field--read-only .bm-date-field__field .bm-date-field__separator[data-placeholder=true] {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-date-field--disabled .bm-date-field__field {
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-date-field--disabled .bm-date-field__field .bm-date-field__segment {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-date-field--disabled .bm-date-field__field .bm-date-field__segment[data-placeholder=true] {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-date-field--disabled .bm-date-field__field .bm-date-field__separator {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-date-field--disabled .bm-date-field__field .bm-date-field__separator[data-placeholder=true] {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-date-field--fluid {
  max-width: 100%;
}
.bm-date-field--disabled {
  --bm-date-field-cursor: not-allowed;
  --bm-date-field-input-cursor: not-allowed;
}
.bm-date-field__field {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  border-style: solid;
  border-color: var(--bm-comp-input-color-border);
  border-radius: var(--bm-comp-input-radius-field);
  border-width: var(--bm-comp-input-border-width-field-default);
  gap: var(--bm-comp-input-space-field-gap);
  box-shadow: var(--bm-comp-input-shadow-field);
  background-color: var(--bm-comp-input-color-bg);
  cursor: var(--bm-date-field-cursor, default);
  height: var(--bm-input-field-height);
  padding-block: var(--bm-input-field-padding-y);
  padding-inline: var(--bm-input-field-padding-x);
}
.bm-date-field__field:not([aria-disabled=true]):focus-within {
  outline-offset: calc(0px - var(--bm-sem-size-focus-offset));
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
}
.bm-date-field__field .bm-date-field__segments {
  display: inline-flex;
  align-items: baseline;
  color: var(--bm-comp-input-color-text);
  font: var(--bm-input-field-font);
  font-variant-numeric: tabular-nums;
  gap: var(--bm-sem-space-12);
}
.bm-date-field__field .bm-date-field__segment {
  display: inline-block;
  box-sizing: border-box;
  min-inline-size: 2ch;
  text-align: center;
  outline: none;
  cursor: var(--bm-date-field-input-cursor, text);
  unicode-bidi: plaintext;
  border-block: var(--bm-sem-border-width-focus) solid transparent;
}
.bm-date-field__field .bm-date-field__segment[data-segment=year] {
  min-inline-size: 4ch;
}
.bm-date-field__field .bm-date-field__segment[data-placeholder=true] {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-date-field__field .bm-date-field__segment[data-active=true], .bm-date-field__field .bm-date-field__segment:focus-visible {
  border-bottom-color: var(--bm-sem-color-border-focus);
}
.bm-date-field__field .bm-date-field__segment::selection {
  background-color: var(--bm-sem-color-surface-info-primary);
}
.bm-date-field__field .bm-date-field__separator {
  color: var(--bm-comp-input-color-text);
  font: var(--bm-input-field-font);
  user-select: none;
  unicode-bidi: plaintext;
}
.bm-date-field__field .bm-date-field__separator[data-placeholder=true] {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-date-field__sr-status {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-dialog-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-dialog-color-heading: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-dialog-color-description: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-dialog-color-body: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-dialog-color-border: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-dialog-color-overlay: var(
    --bm-sem-color-overlay-black-40,
    rgba(20, 29, 36, 0.72)
  );
  --bm-comp-dialog-color-icon: var(--bm-sem-color-icon-primary, #141d24);
  --bm-comp-dialog-color-icon-info: var(
    --bm-sem-color-icon-info-primary,
    #0095e0
  );
  --bm-comp-dialog-color-icon-positive: var(
    --bm-sem-color-icon-positive,
    #24a148
  );
  --bm-comp-dialog-color-icon-warning: var(
    --bm-sem-color-icon-warning,
    #eb6200
  );
  --bm-comp-dialog-color-icon-negative: var(
    --bm-sem-color-icon-negative,
    #ed464c
  );
  --bm-comp-dialog-radius-default: var(--bm-sem-radius-lg, 1rem);
  --bm-comp-dialog-radius-sm-screen: var(--bm-sem-radius-none);
  --bm-comp-dialog-space-x: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-dialog-space-sm-screen-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-dialog-space-heading-top: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-dialog-space-heading-gap-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-dialog-space-heading-gap-x: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-dialog-space-heading-text-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-dialog-space-footer-y: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-dialog-space-footer-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-dialog-space-footer-sm-screen-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-dialog-space-body-y: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-dialog-space-body-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-dialog-space-viewport-offset: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-dialog-border-width: var(--bm-sem-border-width-md, 0.063rem);
  --bm-comp-dialog-size-sm: 400px;
  --bm-comp-dialog-size-md: 600px;
  --bm-comp-dialog-size-lg: 720px;
  --bm-comp-dialog-size-xl: 920px;
  --bm-comp-dialog-size-icon: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-dialog-size-divider-wrapper: var(
    --bm-primitive-dimension-75,
    0.75rem
  );
  --bm-comp-dialog-shadow: var(
    --bm-sem-shadow-overlay,
    0 0.25rem 0.75rem 0.125rem rgba(0, 0, 0, 0.12)
  );
  --bm-comp-dialog-typo-body: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-dialog-typo-description: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-dialog-typo-heading: var(
    --bm-sem-typo-heading-md,
    700 1.25rem/1.75rem "Uni Neue"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-dialog-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-dialog-color-heading: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-dialog-color-description: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-dialog-color-body: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-dialog-color-border: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-dialog-color-overlay: var(
    --bm-sem-color-overlay-black-40,
    rgba(20, 29, 36, 0.72)
  );
  --bm-comp-dialog-color-icon: var(--bm-sem-color-icon-primary, #ffffff);
  --bm-comp-dialog-color-icon-info: var(
    --bm-sem-color-icon-info-primary,
    #64cefb
  );
  --bm-comp-dialog-color-icon-positive: var(
    --bm-sem-color-icon-positive,
    #71d963
  );
  --bm-comp-dialog-color-icon-warning: var(
    --bm-sem-color-icon-warning,
    #ffb17a
  );
  --bm-comp-dialog-color-icon-negative: var(
    --bm-sem-color-icon-negative,
    #ed464c
  );
  --bm-comp-dialog-radius-default: var(--bm-sem-radius-lg, 1rem);
  --bm-comp-dialog-radius-sm-screen: var(--bm-sem-radius-none);
  --bm-comp-dialog-space-x: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-dialog-space-sm-screen-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-dialog-space-heading-top: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-dialog-space-heading-gap-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-dialog-space-heading-gap-x: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-dialog-space-heading-text-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-dialog-space-footer-y: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-dialog-space-footer-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-dialog-space-footer-sm-screen-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-dialog-space-body-y: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-dialog-space-body-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-dialog-space-viewport-offset: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-dialog-border-width: var(--bm-sem-border-width-md, 0.063rem);
  --bm-comp-dialog-size-sm: 400px;
  --bm-comp-dialog-size-md: 600px;
  --bm-comp-dialog-size-lg: 720px;
  --bm-comp-dialog-size-xl: 920px;
  --bm-comp-dialog-size-icon: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-dialog-size-divider-wrapper: var(
    --bm-primitive-dimension-75,
    0.75rem
  );
  --bm-comp-dialog-shadow: var(
    --bm-sem-shadow-overlay,
    0 0.25rem 0.75rem 0.125rem rgba(0, 0, 0, 0.3)
  );
  --bm-comp-dialog-typo-body: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-dialog-typo-description: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-dialog-typo-heading: var(
    --bm-sem-typo-heading-md,
    700 1.25rem/1.75rem "Uni Neue"
  );
}

.bm-dialog {
  position: relative;
  outline: none;
  background: var(--bm-comp-dialog-color-bg);
  border-color: var(--bm-comp-dialog-color-border);
  border-radius: var(--bm-comp-dialog-radius-default);
  border-width: var(--bm-comp-dialog-border-width);
  box-shadow: var(--bm-comp-dialog-shadow);
  display: flex;
  flex-direction: column;
  max-height: 100%;
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 0.25s cubic-bezier(0.8, 0, 0.78, 1), transform 0.25s cubic-bezier(0.8, 0, 0.78, 1);
}
.bm-dialog[data-status=open] {
  opacity: 1;
  transform: scale(1);
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
}
@media (prefers-reduced-motion: reduce) {
  .bm-dialog {
    transition: none;
  }
}
.bm-dialog--sm {
  width: var(--bm-comp-dialog-size-sm);
  max-width: var(--bm-comp-dialog-size-sm);
}
.bm-dialog--md {
  width: var(--bm-comp-dialog-size-md);
  max-width: var(--bm-comp-dialog-size-md);
}
.bm-dialog--lg {
  width: var(--bm-comp-dialog-size-lg);
  max-width: var(--bm-comp-dialog-size-lg);
}
.bm-dialog--xl {
  width: var(--bm-comp-dialog-size-xl);
  max-width: var(--bm-comp-dialog-size-xl);
}
.bm-dialog--full {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
}
.bm-dialog--full .bm-dialog__body {
  flex: 1;
}

.bm-dialog__header {
  font: var(--bm-comp-dialog-typo-heading);
  color: var(--bm-comp-dialog-color-heading);
  padding-block: var(--bm-comp-dialog-space-heading-top) 0;
  padding-inline: var(--bm-comp-dialog-space-x);
  display: flex;
  flex-direction: column;
  gap: var(--bm-comp-dialog-space-heading-gap-y);
  flex-shrink: 0;
}
.bm-dialog__header__row {
  display: flex;
  gap: var(--bm-comp-dialog-space-heading-gap-x);
  justify-content: flex-start;
  width: 100%;
}
.bm-dialog__header__icon {
  height: 1lh;
  color: var(--bm-comp-dialog-color-icon);
  display: flex;
  align-items: center;
}
.bm-dialog__header__icon--information {
  color: var(--bm-comp-dialog-color-icon-info);
  --bm-comp-icon-color: var(--bm-comp-dialog-color-icon-info);
}
.bm-dialog__header__icon--positive {
  color: var(--bm-comp-dialog-color-icon-positive);
  --bm-comp-icon-color: var(--bm-comp-dialog-color-icon-positive);
}
.bm-dialog__header__icon--negative {
  color: var(--bm-comp-dialog-color-icon-negative);
  --bm-comp-icon-color: var(--bm-comp-dialog-color-icon-negative);
}
.bm-dialog__header__icon--warning {
  color: var(--bm-comp-dialog-color-icon-warning);
  --bm-comp-icon-color: var(--bm-comp-dialog-color-icon-warning);
}
.bm-dialog__header__icon svg {
  height: var(--bm-comp-dialog-size-icon);
  width: var(--bm-comp-dialog-size-icon);
  --bm-comp-icon-size: var(--bm-comp-dialog-size-icon);
  --bm-comp-icon-color: var(--bm-comp-dialog-color-icon);
}
.bm-dialog__header__heading {
  margin: 0;
  font: inherit;
}
.bm-dialog__header__close-trigger {
  height: 1lh;
  width: 1lh;
  margin-left: auto;
}
.bm-dialog__header__description {
  margin: 0;
}
.bm-dialog__header__description, .bm-dialog__header__children {
  font: var(--bm-comp-dialog-typo-description);
  color: var(--bm-comp-dialog-color-description);
}
.bm-dialog__header__divider {
  border: none;
  border-top: var(--bm-sem-border-width-md) solid var(--bm-sem-color-border-01);
  margin-block: var(--bm-comp-dialog-size-divider-wrapper) 0;
  margin-inline: calc(var(--bm-comp-dialog-space-x) * -1);
}

.bm-dialog__body {
  font: var(--bm-comp-dialog-typo-body);
  color: var(--bm-comp-dialog-color-body);
  padding-block: var(--bm-comp-dialog-space-body-y);
  padding-inline: var(--bm-comp-dialog-space-x);
  display: flex;
  flex-direction: column;
  gap: var(--bm-comp-dialog-space-body-gap);
  overflow: auto;
  overscroll-behavior: contain;
}
.bm-dialog__body:focus {
  outline: var(--bm-sem-border-width-focus) auto var(--bm-sem-color-border-focus);
}

.bm-dialog__footer {
  flex-shrink: 0;
  padding-inline: var(--bm-comp-dialog-space-x);
  padding-block: var(--bm-comp-dialog-space-footer-y);
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: var(--bm-comp-dialog-space-footer-gap);
}
.bm-dialog__footer__divider {
  border-top: var(--bm-sem-border-width-md) solid var(--bm-sem-color-border-01);
  display: block;
}
.bm-dialog__footer__actions {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: var(--bm-comp-dialog-space-footer-gap);
}
.bm-dialog__footer__tertiaryActions {
  display: flex;
}

/**
 * Mobile Styles
 */
@media all and (max-width: 512px) {
  .bm-dialog__header, .bm-dialog__body, .bm-dialog__footer {
    padding-inline: var(--bm-comp-dialog-space-sm-screen-x);
  }
  .bm-dialog__header__divider {
    margin-inline: calc(var(--bm-comp-dialog-space-sm-screen-x) * -1);
  }
  .bm-dialog__footer {
    flex-direction: column;
    gap: var(--bm-comp-dialog-space-footer-sm-screen-gap);
  }
  .bm-dialog__footer__actions, .bm-dialog__footer__tertiaryActions {
    width: 100%;
    align-self: stretch;
    justify-content: center;
  }
  .bm-dialog__footer__actions > *,
  .bm-dialog__footer__actions > [class*=bm-], .bm-dialog__footer__tertiaryActions > *,
  .bm-dialog__footer__tertiaryActions > [class*=bm-] {
    width: 100%;
  }
  .bm-dialog__footer__actions {
    flex-direction: column;
    gap: var(--bm-comp-dialog-space-footer-sm-screen-gap);
  }
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-divider-color-text: var(--bm-sem-color-text-secondary, #576775);
  --bm-comp-divider-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-divider-typo-text: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-divider-size-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-divider-size-icon-only: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-divider-space-content: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-divider-space-content-gap: var(--bm-sem-space-25, 0.25rem);
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-divider-color-text: var(--bm-sem-color-text-secondary, #c3cdd5);
  --bm-comp-divider-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-divider-typo-text: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-divider-size-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-divider-size-icon-only: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-divider-space-content: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-divider-space-content-gap: var(--bm-sem-space-25, 0.25rem);
}

:host([orientation=vertical]),
.bm-divider--vertical {
  height: var(--bm-comp-divider-length, 100%);
  width: auto;
}

:host,
.bm-divider {
  width: var(--bm-comp-divider-length, 100%);
}

.bm-divider {
  box-sizing: border-box;
  width: var(--bm-comp-divider-length, 100%);
  height: auto;
}
.bm-divider--horizontal {
  text-align: center;
}
.bm-divider--vertical {
  height: var(--bm-comp-divider-length, 100%);
  width: auto;
  min-height: 1.25rem;
}
.bm-divider--vertical .bm-divider__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bm-divider--vertical::before, .bm-divider--vertical::after {
  width: 0.0625rem;
  height: 100%;
}
.bm-divider--vertical .bm-divider__content {
  padding: var(--bm-comp-divider-space-content) 0;
}
.bm-divider__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.bm-divider__wrapper::before, .bm-divider__wrapper::after {
  content: "";
  background-color: currentColor;
  flex: 1 1 auto;
  height: 0.0625rem;
}
.bm-divider__content {
  font: var(--bm-comp-divider-typo-text);
  padding: 0 var(--bm-comp-divider-space-content);
  display: inline-flex;
  align-items: center;
  color: var(--bm-comp-divider-color-text);
  gap: var(--bm-comp-divider-space-content-gap);
}
.bm-divider__icon {
  display: inline-flex;
  align-items: center;
  color: var(--bm-comp-divider-color-icon);
}
.bm-divider__icon svg {
  height: var(--bm-comp-divider-size-icon);
  width: var(--bm-comp-divider-size-icon);
}
.bm-divider__icon ::slotted([slot=icon]) {
  display: inline-flex;
  height: var(--bm-comp-divider-size-icon);
  width: var(--bm-comp-divider-size-icon);
}
.bm-divider--icon-only .bm-divider__icon {
  margin-right: 0;
  color: var(--bm-comp-divider-color-icon);
}
.bm-divider--icon-only .bm-divider__icon svg {
  height: var(--bm-comp-divider-size-icon-only);
  width: var(--bm-comp-divider-size-icon-only);
}
.bm-divider--icon-only .bm-divider__icon ::slotted([slot=icon]) {
  height: var(--bm-comp-divider-size-icon-only);
  width: var(--bm-comp-divider-size-icon-only);
}
.bm-divider__text {
  white-space: nowrap;
}
.bm-divider--border-width-md .bm-divider__wrapper::before,
.bm-divider--border-width-md .bm-divider__wrapper::after {
  height: var(--bm-sem-border-width-md);
}
.bm-divider--border-width-md.bm-divider--vertical .bm-divider__wrapper::before,
.bm-divider--border-width-md.bm-divider--vertical .bm-divider__wrapper::after {
  width: var(--bm-sem-border-width-md);
  height: auto;
}
.bm-divider--border-width-lg .bm-divider__wrapper::before,
.bm-divider--border-width-lg .bm-divider__wrapper::after {
  height: var(--bm-sem-border-width-lg);
}
.bm-divider--border-width-lg.bm-divider--vertical .bm-divider__wrapper::before,
.bm-divider--border-width-lg.bm-divider--vertical .bm-divider__wrapper::after {
  width: var(--bm-sem-border-width-lg);
  height: auto;
}
.bm-divider--border-width-xl .bm-divider__wrapper::before,
.bm-divider--border-width-xl .bm-divider__wrapper::after {
  height: var(--bm-sem-border-width-xl);
}
.bm-divider--border-width-xl.bm-divider--vertical .bm-divider__wrapper::before,
.bm-divider--border-width-xl.bm-divider--vertical .bm-divider__wrapper::after {
  width: var(--bm-sem-border-width-xl);
  height: auto;
}
.bm-divider--border-style-dashed .bm-divider__wrapper::before,
.bm-divider--border-style-dashed .bm-divider__wrapper::after {
  background: repeating-linear-gradient(to right, currentColor, currentColor 0.25rem, transparent 0.25rem, transparent 0.5rem);
}
.bm-divider--border-style-dashed.bm-divider--vertical .bm-divider__wrapper::before,
.bm-divider--border-style-dashed.bm-divider--vertical .bm-divider__wrapper::after {
  background: repeating-linear-gradient(to bottom, currentColor, currentColor 0.25rem, transparent 0.25rem, transparent 0.5rem);
}
.bm-divider--border-style-dotted .bm-divider__wrapper::before,
.bm-divider--border-style-dotted .bm-divider__wrapper::after {
  background: repeating-linear-gradient(to right, currentColor, currentColor 0.125rem, transparent 0.125rem, transparent 0.375rem);
}
.bm-divider--border-style-dotted.bm-divider--vertical .bm-divider__wrapper::before,
.bm-divider--border-style-dotted.bm-divider--vertical .bm-divider__wrapper::after {
  background: repeating-linear-gradient(to bottom, currentColor, currentColor 0.125rem, transparent 0.125rem, transparent 0.375rem);
}
.bm-divider--border-color-border-00 {
  color: var(--bm-sem-color-border-00);
}
.bm-divider--border-color-border-00-alt {
  color: var(--bm-sem-color-border-00-alt);
}
.bm-divider--border-color-border-01 {
  color: var(--bm-sem-color-border-01);
}
.bm-divider--border-color-border-02 {
  color: var(--bm-sem-color-border-02);
}
.bm-divider--border-color-border-03 {
  color: var(--bm-sem-color-border-03);
}
.bm-divider--border-color-border-strong {
  color: var(--bm-sem-color-border-strong);
}
.bm-divider--border-color-border-positive {
  color: var(--bm-sem-color-border-positive);
}
.bm-divider--border-color-border-warning {
  color: var(--bm-sem-color-border-warning);
}
.bm-divider--border-color-border-negative {
  color: var(--bm-sem-color-border-negative);
}
.bm-divider--border-color-border-info-primary {
  color: var(--bm-sem-color-border-info-primary);
}
.bm-divider--border-color-border-info-secondary {
  color: var(--bm-sem-color-border-info-secondary);
}
.bm-divider--border-color-border-positive-strong {
  color: var(--bm-sem-color-border-positive-strong);
}
.bm-divider--border-color-border-warning-strong {
  color: var(--bm-sem-color-border-warning-strong);
}
.bm-divider--border-color-border-negative-strong {
  color: var(--bm-sem-color-border-negative-strong);
}
.bm-divider--border-color-border-info-primary-strong {
  color: var(--bm-sem-color-border-info-primary-strong);
}
.bm-divider--border-color-border-info-secondary-strong {
  color: var(--bm-sem-color-border-info-secondary-strong);
}
.bm-divider--border-color-border-inverse {
  color: var(--bm-sem-color-border-inverse);
}
.bm-divider--align-start .bm-divider__wrapper::before {
  flex: 0 1 0%;
}
.bm-divider--align-start .bm-divider__wrapper::after {
  flex: 1 1 auto;
}
.bm-divider--align-start .bm-divider__content {
  padding-inline-start: 0;
}
.bm-divider--align-end .bm-divider__wrapper::before {
  flex: 1 1 auto;
}
.bm-divider--align-end .bm-divider__wrapper::after {
  flex: 0 1 0%;
}
.bm-divider--align-end .bm-divider__content {
  padding-inline-end: 0;
}
.bm-divider--vertical.bm-divider--align-start .bm-divider__wrapper::before {
  flex: 0 1 1rem;
}
.bm-divider--vertical.bm-divider--align-end .bm-divider__wrapper::after {
  flex: 0 1 1rem;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-empty-state-color-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #576775);
  --bm-comp-empty-state-color-icon: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-empty-state-space-gap: var(--bm-sem-space-200, 2rem);
  --bm-comp-empty-state-space-text-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-empty-state-space-actions-gap: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-empty-state-size-icon: var(--bm-primitive-dimension-600, 6rem);
  --bm-comp-empty-state-size-width: 35rem;
  --bm-comp-empty-state-typo-heading: var(
    --bm-sem-typo-heading-lg,
    700 1.5rem/2rem "Uni Neue"
  );
  --bm-comp-empty-state-typo-body: var(
    --bm-sem-typo-body-lg,
    400 1.125rem/1.75rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-empty-state-color-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);
  --bm-comp-empty-state-color-icon: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-empty-state-space-gap: var(--bm-sem-space-200, 2rem);
  --bm-comp-empty-state-space-text-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-empty-state-space-actions-gap: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-empty-state-size-icon: var(--bm-primitive-dimension-600, 6rem);
  --bm-comp-empty-state-size-width: 35rem;
  --bm-comp-empty-state-typo-heading: var(
    --bm-sem-typo-heading-lg,
    700 1.5rem/2rem "Uni Neue"
  );
  --bm-comp-empty-state-typo-body: var(
    --bm-sem-typo-body-lg,
    400 1.125rem/1.75rem "Source Sans Pro"
  );
}

.bm-empty-state {
  display: flex;
  flex-direction: column;
  max-width: var(--bm-comp-empty-state-size-width);
  align-items: center;
  gap: var(--bm-comp-empty-state-space-gap);
  background-color: unset;
}
.bm-empty-state__icon,
.bm-empty-state ::slotted([slot=icon]) {
  color: var(--bm-comp-empty-state-color-icon);
}
.bm-empty-state__icon > svg,
.bm-empty-state ::slotted([slot=icon]) {
  height: var(--bm-comp-empty-state-size-icon);
  width: var(--bm-comp-empty-state-size-icon);
}
.bm-empty-state__body-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--bm-comp-empty-state-space-text-gap);
}
.bm-empty-state__heading,
.bm-empty-state ::slotted([slot=heading]) {
  text-align: center;
  font: var(--bm-comp-empty-state-typo-heading);
  color: var(--bm-comp-empty-state-color-heading);
}
.bm-empty-state__body,
.bm-empty-state ::slotted([slot=body]) {
  display: flex;
  flex-direction: column;
  text-align: center;
  font: var(--bm-comp-empty-state-typo-body);
  color: var(--bm-comp-empty-state-color-body);
  gap: var(--bm-comp-empty-state-space-text-gap);
}
.bm-empty-state__actions,
.bm-empty-state ::slotted([slot=actions]) {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--bm-comp-empty-state-space-actions-gap);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-file-upload-color-dropzone-bg: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-file-upload-color-dropzone-text: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-file-upload-color-dropzone-icon: var(
    --bm-sem-color-icon-secondary,
    #576775
  );
  --bm-comp-file-upload-color-dropzone-border: var(
    --bm-sem-color-border-strong,
    #8697a5
  );
  --bm-comp-file-upload-color-dropzone-bg-drag: var(
    --bm-sem-color-surface-selected,
    #e9fcff
  );
  --bm-comp-file-upload-color-dropzone-border-drag: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-file-upload-color-dropzone-icon-drag: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-file-upload-color-file-bg: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-file-upload-color-file-name: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-file-upload-color-file-detail: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-file-upload-color-file-icon: var(
    --bm-sem-color-icon-secondary,
    #576775
  );
  --bm-comp-file-upload-color-file-icon-success: var(
    --bm-sem-color-icon-positive-strong,
    #187c36
  );
  --bm-comp-file-upload-color-file-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #cc2429
  );
  --bm-comp-file-upload-space-file-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-file-upload-space-file-gap: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-file-upload-space-file-gap-inner: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-file-upload-space-file-md-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-file-upload-space-file-lg-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-file-upload-space-dropzone-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-file-upload-space-dropzone-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-file-upload-space-dropzone-sm-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-file-upload-space-dropzone-md-y: var(--bm-sem-space-200, 2rem);
  --bm-comp-file-upload-size-file-md-height: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-file-upload-size-file-md-thumbnail: var(
    --bm-primitive-dimension-150,
    1.5rem
  );
  --bm-comp-file-upload-size-file-lg-height: var(
    --bm-primitive-dimension-400,
    4rem
  );
  --bm-comp-file-upload-size-file-lg-thumbnail: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-file-upload-radius-file: var(--bm-sem-radius-sm, 0.25rem);
  --bm-comp-file-upload-radius-dropzone: var(--bm-sem-radius-sm, 0.25rem);
  --bm-comp-file-upload-radius-thumbnail: var(--bm-sem-radius-sm, 0.25rem);
  --bm-comp-file-upload-border-width-dropzone-default: var(
    --bm-sem-border-width-md,
    0.063rem
  );
  --bm-comp-file-upload-border-width-dropzone-drag: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-file-upload-typo-file: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-file-upload-typo-dropzone: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-file-upload-color-dropzone-bg: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-file-upload-color-dropzone-text: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-file-upload-color-dropzone-icon: var(
    --bm-sem-color-icon-secondary,
    #c3cdd5
  );
  --bm-comp-file-upload-color-dropzone-border: var(
    --bm-sem-color-border-strong,
    #9fafbc
  );
  --bm-comp-file-upload-color-dropzone-bg-drag: var(
    --bm-sem-color-surface-selected,
    #01262d
  );
  --bm-comp-file-upload-color-dropzone-border-drag: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-file-upload-color-dropzone-icon-drag: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-file-upload-color-file-bg: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-file-upload-color-file-name: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-file-upload-color-file-detail: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-file-upload-color-file-icon: var(
    --bm-sem-color-icon-secondary,
    #c3cdd5
  );
  --bm-comp-file-upload-color-file-icon-success: var(
    --bm-sem-color-icon-positive-strong,
    #b3eb9e
  );
  --bm-comp-file-upload-color-file-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #f67378
  );
  --bm-comp-file-upload-space-file-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-file-upload-space-file-gap: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-file-upload-space-file-gap-inner: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-file-upload-space-file-md-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-file-upload-space-file-lg-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-file-upload-space-dropzone-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-file-upload-space-dropzone-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-file-upload-space-dropzone-sm-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-file-upload-space-dropzone-md-y: var(--bm-sem-space-200, 2rem);
  --bm-comp-file-upload-size-file-md-height: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-file-upload-size-file-md-thumbnail: var(
    --bm-primitive-dimension-150,
    1.5rem
  );
  --bm-comp-file-upload-size-file-lg-height: var(
    --bm-primitive-dimension-400,
    4rem
  );
  --bm-comp-file-upload-size-file-lg-thumbnail: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-file-upload-radius-file: var(--bm-sem-radius-sm, 0.25rem);
  --bm-comp-file-upload-radius-dropzone: var(--bm-sem-radius-sm, 0.25rem);
  --bm-comp-file-upload-radius-thumbnail: var(--bm-sem-radius-sm, 0.25rem);
  --bm-comp-file-upload-border-width-dropzone-default: var(
    --bm-sem-border-width-md,
    0.063rem
  );
  --bm-comp-file-upload-border-width-dropzone-drag: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-file-upload-typo-file: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-file-upload-typo-dropzone: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
}

.bm-file-upload {
  display: flex;
  flex-direction: column;
  gap: var(--bm-sem-space-100);
  max-width: var(--bm-comp-input-size-field-width);
  width: 100%;
}
.bm-file-upload--fluid {
  max-width: none;
}
.bm-file-upload__uploader {
  display: flex;
  gap: 0;
  flex-direction: column;
}

.bm-file-upload-list {
  display: flex;
  flex-direction: column;
  gap: var(--bm-sem-space-50);
}

.bm-file-upload-list-item {
  box-sizing: border-box;
  display: flex;
  border-radius: var(--bm-comp-file-upload-radius-file);
  min-height: var(--bm-comp-file-upload-size-file-md-height);
  padding: var(--bm-comp-file-upload-space-file-md-y) var(--bm-comp-file-upload-space-file-x);
  gap: var(--bm-comp-file-upload-space-file-gap);
  align-items: center;
  background: var(--bm-comp-file-upload-color-file-bg);
  position: relative;
  overflow: hidden;
}
.bm-file-upload-list-item--uploading, .bm-file-upload-list-item--uploaded, .bm-file-upload-list-item--success {
  display: flex;
}
.bm-file-upload-list-item--error {
  align-items: flex-start;
  outline: var(--bm-sem-border-width-lg) solid var(--bm-sem-color-border-negative-strong);
}
.bm-file-upload-list-item--lg {
  min-height: var(--bm-comp-file-upload-size-file-lg-height);
  padding: var(--bm-comp-file-upload-space-file-lg-y) var(--bm-comp-file-upload-space-file-x);
}
.bm-file-upload-list-item__thumbnail {
  display: flex;
  width: var(--bm-comp-file-upload-size-file-md-thumbnail);
  height: var(--bm-comp-file-upload-size-file-md-thumbnail);
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--bm-comp-file-upload-radius-thumbnail);
  background-color: var(--bm-sem-color-surface-highlight);
  overflow: hidden;
}
.bm-file-upload-list-item--lg .bm-file-upload-list-item__thumbnail {
  width: var(--bm-comp-file-upload-size-file-lg-thumbnail);
  height: var(--bm-comp-file-upload-size-file-lg-thumbnail);
}
.bm-file-upload-list-item__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bm-file-upload-list-item__content {
  display: flex;
  flex: 1 0 0;
  flex-direction: row;
  gap: var(--bm-comp-file-upload-space-file-gap-inner);
  min-width: 0;
}
.bm-file-upload-list-item--lg .bm-file-upload-list-item__content, .bm-file-upload-list-item--error .bm-file-upload-list-item__content {
  align-items: flex-start;
}
.bm-file-upload-list-item__content-start {
  display: flex;
  align-items: center;
  gap: var(--bm-comp-file-upload-space-file-gap-inner);
  flex: 1 0 0;
  flex-direction: row;
  min-width: 0;
}
.bm-file-upload-list-item--lg .bm-file-upload-list-item__content-start, .bm-file-upload-list-item--error .bm-file-upload-list-item__content-start {
  gap: 0;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}
.bm-file-upload-list-item__content-end {
  display: flex;
  gap: var(--bm-comp-file-upload-space-file-gap-inner);
  align-items: center;
}
.bm-file-upload-list-item__filename {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--bm-comp-file-upload-color-file-name);
  font: var(--bm-comp-file-upload-typo-file);
  margin: 0;
  padding: 0;
  max-width: 100%;
}
.bm-file-upload-list-item__size {
  flex-shrink: 0;
  color: var(--bm-comp-file-upload-color-file-detail);
  font: var(--bm-comp-file-upload-typo-file);
  margin: 0;
  padding: 0;
}
.bm-file-upload-list-item--error .bm-file-upload-list-item__size {
  display: none;
}
.bm-file-upload-list-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bm-file-upload-list-item__status bm-icon {
  display: flex;
}
.bm-file-upload-list-item__remove {
  display: flex;
}
.bm-file-upload-list-item__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.bm-file-upload-list-item__error {
  --bm-comp-helper-text-space-top: 0;
}

.bm-file-upload-dropzone {
  position: relative;
  display: flex;
  padding: var(--bm-comp-file-upload-space-dropzone-md-y) var(--bm-comp-file-upload-space-dropzone-x);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--bm-comp-file-upload-space-dropzone-gap);
  flex-shrink: 0;
  border-radius: var(--bm-comp-file-upload-radius-dropzone);
  background: var(--bm-comp-file-upload-color-dropzone-bg);
}
.bm-file-upload-dropzone:focus-visible {
  outline: none;
}
.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled) {
  background: var(--bm-comp-file-upload-color-dropzone-bg-drag);
}
.bm-file-upload-dropzone--disabled {
  opacity: var(--bm-sem-opacity-disabled);
}
.bm-file-upload-dropzone:not(.bm-file-upload-dropzone--disabled) {
  cursor: pointer;
}
.bm-file-upload-dropzone__state-layer.bm-state-layer {
  --bm-state-layer-opacity: 1;
  --bm-state-layer-outline-style: dashed;
  --bm-state-layer-outline-offset: calc(
      -1 * var(--bm-comp-file-upload-border-width-dropzone-default)
    );
  --bm-state-layer-outline-color: var(--bm-comp-file-upload-color-dropzone-border);
  --bm-state-layer-outline-width: var(--bm-comp-file-upload-border-width-dropzone-default);
}
*:focus-within > .bm-file-upload-dropzone__state-layer.bm-state-layer {
  --bm-state-layer-outline-offset: 0;
  --bm-state-layer-outline-style: solid;
  --bm-state-layer-outline-color: var(--bm-sem-color-border-focus);
  --bm-state-layer-outline-width: var(--bm-sem-border-width-focus);
}
.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled) > .bm-file-upload-dropzone__state-layer.bm-state-layer {
  --bm-state-layer-outline-color: var(--bm-comp-file-upload-color-dropzone-border-drag);
  --bm-state-layer-outline-width: var(--bm-comp-file-upload-border-width-dropzone-drag);
  --bm-state-layer-outline-style: solid;
  --bm-state-layer-background: transparent;
}
.bm-file-upload-dropzone--disabled > .bm-file-upload-dropzone__state-layer.bm-state-layer, *:disabled > .bm-file-upload-dropzone__state-layer.bm-state-layer {
  --bm-state-layer-background: transparent;
  --bm-state-layer-opacity: 1;
}
.bm-file-upload-dropzone--error > .bm-file-upload-dropzone__state-layer.bm-state-layer {
  --bm-state-layer-outline-color: var(--bm-comp-input-color-border-error);
  --bm-state-layer-outline-width: var(--bm-comp-input-border-width-field-error);
  --bm-state-layer-outline-offset: calc(
        -1 * var(--bm-comp-input-border-width-field-error)
      );
  --bm-state-layer-outline-style: dashed;
}
.bm-file-upload-dropzone__icon {
  color: var(--bm-comp-file-upload-color-dropzone-icon);
  z-index: 1;
}
.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled) .bm-file-upload-dropzone__icon {
  color: var(--bm-comp-file-upload-color-dropzone-icon-drag);
}
.bm-file-upload-dropzone__text {
  color: var(--bm-comp-file-upload-color-dropzone-text);
  text-align: center;
  font: var(--bm-comp-file-upload-typo-dropzone);
  z-index: 1;
}
.bm-file-upload-dropzone__link {
  color: var(--bm-sem-color-link-primary);
}
.bm-file-upload-dropzone:is(:hover, .bm-file-upload-dropzone--dragging):not(:disabled, .bm-file-upload-dropzone--disabled) .bm-file-upload-dropzone__link {
  text-decoration: underline;
}

.bm-flag--clickable {
  cursor: pointer;
}
.bm-flag--inline {
  display: inline;
}
.bm-flag--inline-block {
  display: inline-block;
}
.bm-flag--block {
  display: block;
}
.bm-flag--none {
  display: none;
}

.bm-floatingui {
  z-index: 999;
  position: absolute;
  inset: unset;
  top: 0;
  left: 0;
  width: max-content;
}
.bm-floatingui[popover] {
  overflow: unset;
  border: unset;
}
.bm-floatingui__arrow {
  position: absolute;
  transform-origin: bottom center;
}
.bm-floatingui__overlay {
  background: var(--bm-comp-dialog-color-overlay);
  padding: var(--bm-comp-dialog-space-viewport-offset);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.bm-floatingui__overlay--transparent {
  background: transparent;
}
.bm-floatingui__overlay:has(.bm-dialog) {
  background-color: transparent;
  transition: background-color 0.25s cubic-bezier(0.33, 0, 0.67, 1);
}
@media (prefers-reduced-motion: reduce) {
  .bm-floatingui__overlay:has(.bm-dialog) {
    transition: none;
  }
}
.bm-floatingui__overlay:has(.bm-dialog[data-status=open]) {
  background-color: var(--bm-comp-dialog-color-overlay);
}
.bm-floatingui__overlay:has(.bm-panel--overlay[aria-modal]) {
  background-color: transparent;
  transition: background-color 0.25s cubic-bezier(0.33, 0, 0.67, 1);
}
@media (prefers-reduced-motion: reduce) {
  .bm-floatingui__overlay:has(.bm-panel--overlay[aria-modal]) {
    transition: none;
  }
}
.bm-floatingui__overlay:has(.bm-panel--overlay[aria-modal][data-status=open]) {
  background-color: var(--bm-comp-dialog-color-overlay);
}
.bm-floatingui__overlay:has(.bm-panel--contained) {
  position: absolute !important;
  inset: 0;
  overflow: clip !important;
}
.bm-floatingui__overlay:has(.bm-panel--overlay:not([aria-modal])) {
  background: transparent;
  pointer-events: none;
  overflow: clip;
}
.bm-floatingui__overlay:has(.bm-panel--overlay:not([aria-modal])) .bm-panel--overlay {
  pointer-events: auto;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-header-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-header-color-border: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-header-color-nav-item-fg: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-header-color-nav-item-fg-selected: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-header-color-nav-item-indicator: var(
    --bm-sem-color-icon-selected,
    #00768f
  );
  --bm-comp-header-space-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-header-space-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-header-space-nav-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-header-space-actions-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-header-space-nav-item-x: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-header-space-nav-item-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-header-space-sidenav-control-nudge: var(
    --bm-primitive-dimension-37,
    0.375rem
  );
  --bm-comp-header-size-height: var(--bm-primitive-dimension-400, 4rem);
  --bm-comp-header-size-nav-item-height: var(
    --bm-primitive-dimension-200,
    2rem
  );
  --bm-comp-header-size-nav-item-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-header-size-nav-item-indicator: 0.188rem;
  --bm-comp-header-radius-nav-item: var(--bm-sem-radius-sm, 0.25rem);
  --bm-comp-header-radius-indicator: var(--bm-sem-radius-xs, 0.125rem);
  --bm-comp-header-nav-item-typo-default: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-header-nav-item-typo-selected: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-header-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-header-color-border: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-header-color-nav-item-fg: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-header-color-nav-item-fg-selected: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-header-color-nav-item-indicator: var(
    --bm-sem-color-icon-selected,
    #43bfd6
  );
  --bm-comp-header-space-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-header-space-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-header-space-nav-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-header-space-actions-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-header-space-nav-item-x: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-header-space-nav-item-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-header-space-sidenav-control-nudge: var(
    --bm-primitive-dimension-37,
    0.375rem
  );
  --bm-comp-header-size-height: var(--bm-primitive-dimension-400, 4rem);
  --bm-comp-header-size-nav-item-height: var(
    --bm-primitive-dimension-200,
    2rem
  );
  --bm-comp-header-size-nav-item-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-header-size-nav-item-indicator: 0.188rem;
  --bm-comp-header-radius-nav-item: var(--bm-sem-radius-sm, 0.25rem);
  --bm-comp-header-radius-indicator: var(--bm-sem-radius-xs, 0.125rem);
  --bm-comp-header-nav-item-typo-default: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-header-nav-item-typo-selected: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
}

.bm-header {
  display: flex;
  z-index: 2;
  border-bottom: var(--bm-sem-border-width-md) solid var(--bm-comp-header-color-border);
  background: var(--bm-comp-header-color-bg);
  padding-inline: var(--bm-comp-header-space-x);
  height: var(--bm-comp-header-size-height);
}
.bm-header__menu-button-container {
  display: flex;
  align-items: center;
  padding-inline-start: var(--bm-sem-space-25);
}
.bm-header__menu-button-container .bm-header__menu-button {
  margin-inline-end: var(--bm-comp-header-space-gap);
  height: fit-content;
}
[dir=rtl] .bm-header__menu-button-container .bm-header__menu-button {
  transform: unset;
}
@media screen and (min-width: 1200px) {
  [dir=rtl] .bm-header__menu-button-container .bm-header__menu-button {
    transform: rotateX(180deg) rotateY(180deg);
  }
}
.bm-header__content {
  display: flex;
  flex: 1;
  justify-content: space-between;
  gap: var(--bm-comp-header-space-gap);
  align-items: center;
}
.bm-header__nav-container {
  display: flex;
  flex: 1;
}
@media screen and (max-width: calc(1200px - 1px)) {
  .bm-header__nav-container--mobile-enabled {
    display: none;
  }
}
.bm-header__masthead {
  display: flex;
  gap: var(--bm-sem-space-25);
  text-decoration: none;
  margin: var(--bm-sem-space-50) 0;
  width: fit-content;
}
.bm-header__masthead:focus-visible {
  outline-offset: var(--bm-sem-size-focus-offset);
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
  border-radius: var(--bm-sem-radius-focus-md);
}
.bm-header__masthead--content {
  display: flex;
  align-items: center;
  gap: var(--bm-sem-space-25);
}
.bm-header__masthead--content:has(.bm-header__masthead--signal) {
  gap: var(--bm-sem-space-75);
}
.bm-header__masthead--logo {
  padding-bottom: var(--bm-sem-space-75);
}
@media screen and (max-width: 1200px) {
  .bm-header__masthead {
    padding-inline-start: unset;
  }
}
.bm-header__actions {
  display: flex;
  align-items: center;
  gap: var(--bm-comp-header-space-actions-gap);
}
.bm-header__menu-button-icon__mobile, .bm-header__menu-button-icon__desktop {
  display: block;
}

.bm-button__icon-wrap svg.bm-header__menu-button-icon__mobile {
  display: block;
}
@media screen and (min-width: 1200px) {
  .bm-button__icon-wrap svg.bm-header__menu-button-icon__mobile {
    display: none;
  }
}
.bm-button__icon-wrap svg.bm-header__menu-button-icon__desktop {
  display: none;
}
@media screen and (min-width: 1200px) {
  .bm-button__icon-wrap svg.bm-header__menu-button-icon__desktop {
    display: block;
  }
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-helper-text-space-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-helper-text-space-top: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-helper-text-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-helper-text-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-helper-text-color-positive-icon: var(
    --bm-sem-color-icon-positive-strong,
    #187c36
  );
  --bm-comp-helper-text-color-positive-text: var(
    --bm-sem-color-text-positive,
    #187c36
  );
  --bm-comp-helper-text-color-warning-icon: var(
    --bm-sem-color-icon-warning-strong,
    #ac4902
  );
  --bm-comp-helper-text-color-warning-text: var(
    --bm-sem-color-text-warning,
    #ac4902
  );
  --bm-comp-helper-text-color-negative-icon: var(
    --bm-sem-color-icon-negative-strong,
    #cc2429
  );
  --bm-comp-helper-text-color-negative-text: var(
    --bm-sem-color-text-negative,
    #cc2429
  );
  --bm-comp-helper-text-color-info-icon: var(
    --bm-sem-color-icon-info-secondary-strong,
    #465967
  );
  --bm-comp-helper-text-color-info-text: var(
    --bm-sem-color-text-info-secondary,
    #465967
  );
  --bm-comp-helper-text-typo-sm: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-helper-text-typo-md: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-helper-text-space-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-helper-text-space-top: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-helper-text-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-helper-text-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-helper-text-color-positive-icon: var(
    --bm-sem-color-icon-positive-strong,
    #b3eb9e
  );
  --bm-comp-helper-text-color-positive-text: var(
    --bm-sem-color-text-positive,
    #b3eb9e
  );
  --bm-comp-helper-text-color-warning-icon: var(
    --bm-sem-color-icon-warning-strong,
    #ffd4a8
  );
  --bm-comp-helper-text-color-warning-text: var(
    --bm-sem-color-text-warning,
    #ffd4a8
  );
  --bm-comp-helper-text-color-negative-icon: var(
    --bm-sem-color-icon-negative-strong,
    #f67378
  );
  --bm-comp-helper-text-color-negative-text: var(
    --bm-sem-color-text-negative,
    #f67378
  );
  --bm-comp-helper-text-color-info-icon: var(
    --bm-sem-color-icon-info-secondary-strong,
    #c3cdd5
  );
  --bm-comp-helper-text-color-info-text: var(
    --bm-sem-color-text-info-secondary,
    #c3cdd5
  );
  --bm-comp-helper-text-typo-sm: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-helper-text-typo-md: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
}

.bm-helper-text {
  display: flex;
  gap: var(--bm-comp-helper-text-space-gap);
  margin-top: var(--bm-comp-helper-text-space-top, var(--bm-sem-space-0));
}
.bm-helper-text--sm .bm-helper-text__message {
  font: var(--bm-comp-helper-text-typo-sm);
}
.bm-helper-text--sm svg,
.bm-helper-text--sm ::slotted([slot=icon]) {
  width: var(--bm-comp-helper-text-size-sm-icon);
  height: var(--bm-comp-helper-text-size-sm-icon);
}
.bm-helper-text--md .bm-helper-text__message {
  font: var(--bm-comp-helper-text-typo-md);
}
.bm-helper-text--md svg,
.bm-helper-text--md ::slotted([slot=icon]) {
  width: var(--bm-comp-helper-text-size-md-icon);
  height: var(--bm-comp-helper-text-size-md-icon);
}
.bm-helper-text--info .bm-helper-text__message {
  color: var(--bm-comp-helper-text-color-info-text);
}
.bm-helper-text--info svg,
.bm-helper-text--info ::slotted([slot=icon]) {
  color: var(--bm-comp-helper-text-color-info-icon);
}
.bm-helper-text--warning .bm-helper-text__message {
  color: var(--bm-comp-helper-text-color-warning-text);
}
.bm-helper-text--warning svg,
.bm-helper-text--warning ::slotted([slot=icon]) {
  color: var(--bm-comp-helper-text-color-warning-icon);
}
.bm-helper-text--positive .bm-helper-text__message {
  color: var(--bm-comp-helper-text-color-positive-text);
}
.bm-helper-text--positive svg,
.bm-helper-text--positive ::slotted([slot=icon]) {
  color: var(--bm-comp-helper-text-color-positive-icon);
}
.bm-helper-text--negative .bm-helper-text__message {
  color: var(--bm-comp-helper-text-color-negative-text);
}
.bm-helper-text--negative svg,
.bm-helper-text--negative ::slotted([slot=icon]) {
  color: var(--bm-comp-helper-text-color-negative-icon);
}
.bm-helper-text--disabled .bm-helper-text__message {
  color: var(--bm-comp-helper-text-color-info-text);
}
.bm-helper-text--disabled svg,
.bm-helper-text--disabled ::slotted([slot=icon]) {
  color: var(--bm-comp-helper-text-color-info-icon);
}
.bm-helper-text--disabled {
  opacity: var(--bm-sem-opacity-disabled);
}
.bm-helper-text svg,
.bm-helper-text ::slotted([slot=icon]) {
  flex-shrink: var(--bm-sem-space-0);
  margin-top: var(--bm-sem-space-12);
}

.bm-icon {
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.bm-icon {
  --bm-comp-icon-color: inherit;
  box-sizing: border-box !important;
  font-weight: normal;
  font-style: normal;
  fill: currentColor;
  font-size: var(--bm-comp-icon-size, var(--bm-sem-size-icon-md));
  width: var(--bm-comp-icon-size, var(--bm-sem-size-icon-md));
  height: var(--bm-comp-icon-size, var(--bm-sem-size-icon-md));
  color: var(--bm-comp-icon-color);
  vertical-align: middle;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
}
.bm-icon--primary {
  --bm-comp-icon-color: var(--bm-sem-color-icon-primary);
}
.bm-icon--secondary {
  --bm-comp-icon-color: var(--bm-sem-color-icon-secondary);
}
.bm-icon--positive {
  --bm-comp-icon-color: var(--bm-sem-color-icon-positive);
}
.bm-icon--warning {
  --bm-comp-icon-color: var(--bm-sem-color-icon-warning);
}
.bm-icon--negative {
  --bm-comp-icon-color: var(--bm-sem-color-icon-negative);
}
.bm-icon--infoPrimary {
  --bm-comp-icon-color: var(--bm-sem-color-icon-info-primary);
}
.bm-icon--infoSecondary {
  --bm-comp-icon-color: var(--bm-sem-color-icon-info-secondary);
}
.bm-icon--positiveStrong {
  --bm-comp-icon-color: var(--bm-sem-color-icon-positive-strong);
}
.bm-icon--warningStrong {
  --bm-comp-icon-color: var(--bm-sem-color-icon-warning-strong);
}
.bm-icon--negativeStrong {
  --bm-comp-icon-color: var(--bm-sem-color-icon-negative-strong);
}
.bm-icon--infoPrimaryStrong {
  --bm-comp-icon-color: var(--bm-sem-color-icon-info-primary-strong);
}
.bm-icon--infoSecondaryStrong {
  --bm-comp-icon-color: var(--bm-sem-color-icon-info-secondary-strong);
}
.bm-icon--primaryInverse {
  --bm-comp-icon-color: var(--bm-sem-color-icon-primary-inverse);
}
.bm-icon--secondaryInverse {
  --bm-comp-icon-color: var(--bm-sem-color-icon-secondary-inverse);
}
.bm-icon--xs {
  --bm-comp-icon-size: var(--bm-sem-size-icon-xs);
}
.bm-icon--sm {
  --bm-comp-icon-size: var(--bm-sem-size-icon-sm);
}
.bm-icon--md {
  --bm-comp-icon-size: var(--bm-sem-size-icon-md);
}
.bm-icon--lg {
  --bm-comp-icon-size: var(--bm-sem-size-icon-lg);
}
.bm-icon--xl {
  --bm-comp-icon-size: var(--bm-sem-size-icon-xl);
}
.bm-icon--clickable {
  cursor: pointer;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-border-disabled: rgba(134, 151, 165, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #f67378
  );
  --bm-comp-input-color-border-disabled: rgba(159, 175, 188, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #f67378
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

.bm-input-choice-group {
  --bm-label-space-bottom: var(--bm-comp-label-space-bottom);
  --bm-helper-text-space-top: var(--bm-comp-helper-text-space-top);
}
.bm-input-choice-group,
.bm-input-choice-group legend {
  border: none;
  margin: var(--bm-sem-space-0);
  padding: var(--bm-sem-space-0);
}
.bm-input-choice-group__inputs {
  display: flex;
  gap: var(--bm-comp-input-space-choice-gap-items-y) var(--bm-comp-input-space-choice-gap-items-x);
}
.bm-input-choice-group--vertical .bm-input-choice-group__inputs {
  flex-direction: column;
}
.bm-input-choice-group--horizontal .bm-input-choice-group__inputs {
  flex-wrap: wrap;
  flex-direction: row;
}
.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs {
  flex-direction: row;
  justify-content: space-between;
}
.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs > *, .bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs > ::slotted(*) {
  flex: 1 1 auto;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-label-color-text: var(--bm-sem-color-text-secondary, #576775);
  --bm-comp-label-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-label-typo-default: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-label-typo-optional: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-label-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-label-space-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-label-space-bottom: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-label-size-icon: var(--bm-sem-size-icon-sm, 1rem);
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-label-color-text: var(--bm-sem-color-text-secondary, #c3cdd5);
  --bm-comp-label-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-label-typo-default: var(
    --bm-sem-typo-label-sm,
    600 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-label-typo-optional: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-label-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-label-space-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-label-space-bottom: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-label-size-icon: var(--bm-sem-size-icon-sm, 1rem);
}

.bm-label {
  color: var(--bm-comp-label-color-text);
  font: var(--bm-comp-label-typo-default);
  margin-bottom: var(--bm-comp-label-space-bottom, var(--bm-sem-space-0));
}
.bm-label label {
  cursor: var(--bm-comp-label-cursor, default);
  pointer-events: var(--bm-comp-label-pointer-events, inherit);
}
.bm-label--disabled label {
  opacity: var(--bm-sem-opacity-disabled);
}
.bm-label--required label:after {
  content: "*";
  color: var(--bm-sem-color-text-negative);
}
.bm-label--required label:has(:last-child):after {
  content: "";
}
.bm-label--required label:has(:last-child) > *:last-child:after {
  content: "*";
  color: var(--bm-sem-color-text-negative);
}
.bm-label__optional {
  font: var(--bm-comp-label-typo-optional);
  margin-left: var(--bm-comp-label-space-gap);
}
.bm-label__tooltip {
  vertical-align: top;
  display: inline-block;
  margin-inline-start: var(--bm-comp-label-space-gap);
}
.bm-label__tooltip button {
  color: var(--bm-comp-tooltip-color-icon-trigger);
}
.bm-label__tooltip svg {
  height: var(--bm-comp-label-size-icon);
  width: var(--bm-comp-label-size-icon);
}
.bm-label--no-box {
  display: contents;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-link-space-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-link-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-link-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-link-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-link-size-xl-icon: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-link-typo-sm: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-link-typo-md: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-link-typo-lg: var(
    --bm-sem-typo-body-lg,
    400 1.125rem/1.75rem "Source Sans Pro"
  );
  --bm-comp-link-typo-xl: var(
    --bm-sem-typo-body-xl,
    400 1.25rem/2rem "Source Sans Pro"
  );
  --bm-comp-link-color-primary-enabled: var(
    --bm-sem-color-action-primary,
    #00768f
  );
  --bm-comp-link-color-primary-hover: var(
    --bm-sem-color-action-primary-hover,
    #005b75
  );
  --bm-comp-link-color-primary-active: var(
    --bm-sem-color-action-primary-active,
    #00414d
  );
  --bm-comp-link-color-secondary-enabled: var(
    --bm-sem-color-link-secondary,
    #141d24
  );
  --bm-comp-link-color-secondary-hover: var(
    --bm-sem-color-link-secondary,
    #141d24
  );
  --bm-comp-link-color-secondary-active: var(
    --bm-sem-color-link-secondary,
    #141d24
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-link-space-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-link-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-link-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-link-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-link-size-xl-icon: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-link-typo-sm: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-link-typo-md: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-link-typo-lg: var(
    --bm-sem-typo-body-lg,
    400 1.125rem/1.75rem "Source Sans Pro"
  );
  --bm-comp-link-typo-xl: var(
    --bm-sem-typo-body-xl,
    400 1.25rem/2rem "Source Sans Pro"
  );
  --bm-comp-link-color-primary-enabled: var(
    --bm-sem-color-action-primary,
    #43bfd6
  );
  --bm-comp-link-color-primary-hover: var(
    --bm-sem-color-action-primary-hover,
    #8cd8e6
  );
  --bm-comp-link-color-primary-active: var(
    --bm-sem-color-action-primary-active,
    #b2e7f0
  );
  --bm-comp-link-color-secondary-enabled: var(
    --bm-sem-color-link-secondary,
    #ffffff
  );
  --bm-comp-link-color-secondary-hover: var(
    --bm-sem-color-link-secondary,
    #ffffff
  );
  --bm-comp-link-color-secondary-active: var(
    --bm-sem-color-link-secondary,
    #ffffff
  );
}

.bm-link {
  outline: none;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  border: var(--bm-sem-border-width-focus) solid transparent;
  margin: calc(var(--bm-sem-border-width-focus) * -1);
}
.bm-link:hover {
  text-decoration: underline;
}
.bm-link:focus, .bm-link:focus-visible {
  outline: none;
  border-radius: var(--bm-sem-radius-focus-md);
  border: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
}
.bm-link--disabled {
  cursor: not-allowed;
  opacity: var(--bm-sem-opacity-disabled);
  text-decoration: none !important;
}
.bm-link--disabled:focus, .bm-link--disabled:focus-visible {
  border: var(--bm-sem-border-width-focus) solid transparent;
}
.bm-link--hide-underline {
  text-decoration: none;
}
.bm-link--sm {
  font: var(--bm-comp-link-typo-sm);
  gap: var(--bm-comp-link-space-gap);
}
.bm-link--sm .bm-link__icon, .bm-link--sm ::slotted([slot=iconBefore]), .bm-link--sm ::slotted([slot=iconAfter]) {
  flex-shrink: 0;
  width: var(--bm-comp-link-size-sm-icon);
  height: var(--bm-comp-link-size-sm-icon);
}
.bm-link--md {
  font: var(--bm-comp-link-typo-md);
  gap: var(--bm-comp-link-space-gap);
}
.bm-link--md .bm-link__icon, .bm-link--md ::slotted([slot=iconBefore]), .bm-link--md ::slotted([slot=iconAfter]) {
  flex-shrink: 0;
  width: var(--bm-comp-link-size-md-icon);
  height: var(--bm-comp-link-size-md-icon);
}
.bm-link--lg {
  font: var(--bm-comp-link-typo-lg);
  gap: var(--bm-comp-link-space-gap);
}
.bm-link--lg .bm-link__icon, .bm-link--lg ::slotted([slot=iconBefore]), .bm-link--lg ::slotted([slot=iconAfter]) {
  flex-shrink: 0;
  width: var(--bm-comp-link-size-lg-icon);
  height: var(--bm-comp-link-size-lg-icon);
}
.bm-link--xl {
  font: var(--bm-comp-link-typo-xl);
  gap: var(--bm-comp-link-space-gap);
}
.bm-link--xl .bm-link__icon, .bm-link--xl ::slotted([slot=iconBefore]), .bm-link--xl ::slotted([slot=iconAfter]) {
  flex-shrink: 0;
  width: var(--bm-comp-link-size-xl-icon);
  height: var(--bm-comp-link-size-xl-icon);
}
.bm-link--primary {
  color: var(--bm-sem-color-link-primary);
}
.bm-link--primary:not(.bm-link--primary--disabled):hover {
  color: var(--bm-comp-link-color-primary-hover);
}
.bm-link--primary:not(.bm-link--primary--disabled):active {
  color: var(--bm-comp-link-color-primary-active);
}
.bm-link--secondary {
  color: var(--bm-sem-color-link-secondary);
}
.bm-link--secondary:not(.bm-link--secondary--disabled):hover {
  color: var(--bm-comp-link-color-secondary-hover);
}
.bm-link--secondary:not(.bm-link--secondary--disabled):active {
  color: var(--bm-comp-link-color-secondary-active);
}
.bm-link--body-bold {
  font-weight: var(--bm-sem-font-weight-body-bold);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-list-space-indent: var(--bm-sem-space-200, 2rem);
  --bm-comp-list-space-icon: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-list-space-marker: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-list-space-bottom-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-list-space-bottom-lg: var(--bm-sem-space-100, 1rem);
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-list-space-indent: var(--bm-sem-space-200, 2rem);
  --bm-comp-list-space-icon: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-list-space-marker: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-list-space-bottom-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-list-space-bottom-lg: var(--bm-sem-space-100, 1rem);
}

.bm-list {
  list-style: none;
  color: var(--bm-sem-color-text-primary);
  padding-inline-start: var(--bm-comp-list-space-indent);
  margin-block-start: 0;
  margin-block-end: 0;
}
.bm-list--ordered {
  list-style-type: decimal;
}
.bm-list--ordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--ordered > li .bm-list--ordered {
  list-style-type: lower-alpha;
}
.bm-list--ordered > li .bm-list--ordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered {
  list-style-type: lower-roman;
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered {
  list-style-type: decimal;
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered {
  list-style-type: lower-alpha;
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered {
  list-style-type: lower-roman;
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered {
  list-style-type: decimal;
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered {
  list-style-type: lower-alpha;
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered {
  list-style-type: lower-roman;
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered {
  list-style-type: decimal;
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered {
  list-style-type: lower-alpha;
}
.bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered > li .bm-list--ordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--unordered {
  list-style-type: disc;
}
.bm-list--unordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--unordered > li .bm-list--unordered {
  list-style-type: circle;
}
.bm-list--unordered > li .bm-list--unordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered {
  list-style-type: disc;
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered {
  list-style-type: circle;
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered {
  list-style-type: disc;
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered {
  list-style-type: circle;
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered {
  list-style-type: disc;
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered {
  list-style-type: circle;
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered {
  list-style-type: disc;
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered {
  list-style-type: circle;
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered {
  list-style-type: disc;
}
.bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered > li .bm-list--unordered li {
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list--unstyled {
  list-style-type: none;
  padding-inline-start: 0;
}
.bm-list--withIcons {
  list-style-type: none;
  padding-inline-start: 0;
}
.bm-list--withIcons .bm-list__content {
  display: flex;
}
.bm-list--indent {
  padding-inline-start: var(--bm-comp-list-space-indent);
}
.bm-list--sm.bm-list--wcWithIcons {
  margin-inline-start: calc(-1 * (var(--bm-sem-size-icon-md) + var(--bm-comp-list-space-icon)));
}
.bm-list--sm li, .bm-list--sm,
.bm-list--sm ::slotted(bm-list-item) {
  font: var(--bm-sem-typo-body-sm);
}
.bm-list--sm .bm-list__icon {
  color: var(--bm-sem-color-icon-primary);
}
.bm-list--sm .bm-list__icon svg {
  vertical-align: bottom;
  margin-inline-end: var(--bm-comp-list-space-icon);
  width: var(--bm-sem-size-icon-md);
  height: var(--bm-sem-size-icon-md);
}
.bm-list--sm .bm-list--withIcons {
  margin-inline-start: calc(-1 * (var(--bm-sem-size-icon-md) + var(--bm-comp-list-space-icon)));
}
.bm-list--md.bm-list--wcWithIcons {
  margin-inline-start: calc(-1 * (var(--bm-sem-size-icon-lg) + var(--bm-comp-list-space-icon)));
}
.bm-list--md li, .bm-list--md,
.bm-list--md ::slotted(bm-list-item) {
  font: var(--bm-sem-typo-body-md);
}
.bm-list--md .bm-list__icon {
  color: var(--bm-sem-color-icon-primary);
}
.bm-list--md .bm-list__icon svg {
  vertical-align: bottom;
  margin-inline-end: var(--bm-comp-list-space-icon);
  width: var(--bm-sem-size-icon-lg);
  height: var(--bm-sem-size-icon-lg);
}
.bm-list--md .bm-list--withIcons {
  margin-inline-start: calc(-1 * (var(--bm-sem-size-icon-lg) + var(--bm-comp-list-space-icon)));
}
.bm-list--lg.bm-list--wcWithIcons {
  margin-inline-start: calc(-1 * (var(--bm-sem-size-icon-xl) + var(--bm-comp-list-space-icon)));
}
.bm-list--lg li, .bm-list--lg,
.bm-list--lg ::slotted(bm-list-item) {
  font: var(--bm-sem-typo-body-lg);
}
.bm-list--lg .bm-list__icon {
  color: var(--bm-sem-color-icon-primary);
}
.bm-list--lg .bm-list__icon svg {
  vertical-align: bottom;
  margin-inline-end: var(--bm-comp-list-space-icon);
  width: var(--bm-sem-size-icon-xl);
  height: var(--bm-sem-size-icon-xl);
}
.bm-list--lg .bm-list--withIcons {
  margin-inline-start: calc(-1 * (var(--bm-sem-size-icon-xl) + var(--bm-comp-list-space-icon)));
}
.bm-list--xl.bm-list--wcWithIcons {
  margin-inline-start: calc(-1 * (var(--bm-sem-size-icon-2xl) + var(--bm-comp-list-space-icon)));
}
.bm-list--xl li, .bm-list--xl,
.bm-list--xl ::slotted(bm-list-item) {
  font: var(--bm-sem-typo-body-xl);
}
.bm-list--xl .bm-list__icon {
  color: var(--bm-sem-color-icon-primary);
}
.bm-list--xl .bm-list__icon svg {
  vertical-align: bottom;
  margin-inline-end: var(--bm-comp-list-space-icon);
  width: var(--bm-sem-size-icon-2xl);
  height: var(--bm-sem-size-icon-2xl);
}
.bm-list--xl .bm-list--withIcons {
  margin-inline-start: calc(-1 * (var(--bm-sem-size-icon-2xl) + var(--bm-comp-list-space-icon)));
}
.bm-list--density-md li:not(:has(> ol, > ul)) {
  padding-bottom: var(--bm-comp-list-space-bottom-md);
}
.bm-list--density-md ol,
.bm-list--density-md ul, .bm-list--density-md--nested {
  padding-top: var(--bm-comp-list-space-bottom-md);
}
.bm-list--density-lg li:not(:has(> ol, > ul)) {
  padding-bottom: var(--bm-comp-list-space-bottom-lg);
}
.bm-list--density-lg ol,
.bm-list--density-lg ul, .bm-list--density-lg--nested {
  padding-top: var(--bm-comp-list-space-bottom-lg);
}

.bm-list__item {
  display: list-item;
}
.bm-list__item--decimal {
  list-style-type: decimal;
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list__item--lower-alpha {
  list-style: lower-alpha;
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list__item--lower-roman {
  list-style-type: lower-roman;
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list__item--disc {
  list-style-type: disc;
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list__item--circle {
  list-style-type: circle;
  padding-inline-start: var(--bm-comp-list-space-marker);
}
.bm-list__item__content {
  display: flex;
}
.bm-list__item--density-md {
  padding-bottom: var(--bm-comp-list-space-bottom-md);
}
.bm-list__item--density-lg {
  padding-bottom: var(--bm-comp-list-space-bottom-lg);
}
.bm-list__item--sm__icon svg,
.bm-list__item--sm ::slotted([slot=icon]) {
  flex-shrink: 0;
  color: var(--bm-sem-color-icon-primary);
  display: inline-block;
  vertical-align: bottom;
  margin-inline-end: var(--bm-comp-list-space-icon);
  width: var(--bm-sem-size-icon-md);
  height: var(--bm-sem-size-icon-md);
}
.bm-list__item--md__icon svg,
.bm-list__item--md ::slotted([slot=icon]) {
  flex-shrink: 0;
  color: var(--bm-sem-color-icon-primary);
  display: inline-block;
  vertical-align: bottom;
  margin-inline-end: var(--bm-comp-list-space-icon);
  width: var(--bm-sem-size-icon-lg);
  height: var(--bm-sem-size-icon-lg);
}
.bm-list__item--lg__icon svg,
.bm-list__item--lg ::slotted([slot=icon]) {
  flex-shrink: 0;
  color: var(--bm-sem-color-icon-primary);
  display: inline-block;
  vertical-align: bottom;
  margin-inline-end: var(--bm-comp-list-space-icon);
  width: var(--bm-sem-size-icon-xl);
  height: var(--bm-sem-size-icon-xl);
}
.bm-list__item--xl__icon svg,
.bm-list__item--xl ::slotted([slot=icon]) {
  flex-shrink: 0;
  color: var(--bm-sem-color-icon-primary);
  display: inline-block;
  vertical-align: bottom;
  margin-inline-end: var(--bm-comp-list-space-icon);
  width: var(--bm-sem-size-icon-2xl);
  height: var(--bm-sem-size-icon-2xl);
}

.bm-logo--clickable {
  cursor: pointer;
}
.bm-logo--inline {
  display: inline;
}
.bm-logo--inline-block {
  display: inline-block;
}
.bm-logo--block {
  display: block;
}
.bm-logo--none {
  display: none;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-menu-space-trigger-offset: var(--bm-sem-space-50, 0.5rem);
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-menu-space-trigger-offset: var(--bm-sem-space-50, 0.5rem);
}

.bm-menu__popover-content {
  padding: var(--bm-sem-space-50) var(--bm-sem-space-100);
  overflow-y: auto;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-border-disabled: rgba(134, 151, 165, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #f67378
  );
  --bm-comp-input-color-border-disabled: rgba(159, 175, 188, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #f67378
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

.bm-native-select {
  --bm-label-cursor: pointer;
  max-width: var(--bm-comp-input-size-field-width);
  --bm-label-space-bottom: var(--bm-comp-label-space-bottom);
  --bm-helper-text-space-top: var(--bm-comp-helper-text-space-top);
}
.bm-native-select--disabled {
  --bm-label-cursor: not-allowed;
  --bm-label-pointer-events: auto;
  --bm-text-field-cursor: not-allowed;
  --bm-text-field-input-cursor: not-allowed;
}
.bm-native-select--sm .bm-native-select__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-sm);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-sm);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-sm);
  --bm-input-field-font: var(--bm-comp-input-typo-sm);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-sm);
}
.bm-native-select--md .bm-native-select__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-md);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-md);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-md);
  --bm-input-field-font: var(--bm-comp-input-typo-md);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-md);
}
.bm-native-select--lg .bm-native-select__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-lg);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-lg);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-lg);
  --bm-input-field-font: var(--bm-comp-input-typo-lg);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-lg);
}
.bm-native-select--fluid {
  max-width: 100%;
}
.bm-native-select--ellipsis .bm-native-select__field .bm-native-select__input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bm-native-select__field {
  position: relative;
  cursor: var(--bm-text-field-cursor, default);
}
.bm-native-select__field:after {
  content: "";
  position: absolute;
  pointer-events: none;
  width: 0.625rem;
  height: 0.3125rem;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: var(--bm-comp-input-color-icon);
  inset-inline-end: var(--bm-input-field-padding-x);
  inset-block-start: calc(
        var(--bm-input-field-padding-x) + 0.3125rem / 2
      );
}
.bm-native-select--error .bm-native-select__field:after {
  background-color: var(--bm-comp-input-color-icon);
}
.bm-native-select--error .bm-native-select__field .bm-native-select__input {
  color: var(--bm-comp-input-color-text);
  border-color: var(--bm-comp-input-color-border-error);
  background-color: var(--bm-comp-input-color-bg);
  outline-offset: calc(0px - var(--bm-comp-input-border-width-field-error));
  outline: var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error);
}
.bm-native-select--read-only .bm-native-select__field:after {
  background-color: var(--bm-comp-input-color-icon-disabled);
}
.bm-native-select--read-only .bm-native-select__field .bm-native-select__input {
  color: var(--bm-comp-input-color-text);
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-native-select--disabled .bm-native-select__field:after {
  background-color: var(--bm-comp-input-color-icon-disabled);
}
.bm-native-select--disabled .bm-native-select__field .bm-native-select__input {
  color: var(--bm-comp-input-color-text-disabled);
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-native-select__field .bm-native-select__input {
  width: 100%;
  display: block;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-style: solid;
  border-color: var(--bm-comp-input-color-border);
  border-radius: var(--bm-comp-input-radius-field);
  border-width: var(--bm-comp-input-border-width-field-default);
  color: var(--bm-comp-input-color-text);
  font: var(--bm-input-field-font);
  cursor: var(--bm-text-field-input-cursor, pointer);
  box-shadow: var(--bm-comp-input-shadow-field);
  background-color: var(--bm-comp-input-color-bg);
  height: var(--bm-input-field-height);
  transform: translate3d(var(--bm-sem-space-0), var(--bm-sem-space-0), var(--bm-sem-space-0));
  padding-block: var(--bm-input-field-padding-y);
  padding-inline: var(--bm-input-field-padding-x) calc(
        0.625rem + var(--bm-comp-input-space-field-gap) +
          var(--bm-input-field-padding-x)
      );
}
.bm-native-select__field .bm-native-select__input:focus {
  outline-offset: calc(0px - var(--bm-sem-size-focus-offset));
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
}

.bm-navigation {
  display: flex;
  align-items: center;
}
.bm-navigation__list {
  display: flex;
  gap: var(--bm-comp-header-space-nav-gap);
  margin: unset;
  padding-inline-start: unset;
}
.bm-navigation--vertical .bm-navigation__list {
  flex-direction: column;
  width: 100%;
}
.bm-navigation__item {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  height: var(--bm-comp-header-size-height);
  cursor: pointer;
}
.bm-navigation__item .bm-state-layer {
  --bm-state-layer-left: 0;
  --bm-state-layer-right: 0;
  --bm-state-layer-outline-offset: 0;
  --bm-state-layer-top: calc(
    (100% - var(--bm-comp-header-size-nav-item-height)) / 2
  );
  --bm-state-layer-bottom: calc(
    (100% - var(--bm-comp-header-size-nav-item-height)) / 2
  );
  border-radius: var(--bm-comp-header-radius-nav-item);
}
.bm-navigation__item--disabled {
  opacity: var(--bm-sem-opacity-disabled);
}
.bm-navigation__item--selected::after {
  display: block;
  position: absolute;
  background: var(--bm-comp-header-color-nav-item-indicator);
  content: "";
  bottom: 0;
  transition: width 0.2s ease;
  margin-inline: var(--bm-comp-header-space-nav-item-x);
  border-start-start-radius: var(--bm-comp-header-radius-indicator);
  border-start-end-radius: var(--bm-comp-header-radius-indicator);
  width: calc(100% - var(--bm-comp-header-space-nav-item-x) * 2);
  height: var(--bm-comp-header-size-nav-item-indicator);
}
.bm-navigation__item--selected .bm-navigation__item-link {
  color: var(--bm-comp-header-color-nav-item-fg-selected);
  font: var(--bm-comp-header-nav-item-typo-selected);
}
.bm-navigation__item-link {
  display: flex;
  position: relative;
  align-items: center;
  gap: var(--bm-comp-header-space-nav-item-gap);
  border-radius: var(--bm-comp-header-radius-nav-item);
  padding-inline: var(--bm-comp-header-space-nav-item-x);
  min-width: 100%;
  height: var(--bm-comp-header-size-nav-item-height);
  color: var(--bm-comp-header-color-nav-item-fg);
  font: var(--bm-comp-header-nav-item-typo-default);
  text-decoration: none;
  z-index: 1;
}
.bm-navigation__item-link:focus-within {
  outline: none;
}
.bm-navigation__item--disabled .bm-navigation__item-link {
  cursor: not-allowed;
}
.bm-navigation__item-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  width: var(--bm-comp-header-size-nav-item-icon);
}
.bm-navigation--vertical .bm-navigation__item {
  height: var(--bm-comp-header-size-nav-item-height);
  justify-content: flex-start;
  align-items: center;
}
.bm-navigation--vertical .bm-navigation__item .bm-state-layer {
  --bm-state-layer-left: calc(-1 * var(--bm-comp-actionlist-size-state-offset));
  --bm-state-layer-right: calc(-1 * var(--bm-comp-actionlist-size-state-offset));
  --bm-state-layer-outline-offset: calc(
    -1 * var(--bm-state-layer-outline-width)
  );
  --bm-state-layer-top: 0;
  --bm-state-layer-bottom: 0;
  border-radius: var(--bm-comp-actionlist-radius);
  z-index: -1;
}
.bm-navigation--vertical .bm-navigation__item--selected::before {
  display: block;
  position: absolute;
  background: var(--bm-comp-header-color-nav-item-indicator);
  content: "";
  inset-inline-start: 0;
  transform: translateX(-50%);
  transition: height 0.2s ease;
  margin-block: var(--bm-comp-header-space-nav-item-x);
  border-radius: var(--bm-comp-header-radius-indicator);
  width: var(--bm-comp-actionlist-size-indicator-width);
  height: calc(100% - var(--bm-comp-header-space-nav-item-x) * 2);
}
.bm-navigation--vertical .bm-navigation__item--selected::after {
  display: none;
}
.bm-navigation--vertical .bm-navigation__item-link {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: var(--bm-comp-header-size-nav-item-height);
}

.bm-page-header {
  display: grid;
  width: 100%;
  grid-template-areas: "breadcrumb" "heading" "body" "tabs";
  color: var(--bm-sem-color-text-primary);
}
.bm-page-header__breadcrumb {
  grid-area: breadcrumb;
  padding-bottom: var(--bm-sem-space-100);
}
.bm-page-header__heading {
  grid-area: heading;
  display: flex;
  justify-content: space-between;
  gap: var(--bm-sem-space-50);
  flex-wrap: wrap;
}
.bm-page-header__heading-content {
  order: 1;
  display: flex;
  gap: var(--bm-sem-space-50);
}
.bm-page-header__heading-content--md {
  font: var(--bm-sem-typo-heading-lg);
}
.bm-page-header__heading-content--lg {
  font: var(--bm-sem-typo-heading-2xl);
}
.bm-page-header__heading-content-before {
  order: 1;
  gap: var(--bm-sem-space-50);
  display: flex;
  align-items: center;
  height: 1lh;
}
.bm-page-header__heading-action {
  order: -1;
}
.bm-page-header__heading-title {
  order: 2;
  overflow-wrap: break-word;
}
.bm-page-header__heading-content-after {
  order: 3;
  display: flex;
  gap: var(--bm-sem-space-50);
  height: 1lh;
  align-items: center;
}
.bm-page-header__heading-content-after .bm-page-header__heading-action {
  order: 999;
}
.bm-page-header__actions {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  gap: var(--bm-sem-space-50);
  order: 2;
}
.bm-page-header__body {
  grid-area: body;
  padding-top: var(--bm-sem-space-25);
}
.bm-page-header__tabs {
  grid-area: tabs;
  padding-top: var(--bm-sem-space-150);
  overflow-x: auto;
}

.bm-page-layout {
  display: grid;
  grid-template-areas: "header header" "aside main";
  grid-template-rows: auto 1fr;
  grid-template-columns: auto 1fr;
  height: 100%;
  width: 100%;
  flex: 1;
}

.bm-page-layout__header {
  grid-area: header;
  width: 100%;
  z-index: 1;
}

.bm-page-layout__aside {
  grid-area: aside;
  height: 100%;
  min-height: 0;
  z-index: 0;
  display: flex;
}

.bm-page-layout__main {
  grid-area: main;
  height: 100%;
  min-height: 0;
  width: 100%;
  overflow-y: auto;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-pagination-space-content-gap: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-pagination-space-controls-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-pagination-size-divider-height: var(
    --bm-primitive-dimension-100,
    1rem
  );
  --bm-comp-pagination-color-text: var(--bm-sem-color-text-secondary, #576775);
  --bm-comp-pagination-color-bg-selected: var(
    --bm-sem-color-surface-selected,
    #e9fcff
  );
  --bm-comp-pagination-color-fg-selected: var(
    --bm-sem-color-text-selected,
    #00768f
  );
  --bm-comp-pagination-color-border-selected: var(
    --bm-sem-color-border-selected,
    #00768f
  );
  --bm-comp-pagination-typo-default: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-pagination-space-content-gap: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-pagination-space-controls-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-pagination-size-divider-height: var(
    --bm-primitive-dimension-100,
    1rem
  );
  --bm-comp-pagination-color-text: var(--bm-sem-color-text-secondary, #c3cdd5);
  --bm-comp-pagination-color-bg-selected: var(
    --bm-sem-color-surface-selected,
    #01262d
  );
  --bm-comp-pagination-color-fg-selected: var(
    --bm-sem-color-text-selected,
    #43bfd6
  );
  --bm-comp-pagination-color-border-selected: var(
    --bm-sem-color-border-selected,
    #43bfd6
  );
  --bm-comp-pagination-typo-default: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
}

.bm-pagination {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.bm-pagination--determinate {
  gap: var(--bm-comp-pagination-space-controls-gap);
}
.bm-pagination .bm-pagination__chevrons {
  display: flex;
  flex-wrap: nowrap;
  color: var(--bm-comp-pagination-color-text);
}
.bm-pagination .bm-pagination__chevrons .bm-state-layer {
  outline: none;
}
.bm-pagination .bm-pagination__chevrons:dir(rtl) {
  transform: scale(-1);
}
.bm-pagination .bm-pagination__buttons, .bm-pagination .bm-pagination__truncation {
  font: var(--bm-sem-typo-label-md);
  border-radius: var(--bm-comp-btn-radius-container);
  color: var(--bm-comp-pagination-color-text);
  background-color: transparent;
  align-self: stretch;
  padding: 0;
  background: unset;
}
.bm-pagination .bm-pagination__buttons .bm-state-layer, .bm-pagination .bm-pagination__truncation .bm-state-layer {
  outline: none;
}
.bm-pagination .bm-pagination__buttons:focus-visible, .bm-pagination .bm-pagination__truncation:focus-visible {
  outline-offset: var(--bm-sem-size-focus-offset);
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
}
.bm-pagination .bm-pagination__buttons--active {
  color: var(--bm-comp-pagination-color-fg-selected);
  border: var(--bm-comp-btn-border-width) solid var(--bm-comp-pagination-color-border-selected);
  background: var(--bm-comp-pagination-color-bg-selected);
}
.bm-pagination .bm-pagination__truncation {
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: center;
  min-width: var(--bm-comp-btn-size-sm-width);
  min-height: var(--bm-comp-btn-size-sm-height);
  cursor: pointer;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-popover-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-popover-color-border: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-popover-color-bg-inverted: var(
    --bm-sem-color-surface-inverse,
    #202e39
  );
  --bm-comp-popover-color-border-inverted: var(
    --bm-sem-color-border-inverse,
    #465967
  );
  --bm-comp-popover-shadow: var(
    --bm-sem-shadow-overlay,
    0 0.25rem 0.75rem 0.125rem rgba(0, 0, 0, 0.12)
  );
  --bm-comp-popover-border-width: var(--bm-sem-border-width-md, 0.063rem);
  --bm-comp-popover-radius: var(--bm-sem-radius-md, 0.5rem);
  --bm-comp-popover-space-sm: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-popover-space-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-popover-space-lg: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-popover-space-offset: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-popover-size-beak-width: var(--bm-primitive-dimension-150, 1.5rem);
  --bm-comp-popover-size-beak-height: 0.625rem;
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-popover-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-popover-color-border: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-popover-color-bg-inverted: var(
    --bm-sem-color-surface-inverse,
    #ffffff
  );
  --bm-comp-popover-color-border-inverted: var(
    --bm-sem-color-border-inverse,
    #dfe7ec
  );
  --bm-comp-popover-shadow: var(
    --bm-sem-shadow-overlay,
    0 0.25rem 0.75rem 0.125rem rgba(0, 0, 0, 0.3)
  );
  --bm-comp-popover-border-width: var(--bm-sem-border-width-md, 0.063rem);
  --bm-comp-popover-radius: var(--bm-sem-radius-md, 0.5rem);
  --bm-comp-popover-space-sm: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-popover-space-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-popover-space-lg: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-popover-space-offset: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-popover-size-beak-width: var(--bm-primitive-dimension-150, 1.5rem);
  --bm-comp-popover-size-beak-height: 0.625rem;
}

.bm-popover {
  background-color: var(--bm-comp-popover-color-bg) !important;
  border: var(--bm-comp-popover-border-width) solid var(--bm-comp-popover-color-border);
  border-radius: var(--bm-comp-popover-radius);
  box-shadow: var(--bm-comp-popover-shadow);
  offset: var(--bm-comp-popover-space-offset);
  width: unset;
  padding: var(--bm-sem-space-100);
}
.bm-popover:focus-visible {
  outline: none;
}
.bm-popover__arrow {
  width: var(--bm-comp-popover-size-beak-width);
  height: var(--bm-comp-popover-size-beak-height);
}
.bm-popover__arrow::after {
  position: absolute;
  content: "";
  top: -0.05rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='21.544' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.122 7.93 0 0h21.544l-8.121 7.93c-1.462 1.427-3.84 1.427-5.301 0z' fill='%23fff' style='fill:%231a1a1a;stroke:none'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml,%3Csvg width='21.544' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.122 7.93 0 0h21.544l-8.121 7.93c-1.462 1.427-3.84 1.427-5.301 0z' fill='%23fff' style='fill:%231a1a1a;stroke:none'/%3E%3C/svg%3E");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-color: var(--bm-comp-popover-color-bg) !important;
}
.bm-popover__arrow::before {
  position: absolute;
  content: "";
  right: 50%;
  transform: translateX(50%);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='21.544' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.122 7.93 0 0h21.544l-8.121 7.93c-1.462 1.427-3.84 1.427-5.301 0z' fill='%23fff' style='fill:%231a1a1a;stroke:none'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml,%3Csvg width='21.544' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.122 7.93 0 0h21.544l-8.121 7.93c-1.462 1.427-3.84 1.427-5.301 0z' fill='%23fff' style='fill:%231a1a1a;stroke:none'/%3E%3C/svg%3E");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: var(--bm-comp-popover-color-border);
  height: calc(
        var(--bm-comp-popover-size-beak-height) + var(--bm-comp-popover-border-width) -
          0.05rem
      );
  aspect-ratio: 17.954/7.5;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-progress-bar-color-indicator-default: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-progress-bar-color-indicator-success: var(
    --bm-sem-color-surface-positive-strong,
    #187c36
  );
  --bm-comp-progress-bar-color-indicator-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-progress-bar-color-track: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-progress-bar-color-label: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-progress-bar-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-progress-bar-space-label-bottom: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-progress-bar-space-status-top: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-progress-bar-size-sm-height: var(
    --bm-primitive-dimension-25,
    0.25rem
  );
  --bm-comp-progress-bar-size-md-height: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-progress-bar-size-lg-height: var(
    --bm-primitive-dimension-75,
    0.75rem
  );
  --bm-comp-progress-bar-typo-label: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-progress-bar-color-indicator-default: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-progress-bar-color-indicator-success: var(
    --bm-sem-color-surface-positive-strong,
    #b3eb9e
  );
  --bm-comp-progress-bar-color-indicator-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-progress-bar-color-track: var(--bm-sem-color-border-02, #465967);
  --bm-comp-progress-bar-color-label: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-progress-bar-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-progress-bar-space-label-bottom: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-progress-bar-space-status-top: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-progress-bar-size-sm-height: var(
    --bm-primitive-dimension-25,
    0.25rem
  );
  --bm-comp-progress-bar-size-md-height: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-progress-bar-size-lg-height: var(
    --bm-primitive-dimension-75,
    0.75rem
  );
  --bm-comp-progress-bar-typo-label: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
}

.bm-progress-bar {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.bm-progress-bar .bm-progress-bar__label {
  margin-bottom: var(--bm-comp-progress-bar-space-label-bottom);
  font: var(--bm-comp-progress-bar-typo-label);
  color: var(--bm-comp-progress-bar-color-label);
}
.bm-progress-bar .bm-progress-bar__track {
  height: var(--bm-comp-progress-bar-size-md-height);
  border-radius: var(--bm-comp-progress-bar-radius);
  background-color: var(--bm-comp-progress-bar-color-track);
  display: flex;
  overflow: hidden;
}
.bm-progress-bar .bm-progress-bar__status {
  margin-top: var(--bm-comp-progress-bar-space-status-top);
}
.bm-progress-bar--sm .bm-progress-bar__track {
  height: var(--bm-comp-progress-bar-size-sm-height);
}
.bm-progress-bar--lg .bm-progress-bar__track {
  height: var(--bm-comp-progress-bar-size-lg-height);
}
.bm-progress-bar--full-width .bm-progress-bar__track {
  border-radius: 0;
}
.bm-progress-bar--active .bm-progress-bar__indicator {
  background-color: var(--bm-comp-progress-bar-color-indicator-default);
}
.bm-progress-bar--success .bm-progress-bar__indicator {
  background-color: var(--bm-comp-progress-bar-color-indicator-success);
}
.bm-progress-bar--error .bm-progress-bar__indicator {
  background-color: var(--bm-comp-progress-bar-color-indicator-error);
}
.bm-progress-bar--determinate .bm-progress-bar__indicator {
  transition-property: width;
  transition-duration: 300ms;
  transition-timing-function: ease-out;
}
.bm-progress-bar--indeterminate.bm-progress-bar--active .bm-progress-bar__indicator {
  width: 100%;
  mask-image: linear-gradient(to right, transparent 43.0555555556%, black 50%, transparent 56.9444444444%);
  mask-size: 240%;
  mask-repeat: no-repeat;
  mask-position: center;
  animation: 2s linear infinite bm-progress-bar-indeterminate-indicator-animation;
}
.bm-progress-bar--indeterminate.bm-progress-bar--active .bm-progress-bar__indicator:dir(rtl) {
  animation-direction: reverse;
}

@keyframes bm-progress-bar-indeterminate-indicator-animation {
  0% {
    mask-position: right;
  }
  100% {
    mask-position: left;
  }
}
:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-border-disabled: rgba(134, 151, 165, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #f67378
  );
  --bm-comp-input-color-border-disabled: rgba(159, 175, 188, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #f67378
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

.bm-radio-button {
  display: inline-flex;
}
.bm-radio-button--read-only {
  --bm-input-choice-cursor: default;
  --bm-input-choice-label-cursor: default;
  --bm-input-choice-label-pointer-events: none;
}
.bm-radio-button--disabled {
  --bm-input-choice-cursor: not-allowed;
  --bm-input-choice-label-cursor: not-allowed;
}
.bm-radio-button__label {
  display: inherit;
  word-break: break-word;
  color: var(--bm-comp-input-color-text);
  font: var(--bm-comp-input-typo-md);
  gap: var(--bm-comp-input-space-choice-gap-inside);
  cursor: var(--bm-input-choice-label-cursor, pointer);
  pointer-events: var(--bm-input-choice-label-pointer-events, auto);
}
.bm-radio-button--error .bm-radio-button__label {
  color: var(--bm-comp-input-color-text);
}
.bm-radio-button--error .bm-radio-button__label .bm-radio-button__input, .bm-radio-button--error .bm-radio-button__label .bm-radio-button__input:checked {
  border-color: var(--bm-comp-input-color-border-error);
  background-color: var(--bm-comp-input-color-bg);
}
.bm-radio-button--error .bm-radio-button__label .bm-radio-button__input:checked:after {
  background-color: var(--bm-comp-input-color-choice-radio-selected-inner-circle-error);
}
.bm-radio-button--read-only .bm-radio-button__label {
  color: var(--bm-comp-input-color-text);
}
.bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input, .bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input:checked {
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input:checked:after {
  background-color: var(--bm-comp-input-color-icon);
}
.bm-radio-button--disabled .bm-radio-button__label {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input, .bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input:checked {
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input:checked:after {
  background-color: var(--bm-comp-input-color-icon-disabled);
}
.bm-radio-button--with-label .bm-radio-button__label .bm-radio-button__input {
  margin: var(--bm-comp-input-space-choice-nudge) var(--bm-sem-space-0);
}
.bm-radio-button__label .bm-radio-button__input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  margin: var(--bm-sem-space-0);
  flex-shrink: var(--bm-sem-space-0);
  cursor: var(--bm-input-choice-cursor, pointer);
  box-sizing: border-box;
  width: var(--bm-comp-input-size-choice-radio);
  height: var(--bm-comp-input-size-choice-radio);
  border-style: solid;
  border-width: var(--bm-comp-input-border-width-field-default);
  border-color: var(--bm-comp-input-color-border);
  border-radius: var(--bm-comp-input-radius-choice-radio);
  background-color: var(--bm-comp-input-color-bg);
}
.bm-radio-button__label .bm-radio-button__input::after {
  content: "";
  position: absolute;
  width: var(--bm-comp-input-size-choice-radio-inside);
  height: var(--bm-comp-input-size-choice-radio-inside);
  border-radius: var(--bm-comp-input-radius-choice-radio);
  top: calc(50% - var(--bm-comp-input-size-choice-radio-inside) / 2);
  left: calc(50% - var(--bm-comp-input-size-choice-radio-inside) / 2);
}
.bm-radio-button__label .bm-radio-button__input:focus-visible {
  outline-offset: var(--bm-sem-size-focus-offset);
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
}
.bm-radio-button__label .bm-radio-button__input:checked {
  border-color: var(--bm-comp-input-color-choice-radio-selected-border);
  background-color: var(--bm-comp-input-color-choice-radio-selected-bg);
}
.bm-radio-button__label .bm-radio-button__input:checked::after {
  background-color: var(--bm-comp-input-color-choice-radio-selected-inner-circle);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-border-disabled: rgba(134, 151, 165, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #f67378
  );
  --bm-comp-input-color-border-disabled: rgba(159, 175, 188, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #f67378
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

.bm-search {
  --bm-label-cursor: pointer;
  max-width: var(--bm-comp-input-size-field-width);
  position: relative;
  --bm-label-space-bottom: var(--bm-comp-label-space-bottom);
}
.bm-search--disabled {
  --bm-label-cursor: not-allowed;
  --bm-label-pointer-events: auto;
  --bm-text-field-cursor: not-allowed;
  --bm-text-field-input-cursor: not-allowed;
}
.bm-search--sm .bm-search__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-sm);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-sm);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-sm);
  --bm-input-field-font: var(--bm-comp-input-typo-sm);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-sm);
}
.bm-search--md .bm-search__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-md);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-md);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-md);
  --bm-input-field-font: var(--bm-comp-input-typo-md);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-md);
}
.bm-search--lg .bm-search__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-lg);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-lg);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-lg);
  --bm-input-field-font: var(--bm-comp-input-typo-lg);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-lg);
}
.bm-search--fluid {
  max-width: 100%;
}
.bm-search__field {
  --bm-text-field-input-cursor: text;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  cursor: var(--bm-text-field-cursor, pointer);
  user-select: none;
  font: var(--bm-input-field-font);
  min-height: var(--bm-input-field-height);
  gap: var(--bm-comp-input-space-field-gap);
  --bm-comp-icon-color: var(--bm-comp-input-color-icon);
  --bm-comp-icon-size: var(--bm-input-field-icon-size);
}
.bm-search__field__input {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: var(--bm-comp-input-space-field-gap);
  background: transparent;
  min-height: calc(var(--bm-input-field-height) - 2 * var(--bm-input-field-padding-y));
  line-height: calc(var(--bm-input-field-height) - 2 * var(--bm-input-field-padding-y));
  flex: 1;
  cursor: var(--bm-text-field-input-cursor, pointer);
  text-overflow: ellipsis;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  font: var(--bm-input-field-font);
  width: 100%;
  min-width: 3rem;
}
.bm-search__field__input::-webkit-search-decoration, .bm-search__field__input::-webkit-search-cancel-button, .bm-search__field__input::-webkit-search-results-button, .bm-search__field__input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.bm-search__field__input::placeholder {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-search--disabled, .bm-search--disabled .bm-search__field {
  --bm-text-field-cursor: not-allowed;
  --bm-text-field-input-cursor: not-allowed;
}
.bm-search--error .bm-search__field {
  color: var(--bm-comp-input-color-text);
  border-color: var(--bm-comp-input-color-border-error);
  background-color: var(--bm-comp-input-color-bg);
  --bm-comp-icon-color: var(--bm-comp-input-color-icon);
}
.bm-search--read-only .bm-search__field {
  color: var(--bm-comp-input-color-text);
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
  --bm-comp-icon-color: var(--bm-comp-input-color-icon);
}
.bm-search--read-only .bm-search__field .bm-search__content svg,
.bm-search--read-only .bm-search__field .bm-search__content ::slotted([slot*=content]) {
  color: var(--bm-comp-input-color-icon);
}
.bm-search--disabled .bm-search__field {
  color: var(--bm-comp-input-color-text-disabled);
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
  --bm-comp-icon-color: var(--bm-comp-input-color-icon-disabled);
}
.bm-search--disabled .bm-search__field .bm-search__content {
  opacity: var(--bm-sem-opacity-disabled);
}
.bm-search--disabled .bm-search__field .bm-search__content svg,
.bm-search--disabled .bm-search__field .bm-search__content ::slotted([slot*=content]) {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-search--disabled .bm-search__field .bm-search__field__input {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-search--disabled .bm-search__field .bm-search__field__input::placeholder {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-search__field {
  border: var(--bm-comp-input-border-width-field-default) solid var(--bm-comp-input-color-border);
  border-radius: var(--bm-comp-input-radius-field);
  cursor: var(--bm-text-field-input-cursor, pointer);
  box-shadow: var(--bm-comp-input-shadow-field);
  background-color: var(--bm-comp-input-color-bg);
  transform: translate3d(var(--bm-sem-space-0), var(--bm-sem-space-0), var(--bm-sem-space-0));
  padding-block: var(--bm-input-field-padding-y);
  padding-inline: var(--bm-input-field-padding-x);
  min-height: var(--bm-input-field-height);
}
.bm-search__field:focus-within {
  outline-offset: calc(0px - var(--bm-sem-size-focus-offset));
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
}
.bm-search__field__spinner {
  display: flex;
}
.bm-search__field .bm-search__content {
  display: flex;
  align-items: center;
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-search__field .bm-search__content svg,
.bm-search__field .bm-search__content ::slotted([slot*=content]) {
  color: var(--bm-comp-input-color-icon);
  height: var(--bm-sem-size-icon-sm);
}
.bm-search__field .bm-search__content .bm-icon {
  width: var(--bm-input-field-icon-size);
  height: var(--bm-input-field-icon-size);
}
.bm-search__dropdown {
  padding-block: var(--bm-sem-space-50);
}
.bm-search__results__view-all {
  color: var(--bm-sem-color-link-primary);
}
.bm-search__results__view-all .bm-action-list__item__content-before {
  --bm-comp-icon-color: var(--bm-sem-color-link-primary);
}
.bm-search__results__view-all--group {
  min-height: unset;
  padding: var(--bm-sem-space-25) 0;
  font: var(--bm-sem-typo-body-xs);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-seg-control-color-bg: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-seg-control-color-fg: var(--bm-sem-color-text-secondary, #576775);
  --bm-comp-seg-control-color-border: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-seg-control-color-bg-selected: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-seg-control-color-fg-selected: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-seg-control-color-border-selected: var(
    --bm-sem-color-border-inverse,
    #465967
  );
  --bm-comp-seg-control-space-sm-x: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-seg-control-space-md-x: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-seg-control-space-lg-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-seg-control-radius: var(--bm-sem-radius-sm, 0.25rem);
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-seg-control-color-bg: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-seg-control-color-fg: var(--bm-sem-color-text-secondary, #c3cdd5);
  --bm-comp-seg-control-color-border: var(--bm-sem-color-border-02, #465967);
  --bm-comp-seg-control-color-bg-selected: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-seg-control-color-fg-selected: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-seg-control-color-border-selected: var(
    --bm-sem-color-border-inverse,
    #dfe7ec
  );
  --bm-comp-seg-control-space-sm-x: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-seg-control-space-md-x: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-seg-control-space-lg-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-seg-control-radius: var(--bm-sem-radius-sm, 0.25rem);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-btn-color-accent-filled-bg: var(
    --bm-sem-color-action-primary,
    #00768f
  );
  --bm-comp-btn-color-accent-filled-fg: var(
    --bm-sem-color-action-onPrimary,
    #ffffff
  );
  --bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-outline-fg: var(
    --bm-sem-color-action-primary,
    #00768f
  );
  --bm-comp-btn-color-accent-outline-border: var(
    --bm-sem-color-action-primary,
    #00768f
  );
  --bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-ghost-fg: var(
    --bm-sem-color-action-primary,
    #00768f
  );
  --bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-bare-fg: var(
    --bm-sem-color-action-primary,
    #00768f
  );
  --bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-filled-bg: var(
    --bm-sem-color-action-neutral,
    #141d24
  );
  --bm-comp-btn-color-neutral-filled-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-btn-color-neutral-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-outline-fg: var(
    --bm-sem-color-action-neutral,
    #141d24
  );
  --bm-comp-btn-color-neutral-outline-border: var(
    --bm-sem-color-action-neutral,
    #141d24
  );
  --bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-ghost-fg: var(
    --bm-sem-color-action-neutral,
    #141d24
  );
  --bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-bare-fg: var(
    --bm-sem-color-action-neutral,
    #141d24
  );
  --bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-subtle-filled-bg: var(
    --bm-sem-color-action-neutral-subtle,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-btn-color-neutral-subtle-filled-fg: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-btn-color-neutral-subtle-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-outline-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-outline-fg: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-btn-color-neutral-subtle-outline-border: var(
    --bm-sem-color-border-info-secondary,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-btn-color-neutral-subtle-ghost-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-ghost-fg: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-btn-color-neutral-subtle-ghost-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-bare-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-bare-fg: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-btn-color-neutral-subtle-bare-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-filled-bg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-filled-fg: var(
    --bm-sem-color-static-white,
    #ffffff
  );
  --bm-comp-btn-color-destructive-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-outline-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-outline-fg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-outline-border: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-destructive-ghost-fg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-ghost-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-destructive-bare-fg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-bare-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-loading-filled-bg: var(
    --bm-sem-color-action-neutral-subtle,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-btn-color-loading-filled-fg: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-btn-color-loading-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-outline-fg: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-btn-color-loading-outline-border: var(
    --bm-sem-color-border-strong,
    #8697a5
  );
  --bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-ghost-fg: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-bare-fg: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-border-width: var(--bm-sem-border-width-action, 0.063rem);
  --bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-btn-space-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-btn-space-label-x: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-btn-space-sm-x: var(--bm-alias-action-space-sm-x, 0.5rem);
  --bm-comp-btn-space-sm-y: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-btn-space-md-x: var(--bm-alias-action-space-md-x, 0.75rem);
  --bm-comp-btn-space-md-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-btn-space-lg-x: var(--bm-alias-action-space-lg-x, 1rem);
  --bm-comp-btn-space-lg-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);
  --bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);
  --bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);
  --bm-comp-btn-radius-container: var(--bm-sem-radius-action-default, 0.25rem);
  --bm-comp-btn-radius-focus: var(--bm-alias-action-radius-focus, 0.5rem);
  --bm-comp-btn-typo-sm: var(
    --bm-sem-typo-compact-label-sm,
    600 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-btn-typo-md: var(
    --bm-sem-typo-compact-label-md,
    600 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-btn-typo-lg: var(
    --bm-sem-typo-compact-label-lg,
    600 1.125rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
  --bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, 0.2);
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-btn-color-accent-filled-bg: var(
    --bm-sem-color-action-primary,
    #43bfd6
  );
  --bm-comp-btn-color-accent-filled-fg: var(
    --bm-sem-color-action-onPrimary,
    #141d24
  );
  --bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-outline-fg: var(
    --bm-sem-color-action-primary,
    #43bfd6
  );
  --bm-comp-btn-color-accent-outline-border: var(
    --bm-sem-color-action-primary,
    #43bfd6
  );
  --bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-ghost-fg: var(
    --bm-sem-color-action-primary,
    #43bfd6
  );
  --bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-accent-bare-fg: var(
    --bm-sem-color-action-primary,
    #43bfd6
  );
  --bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-filled-bg: var(
    --bm-sem-color-action-neutral,
    #ffffff
  );
  --bm-comp-btn-color-neutral-filled-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-btn-color-neutral-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-outline-fg: var(
    --bm-sem-color-action-neutral,
    #ffffff
  );
  --bm-comp-btn-color-neutral-outline-border: var(
    --bm-sem-color-action-neutral,
    #ffffff
  );
  --bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-ghost-fg: var(
    --bm-sem-color-action-neutral,
    #ffffff
  );
  --bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-bare-fg: var(
    --bm-sem-color-action-neutral,
    #ffffff
  );
  --bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-neutral-subtle-filled-bg: var(
    --bm-sem-color-action-neutral-subtle,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-btn-color-neutral-subtle-filled-fg: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-btn-color-neutral-subtle-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-outline-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-outline-fg: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-btn-color-neutral-subtle-outline-border: var(
    --bm-sem-color-border-info-secondary,
    rgba(209, 218, 224, 0.4)
  );
  --bm-comp-btn-color-neutral-subtle-ghost-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-ghost-fg: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-btn-color-neutral-subtle-ghost-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-bare-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-neutral-subtle-bare-fg: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-btn-color-neutral-subtle-bare-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-filled-bg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-filled-fg: var(
    --bm-sem-color-static-white,
    #ffffff
  );
  --bm-comp-btn-color-destructive-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-outline-bg: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-outline-fg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-outline-border: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-destructive-ghost-fg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-ghost-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-destructive-bare-fg: var(
    --bm-sem-color-action-destructive,
    #cc2429
  );
  --bm-comp-btn-color-destructive-bare-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-loading-filled-bg: var(
    --bm-sem-color-action-neutral-subtle,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-btn-color-loading-filled-fg: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-btn-color-loading-filled-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-outline-fg: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-btn-color-loading-outline-border: var(
    --bm-sem-color-border-strong,
    #9fafbc
  );
  --bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-ghost-fg: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-color-loading-bare-fg: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);
  --bm-comp-btn-border-width: var(--bm-sem-border-width-action, 0.063rem);
  --bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-btn-space-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-btn-space-label-x: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-btn-space-sm-x: var(--bm-alias-action-space-sm-x, 0.5rem);
  --bm-comp-btn-space-sm-y: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-btn-space-md-x: var(--bm-alias-action-space-md-x, 0.75rem);
  --bm-comp-btn-space-md-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-btn-space-lg-x: var(--bm-alias-action-space-lg-x, 1rem);
  --bm-comp-btn-space-lg-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);
  --bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);
  --bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);
  --bm-comp-btn-radius-container: var(--bm-sem-radius-action-default, 0.25rem);
  --bm-comp-btn-radius-focus: var(--bm-alias-action-radius-focus, 0.5rem);
  --bm-comp-btn-typo-sm: var(
    --bm-sem-typo-compact-label-sm,
    600 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-btn-typo-md: var(
    --bm-sem-typo-compact-label-md,
    600 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-btn-typo-lg: var(
    --bm-sem-typo-compact-label-lg,
    600 1.125rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));
  --bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, 0.2);
}

.bm-segmented-control {
  box-shadow: var(--bm-comp-btn-shadow);
}
.bm-segmented-control--disabled {
  opacity: var(--bm-sem-opacity-disabled);
  cursor: not-allowed;
}

.bm-segmented-control__list {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  gap: 0;
  max-width: 100%;
  min-width: 0;
}
.bm-segmented-control__list ::slotted(*) {
  min-width: 0;
  flex-shrink: 1;
}
.bm-segmented-control__list--fluid {
  width: 100%;
  display: flex;
}
.bm-segmented-control__list--fluid ::slotted(*) {
  flex: 1 1 auto;
}

.bm-segmented-control__item {
  display: flex;
  position: relative;
  border: var(--bm-comp-btn-border-width) solid var(--bm-comp-seg-control-color-border);
  border-color: var(--bm-comp-seg-control-color-border);
  margin-inline-start: -1px;
  min-width: 0;
  outline: none;
  background: var(--bm-comp-seg-control-color-bg);
  color: var(--bm-comp-seg-control-color-fg);
  cursor: pointer;
  justify-content: center;
}
.bm-segmented-control__item--fluid {
  flex: 1 1 auto;
  min-width: 0;
}
.bm-segmented-control__item--fluid .bm-segmented-control__item__label {
  width: 100%;
  min-width: 0;
}
.bm-segmented-control__item--first {
  border-radius: var(--bm-comp-seg-control-radius) 0 0 var(--bm-comp-seg-control-radius);
  border-inline-start-color: var(--bm-comp-seg-control-color-border);
  margin-inline-start: 0;
}
[dir=rtl] .bm-segmented-control__item--first, :dir(rtl) .bm-segmented-control__item--first {
  border-radius: 0 var(--bm-comp-seg-control-radius) var(--bm-comp-seg-control-radius) 0;
}
.bm-segmented-control__item--last {
  border-radius: 0 var(--bm-comp-seg-control-radius) var(--bm-comp-seg-control-radius) 0;
  border-inline-end-color: var(--bm-comp-seg-control-color-border);
  margin-inline-end: 0;
}
[dir=rtl] .bm-segmented-control__item--last, :dir(rtl) .bm-segmented-control__item--last {
  border-radius: var(--bm-comp-seg-control-radius) 0 0 var(--bm-comp-seg-control-radius);
}
.bm-segmented-control__item__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--bm-comp-btn-space-gap);
  cursor: inherit;
  min-width: 0;
  width: 100%;
}
.bm-segmented-control__item__controlText {
  align-content: center;
  height: 100%;
  padding: 0 var(--bm-comp-btn-space-label-x);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bm-segmented-control__item__icon,
.bm-segmented-control__item ::slotted([slot=icon]) {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.bm-segmented-control__item--selected {
  z-index: 1;
  background: var(--bm-comp-seg-control-color-bg-selected);
  border: var(--bm-comp-btn-border-width) solid var(--bm-comp-seg-control-color-border-selected);
}
.bm-segmented-control__item--selected .bm-segmented-control__item__controlText,
.bm-segmented-control__item--selected .bm-segmented-control__item__icon,
.bm-segmented-control__item--selected ::slotted([slot=icon]) {
  color: var(--bm-comp-seg-control-color-fg-selected);
}
.bm-segmented-control__item--selected:hover > .bm-state-layer:not(.bm-state-layer--without-hover) {
  --bm-state-layer-background: unset;
}
.bm-segmented-control__item__state-layer {
  pointer-events: none;
  cursor: pointer;
  z-index: 2;
}
.bm-segmented-control__item:focus-visible .bm-state-layer {
  --bm-state-layer-outline-width: var(--bm-sem-border-width-focus);
  --bm-state-layer-outline-color: var(--bm-sem-color-border-focus);
  --bm-state-layer-outline-offset: 0;
}
.bm-segmented-control__item--disabled {
  opacity: var(--bm-sem-opacity-disabled);
  cursor: not-allowed !important;
}
.bm-segmented-control__item--sm {
  height: var(--bm-comp-btn-size-sm-height);
  font: var(--bm-comp-btn-typo-sm);
  padding: 0 var(--bm-comp-seg-control-space-sm-x);
}
.bm-segmented-control__item--sm .bm-segmented-control__item__icon svg,
.bm-segmented-control__item--sm ::slotted([slot=icon]) {
  width: var(--bm-comp-btn-size-sm-icon);
  height: var(--bm-comp-btn-size-sm-icon);
}
.bm-segmented-control__item--sm.bm-segmented-control__item--iconOnly {
  padding: 0 !important;
  min-width: var(--bm-comp-btn-size-sm-width);
}
.bm-segmented-control__item--md {
  height: var(--bm-comp-btn-size-md-height);
  font: var(--bm-comp-btn-typo-md);
  padding: 0 var(--bm-comp-seg-control-space-md-x);
}
.bm-segmented-control__item--md .bm-segmented-control__item__icon svg,
.bm-segmented-control__item--md ::slotted([slot=icon]) {
  width: var(--bm-comp-btn-size-md-icon);
  height: var(--bm-comp-btn-size-md-icon);
}
.bm-segmented-control__item--md.bm-segmented-control__item--iconOnly {
  padding: 0 !important;
  min-width: var(--bm-comp-btn-size-md-width);
}
.bm-segmented-control__item--lg {
  height: var(--bm-comp-btn-size-lg-height);
  font: var(--bm-comp-btn-typo-lg);
  padding: 0 var(--bm-comp-seg-control-space-lg-x);
}
.bm-segmented-control__item--lg .bm-segmented-control__item__icon svg,
.bm-segmented-control__item--lg ::slotted([slot=icon]) {
  width: var(--bm-comp-btn-size-lg-icon);
  height: var(--bm-comp-btn-size-lg-icon);
}
.bm-segmented-control__item--lg.bm-segmented-control__item--iconOnly {
  padding: 0 !important;
  min-width: var(--bm-comp-btn-size-lg-width);
}

.bm-segmented-control__panel {
  display: none;
}
.bm-segmented-control__panel--selected {
  display: block;
}

.bm-side-nav__action--selected::after, .bm-state-layer {
  --bm-state-layer-offset: 0;
  --bm-state-layer-opacity: 0;
  --bm-state-layer-outline-width: var(--bm-sem-border-width-focus);
  --bm-state-layer-outline-offset: var(--bm-sem-size-focus-offset);
  --bm-state-layer-outline-color: transparent;
  --bm-state-layer-outline-style: solid;
  --bm-state-layer-outline: var(--bm-state-layer-outline-color) var(--bm-state-layer-outline-style) var(--bm-state-layer-outline-width);
  --bm-state-layer-top: 0;
  --bm-state-layer-right: 0;
  --bm-state-layer-bottom: 0;
  --bm-state-layer-left: 0;
  position: absolute;
  top: var(--bm-state-layer-top);
  right: var(--bm-state-layer-right);
  bottom: var(--bm-state-layer-bottom);
  left: var(--bm-state-layer-left);
  border-radius: inherit;
  opacity: var(--bm-state-layer-opacity);
  background: var(--bm-state-layer-background);
  outline-style: var(--bm-state-layer-outline-style);
  outline-offset: var(--bm-state-layer-outline-offset);
  outline-color: var(--bm-state-layer-outline-color);
  outline-width: var(--bm-state-layer-outline-width);
}

*:hover > .bm-state-layer:not(.bm-state-layer--without-hover) {
  --bm-state-layer-background: var(--bm-sem-color-state-layer-hover);
  --bm-state-layer-opacity: 1;
}

*:active > .bm-state-layer:not(.bm-state-layer--without-active) {
  --bm-state-layer-background: var(--bm-sem-color-state-layer-active);
  --bm-state-layer-opacity: 1;
}

*:focus-within > .bm-state-layer.bm-state-layer--with-focus-within {
  --bm-state-layer-outline-color: var(--bm-sem-color-border-focus);
  --bm-state-layer-opacity: 1;
}

*:is(:focus-visible, :has(:focus-visible)) > .bm-state-layer:not(.bm-state-layer--without-focus-visible-within) {
  --bm-state-layer-outline-color: var(--bm-sem-color-border-focus);
  --bm-state-layer-opacity: 1;
}

*:disabled > .bm-state-layer:not(.bm-state-layer--without-disabled) {
  --bm-state-layer-background: "unset";
  --bm-state-layer-opacity: 0;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-side-nav-space-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-side-nav-space-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-side-nav-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-side-nav-space-item-start: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-side-nav-space-heading-y: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-side-nav-size-rail: 4.25rem;
  --bm-comp-side-nav-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-side-nav-color-border: var(--bm-sem-color-border-01, #dfe7ec);
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-side-nav-space-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-side-nav-space-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-side-nav-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-side-nav-space-item-start: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-side-nav-space-heading-y: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-side-nav-size-rail: 4.25rem;
  --bm-comp-side-nav-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-side-nav-color-border: var(--bm-sem-color-border-01, #32424e);
}

@keyframes post-transition-effect {
  100% {
    overflow-x: unset;
  }
}
.bm-side-nav__wrapper {
  position: relative;
}

.bm-side-nav {
  display: flex;
  flex: 1;
  flex-direction: column;
  user-select: none;
  inset-block: 0;
  inset-inline-start: 0;
  align-items: center;
  z-index: 2;
  transition: inline-size 0.3s;
  background: var(--bm-comp-side-nav-color-bg);
  inline-size: 0px;
  position: relative;
  overflow-x: clip;
  height: 100%;
}
.bm-side-nav .bm-action-list {
  width: 100%;
}
@media screen and (max-width: calc(1200px - 1px)) {
  .bm-side-nav--mobile-enabled {
    display: none;
  }
  .bm-side-nav--mobile-enabled.bm-side-nav--interacted {
    display: flex;
  }
}
.bm-side-nav--floating {
  position: absolute;
}
.bm-side-nav--rail {
  inline-size: var(--bm-comp-side-nav-size-rail);
  border-inline-end: var(--bm-sem-border-width-md) solid var(--bm-comp-side-nav-color-border);
  box-sizing: content-box;
}
@media screen and (max-width: calc(1200px - 1px)) {
  .bm-side-nav--rail.bm-side-nav--mobile-enabled {
    display: none;
  }
}
.bm-side-nav--rail .bm-side-nav__action .bm-action-list__item__content, .bm-side-nav--rail .bm-side-nav__action .bm-action-list__item__content-after, .bm-side-nav--rail .bm-side-nav__action .bm-action-list__item__content-flyout {
  width: 0;
  overflow: hidden;
  min-width: 0;
}
.bm-side-nav--rail .bm-side-nav__header,
.bm-side-nav--rail .bm-side-nav__heading,
.bm-side-nav--rail .bm-side-nav__resize-handler,
.bm-side-nav--rail .bm-side-nav__body__nav-container,
.bm-side-nav--rail .bm-side-nav__footer__slot {
  display: none;
}
.bm-side-nav--drawer {
  border-inline-end: var(--bm-sem-border-width-md) solid var(--bm-comp-side-nav-color-border);
  animation: post-transition-effect 0.3s both;
}
@media screen and (min-width: 1200px) {
  .bm-side-nav--drawer .bm-side-nav__body__nav-container {
    display: none;
  }
}
.bm-side-nav__action {
  width: 100%;
}
.bm-side-nav__action.bm-action-list__item {
  padding-inline-start: var(--bm-comp-side-nav-space-item-start);
  text-decoration: none;
}
.bm-side-nav__action--selected .bm-action-list__item__content-before,
.bm-side-nav__action--selected .bm-action-list__item__content-after {
  --bm-comp-icon-color: var(--bm-comp-actionlist-color-icon-selected);
}
.bm-side-nav__action--selected .bm-action-list__item__text {
  color: var(--bm-comp-actionlist-color-text-selected);
  font: var(--bm-comp-actionlist-typo-text-selected);
}
.bm-side-nav__action--selected::after {
  --bm-state-layer-right: calc(
          -1 * var(--bm-comp-actionlist-size-state-offset)
        );
  --bm-state-layer-left: calc(
          -1 * var(--bm-comp-actionlist-size-state-offset)
        );
  content: "";
  border-radius: var(--bm-comp-actionlist-radius);
  z-index: -2;
  background-color: var(--bm-sem-color-surface-selected);
  opacity: 1;
}
.bm-side-nav__action--selected::before {
  display: block;
  position: absolute;
  background: var(--bm-comp-actionlist-color-indicator);
  content: "";
  inset-inline-start: 0;
  transform: translateX(-50%);
  border-radius: var(--bm-comp-actionlist-radius-indicator);
  width: var(--bm-comp-actionlist-size-indicator-width);
  height: calc(100% - 2 * var(--bm-sem-space-75));
}
.bm-side-nav__action--expandable.bm-side-nav__action--selected::before {
  display: none;
}
.bm-side-nav__resize-handler {
  position: absolute;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: 100;
  width: 0.75rem;
  height: 100%;
  inset-block-start: 0px;
  inset-inline-end: -0.75rem;
  display: flex;
  justify-content: start;
}
.bm-side-nav__resize-handler:hover, .bm-side-nav__resize-handler:active {
  opacity: 1;
  cursor: col-resize;
  border-inline-start: solid var(--bm-sem-color-border-selected) var(--bm-sem-border-width-lg);
}
.bm-side-nav__resize-handler--hidden {
  display: none;
}
.bm-side-nav__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: all 0.3s;
  background: transparent;
}
.bm-side-nav__backdrop--opaque {
  background: var(--bm-sem-color-overlay-black-40);
}
.bm-side-nav__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: var(--bm-comp-side-nav-space-heading-y);
  padding-inline-start: var(--bm-comp-side-nav-space-item-start);
  color: var(--bm-comp-actionlist-color-group-heading);
  white-space: nowrap;
}
.bm-side-nav__heading__content {
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--bm-sem-font-family-label);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.bm-side-nav__group {
  width: 100%;
}
.bm-side-nav__header {
  display: flex;
  padding: var(--bm-sem-space-50) var(--bm-comp-side-nav-space-x);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  gap: var(--bm-sem-space-50);
  overflow-x: clip;
}
.bm-side-nav__footer {
  display: flex;
  padding: var(--bm-sem-space-50) var(--bm-comp-side-nav-space-x);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--bm-sem-space-50);
  align-self: stretch;
}
.bm-side-nav__footer > div {
  width: 100%;
}
.bm-side-nav__body--scrolled-bottom + .bm-side-nav__footer {
  border-block-start: 1px solid var(--bm-sem-color-border-01);
}
.bm-side-nav__header:has(+ .bm-side-nav__body--scrolled-top) {
  border-block-end: 1px solid var(--bm-sem-color-border-01);
}
.bm-side-nav__body {
  display: flex;
  padding-block: var(--bm-sem-space-50);
  padding-inline: var(--bm-comp-side-nav-space-x);
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  overflow-y: auto;
  overflow-x: hidden;
}
.bm-side-nav__body > div {
  width: 100%;
}
.bm-side-nav__body__divider {
  margin: var(--bm-comp-actionlist-space-y) 0;
}
.bm-side-nav__body__nav-container {
  padding-block-end: var(--bm-sem-space-150);
}
.bm-side-nav .bm-accordion {
  position: relative;
}
.bm-side-nav .bm-accordion .bm-action-list__item {
  width: 100%;
}
.bm-side-nav .bm-accordion__chevron {
  display: none;
}
.bm-side-nav .bm-accordion .bm-accordion__container {
  padding: 0;
  min-height: unset;
  flex-direction: row-reverse;
  gap: 0;
}
.bm-side-nav .bm-accordion .bm-accordion__container--expanded .bm-side-nav__action__expandable-icon svg {
  will-change: transform;
  transition: transform 0.2s ease;
  transform: rotate(90deg);
}
.bm-side-nav .bm-accordion section[class*=bm-accordion__panel] {
  padding: 0;
}
.bm-side-nav .bm-accordion section[class*=bm-accordion__panel] > div {
  padding-inline: 0.5rem;
  margin-inline: -0.5rem;
  overflow: unset;
  overflow-x: visible;
  overflow-y: hidden;
  gap: 0;
}
.bm-side-nav .bm-accordion .bm-accordion__heading {
  gap: 0;
  position: relative;
}
.bm-side-nav .bm-accordion .bm-accordion__heading .bm-side-nav__action__expandable-icon {
  z-index: 2;
  position: absolute;
  inset-inline-start: 0;
  transform: translateX(-50%);
  width: var(--bm-comp-btn-size-sm-icon);
  height: var(--bm-comp-btn-size-sm-icon);
}
.bm-side-nav .bm-accordion .bm-accordion__heading .bm-side-nav__action__expandable-icon:focus-within > .bm-state-layer.bm-state-layer--with-focus-within, .bm-side-nav .bm-accordion .bm-accordion__heading .bm-side-nav__action__expandable-icon:focus-visible > .bm-state-layer:not(.bm-state-layer--without-focus-visible), .bm-side-nav .bm-accordion .bm-accordion__heading .bm-side-nav__action__expandable-icon:focus > .bm-state-layer:not(.bm-state-layer--without-focus), .bm-side-nav .bm-accordion .bm-accordion__heading .bm-side-nav__action__expandable-icon:hover > .bm-state-layer:not(.bm-state-layer--without-hover), .bm-side-nav .bm-accordion .bm-accordion__heading .bm-side-nav__action__expandable-icon:active > .bm-state-layer:not(.bm-state-layer--without-active) {
  --bm-state-layer-background: transparent;
}
.bm-side-nav .bm-accordion .bm-accordion__heading .bm-side-nav__action__expandable-icon .bm-state-layer {
  --bm-state-layer-top: 0.125rem;
  --bm-state-layer-bottom: 0.125rem;
  --bm-state-layer-left: 0.125rem;
  --bm-state-layer-right: 0.125rem;
  border-radius: var(--bm-sem-radius-sm);
}
.bm-side-nav .bm-accordion .bm-accordion__heading .bm-side-nav__action__expandable-icon:has(+ .bm-side-nav__action--selected) {
  color: var(--bm-comp-actionlist-color-indicator);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-slider-color-track-bg: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-slider-color-track-bg-filled: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-slider-color-handle-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-slider-color-handle-border: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-slider-color-endpoint: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-slider-color-values: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-slider-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-slider-color-step: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-slider-size-track: var(--bm-primitive-dimension-25, 0.25rem);
  --bm-comp-slider-size-handle: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-slider-size-handle-active: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-slider-size-endpoint: var(--bm-comp-slider-size-track, 0.25rem);
  --bm-comp-slider-size-step-x: var(--bm-primitive-dimension-12, 0.125rem);
  --bm-comp-slider-space-gap-y: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-slider-space-gap-inside-x: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-slider-space-gap-outside-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-slider-radius-handle: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-slider-radius-endpoint: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-slider-radius-track: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-slider-border-width-handle: var(--bm-sem-border-width-lg, 0.125rem);
  --bm-comp-slider-typo-values: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-slider-color-track-bg: var(--bm-sem-color-border-02, #465967);
  --bm-comp-slider-color-track-bg-filled: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-slider-color-handle-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-slider-color-handle-border: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-slider-color-endpoint: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-slider-color-values: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-slider-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-slider-color-step: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-slider-size-track: var(--bm-primitive-dimension-25, 0.25rem);
  --bm-comp-slider-size-handle: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-slider-size-handle-active: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-slider-size-endpoint: var(--bm-comp-slider-size-track, 0.25rem);
  --bm-comp-slider-size-step-x: var(--bm-primitive-dimension-12, 0.125rem);
  --bm-comp-slider-space-gap-y: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-slider-space-gap-inside-x: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-slider-space-gap-outside-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-slider-radius-handle: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-slider-radius-endpoint: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-slider-radius-track: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-slider-border-width-handle: var(--bm-sem-border-width-lg, 0.125rem);
  --bm-comp-slider-typo-values: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
}

.bm-slider {
  width: 100%;
  --bm-label-cursor: pointer;
  --bm-slider-cursor: pointer;
  --bm-slider-track-cursor: pointer;
  --bm-slider-thumb-cursor: pointer;
  --bm-comp-slider-min-percentage: 0cqw;
  --bm-comp-slider-max-percentage: 0cqw;
  font: var(--bm-comp-input-typo-md);
}
.bm-slider--disabled {
  --bm-label-cursor: not-allowed;
  --bm-label-pointer-events: auto;
  --bm-text-field-cursor: not-allowed;
  --bm-text-field-input-cursor: not-allowed;
}
.bm-slider--disabled {
  --bm-slider-cursor: not-allowed;
  --bm-slider-track-cursor: not-allowed;
  --bm-slider-thumb-cursor: not-allowed;
}
.bm-slider--disabled .bm-slider__thumb {
  background-color: var(--bm-comp-input-color-icon);
  border: unset;
}
.bm-slider--disabled .bm-slider__track::before {
  background-color: var(--bm-comp-input-color-border-disabled);
}
.bm-slider--disabled .bm-slider__fill {
  background-color: var(--bm-comp-input-color-icon);
}
.bm-slider--disabled .bm-slider__value-axis-label {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--bm-comp-input-color-icon);
}
.bm-slider--readonly {
  --bm-slider-cursor: default;
  --bm-slider-track-cursor: not-allowed;
  --bm-slider-thumb-cursor: default;
}
.bm-slider--readonly .bm-slider__thumb {
  background-color: var(--bm-comp-input-color-icon);
  border: unset;
}
.bm-slider--readonly .bm-slider__track::before {
  background-color: var(--bm-comp-input-color-border-disabled);
}
.bm-slider--readonly .bm-slider__fill {
  background-color: var(--bm-comp-input-color-border-disabled);
}
.bm-slider--readonly .bm-slider__value-axis-label {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--bm-comp-input-color-icon);
}
.bm-slider--with-value-axis .bm-slider__content-container {
  align-items: flex-start;
}
.bm-slider__track {
  position: relative;
  height: var(--bm-comp-slider-size-handle);
  display: flex;
  align-items: center;
  cursor: var(--bm-slider-track-cursor, pointer);
  container: slider-track/size;
}
.bm-slider__track::before {
  content: "";
  position: absolute;
  width: 100%;
  height: var(--bm-comp-slider-size-track);
  background-color: var(--bm-comp-slider-color-track-bg);
  border-radius: var(--bm-comp-slider-radius-track);
}
.bm-slider__fill {
  position: absolute;
  height: var(--bm-comp-slider-size-track);
  background-color: var(--bm-comp-slider-color-track-bg-filled);
  border-radius: var(--bm-comp-slider-radius-track);
  transition: transform cubic-bezier(0, 0.33, 0, 0.76);
  left: 0;
  width: 100%;
  transform-origin: 0% 50%;
  transform: translateX(var(--bm-comp-slider-min-percentage, 0cqw)) scaleX(calc((var(--bm-comp-slider-max-percentage, 0cqw) - var(--bm-comp-slider-min-percentage, 0cqw)) / 100cqw));
  transition: transform 0.05s cubic-bezier(0, 0.33, 0, 0.76);
}
[dir=rtl] .bm-slider__fill {
  transform: translateX(calc(100cqw - var(--bm-comp-slider-max-percentage, 0cqw))) scaleX(calc((var(--bm-comp-slider-max-percentage, 0cqw) - var(--bm-comp-slider-min-percentage, 0cqw)) / 100cqw));
}
.bm-slider__thumb-container {
  --bm-comp-slider-thumb-percentage: 0cqw;
  --bm-comp-slider-thumb-scale: 1;
  position: absolute;
  left: calc(0 - var(--bm-comp-slider-size-handle) / 2);
  width: var(--bm-comp-slider-size-handle);
  height: var(--bm-comp-slider-size-handle);
  transition: transform 0.05s cubic-bezier(0, 0.33, 0, 0.76);
  transform-origin: 50% 50%;
  transform: translateX(calc(var(--bm-comp-slider-thumb-percentage, 0cqw) - 50%));
}
[dir=rtl] .bm-slider__thumb-container {
  transform: translateX(calc(50% - var(--bm-comp-slider-thumb-percentage, 0cqw)));
}
.bm-slider__thumb {
  width: 100%;
  height: 100%;
  background-color: var(--bm-comp-slider-color-handle-bg);
  border-radius: var(--bm-comp-slider-radius-handle);
  border: var(--bm-comp-slider-border-width-handle) solid var(--bm-comp-slider-color-handle-border);
  cursor: var(--bm-slider-thumb-cursor, grab);
  transform: scale(var(--bm-comp-slider-thumb-scale, 1));
  transition: transform 0.05s cubic-bezier(0, 0.33, 0, 0.76);
}
.bm-slider__thumb:focus-visible {
  outline-color: var(--bm-alias-color-ramp-accent-base);
  box-shadow: 0 0 0 var(--bm-sem-border-width-focus) var(--bm-sem-color-surface-01), 0 0 0 calc(var(--bm-sem-border-width-focus) + var(--bm-sem-border-width-focus)) var(--bm-sem-color-border-focus);
}
.bm-slider__thumb-container:active {
  --bm-comp-slider-thumb-scale: calc(var(--bm-comp-slider-size-handle-active) / var(--bm-comp-slider-size-handle));
}
.bm-slider__tick {
  position: absolute;
  top: 50%;
  width: var(--bm-comp-slider-size-step-x);
  height: var(--bm-comp-slider-size-track);
  background: var(--bm-comp-slider-color-step);
  transform: translateY(-50%);
  pointer-events: none;
}
.bm-slider__value-axis-label {
  font: var(--bm-comp-slider-typo-values);
  color: var(--bm-comp-slider-color-values);
  position: absolute;
  background: none;
  border: none;
  padding: 0;
  z-index: 1;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: auto;
  font-weight: inherit;
}
.bm-slider__value-axis-helper {
  visibility: hidden;
  position: relative;
}
.bm-slider__value-axis {
  position: relative;
  width: 100%;
  margin-top: var(--bm-comp-slider-space-gap-y);
}
.bm-slider__content-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--bm-comp-slider-space-gap-outside-x);
}
.bm-slider__textfield {
  width: 100%;
  /* Chromium-based */
  /* Firefox */
}
.bm-slider__textfield ::-webkit-outer-spin-button,
.bm-slider__textfield ::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.bm-slider__textfield [type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.bm-slider__content-before, .bm-slider__content-after {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bm-spinner {
  position: relative;
  margin: 0 auto;
  width: var(--bm-spinner-side-length);
  height: var(--bm-spinner-side-length);
}

.bm-spinner__circle-bg, .bm-spinner__circle {
  r: calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) / 2);
  stroke-width: var(--bm-spinner-stroke-width);
}

.bm-spinner__svg {
  position: relative;
  transform: rotate(-90deg) translate3d(0, 0, 0);
  width: calc(var(--bm-spinner-side-length));
  height: calc(var(--bm-spinner-side-length));
}

.bm-spinner__circle {
  stroke: var(--bm-comp-spinner-color-indicator);
  stroke-linecap: round;
  transform-origin: center;
}

.bm-spinner__circle-bg {
  stroke: var(--bm-comp-spinner-color-track);
}

@keyframes dash {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1, calc(
      (var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 *
        1.6
    );
  }
  50% {
    stroke-dasharray: calc(
      (var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 *
        0.712
    ), 500;
    stroke-dashoffset: calc(
      (var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 *
        -0.278
    );
  }
  100% {
    stroke-dasharray: calc(
      (var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 *
        0.708
    ), 500;
    stroke-dashoffset: calc(
      (var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 *
        -0.992
    );
  }
}

.bm-spinner__content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--bm-spinner-label-to-description-spacing);
}
.bm-spinner__heading {
  display: inline-flex;
  color: var(--bm-comp-spinner-color-heading);
  font: var(--bm-comp-spinner-typo-heading);
}
.bm-spinner__percentage-indicator:before {
  content: " ";
}
.bm-spinner__body {
  margin: 0;
  color: var(--bm-comp-spinner-color-body);
  font: var(--bm-comp-spinner-typo-body);
  text-align: center;
}
@keyframes rotation {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

.bm-spinner--indeterminate .bm-spinner__svg {
  animation: rotation calc(var(--bm-spinner-animation-speed) / 2) linear infinite;
}
.bm-spinner--indeterminate .bm-spinner__circle {
  animation: dash calc(var(--bm-spinner-animation-speed) / 2) ease infinite;
}

.bm-spinner--determinate .bm-spinner__circle {
  transition: stroke-dasharray 0.5s ease;
  stroke-dasharray: calc((
            (var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) *
              3.1415926536
          ) * var(--bm-spinner-value) / 100) 300px;
  stroke-dashoffset: 0;
}

.bm-spinner-wrap {
  --bm-spinner-animation-speed: 3s;
  max-width: var(--bm-comp-spinner-size-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--bm-spinner-label-to-spinner-spacing);
}
.bm-spinner-wrap progress {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  position: absolute;
  visibility: hidden;
  width: 0;
}
.bm-spinner-wrap ::-moz-progress-bar,
.bm-spinner-wrap ::-webkit-progress-bar,
.bm-spinner-wrap ::-webkit-progress-value,
.bm-spinner-wrap ::-webkit-progress-inner-element {
  -webkit-appearance: none;
  appearance: none;
}
.bm-spinner-wrap--xs, .bm-spinner-wrap--xxs {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  max-width: unset;
}
.bm-spinner-wrap--xs .bm-spinner, .bm-spinner-wrap--xxs .bm-spinner {
  box-sizing: content-box;
  margin-bottom: 0;
  padding: var(--bm-comp-spinner-space-nudge-y) 0;
}
.bm-spinner-wrap--xs .bm-spinner__content-wrapper, .bm-spinner-wrap--xxs .bm-spinner__content-wrapper {
  display: inline-flex;
  flex-direction: row;
}
.bm-spinner-wrap--xs .bm-spinner__body, .bm-spinner-wrap--xxs .bm-spinner__body {
  text-align: left;
}
.bm-spinner-wrap--xxs .bm-spinner__heading {
  font: var(--bm-sem-typo-label-sm);
}
.bm-spinner-wrap--xxs .bm-spinner__body {
  font: var(--bm-sem-typo-body-sm);
}
.bm-spinner-wrap--xxs {
  --bm-spinner-side-length: var(--bm-comp-spinner-size-xxs-track);
  --bm-spinner-stroke-width: var(--bm-comp-spinner-size-xxs-border-width);
  --bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-xs-gap);
  --bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap);
}
.bm-spinner-wrap--xs {
  --bm-spinner-side-length: var(--bm-comp-spinner-size-xs-track);
  --bm-spinner-stroke-width: var(--bm-comp-spinner-size-xs-border-width);
  --bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-xs-gap);
  --bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap);
}
.bm-spinner-wrap--sm {
  --bm-spinner-side-length: var(--bm-comp-spinner-size-sm-track);
  --bm-spinner-stroke-width: var(--bm-comp-spinner-size-sm-border-width);
  --bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-sm-gap);
  --bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap);
}
.bm-spinner-wrap--md {
  --bm-spinner-side-length: var(--bm-comp-spinner-size-md-track);
  --bm-spinner-stroke-width: var(--bm-comp-spinner-size-md-border-width);
  --bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-md-gap);
  --bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap);
}
.bm-spinner-wrap--lg {
  --bm-spinner-side-length: var(--bm-comp-spinner-size-lg-track);
  --bm-spinner-stroke-width: var(--bm-comp-spinner-size-lg-border-width);
  --bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-lg-gap);
  --bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-stepper-color-incomplete-bg: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-stepper-color-incomplete-fg: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-stepper-color-incomplete-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-stepper-color-incomplete-heading: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-stepper-color-current-bg: var(
    --bm-sem-color-surface-selected,
    #e9fcff
  );
  --bm-comp-stepper-color-current-fg: var(
    --bm-sem-color-text-selected,
    #00768f
  );
  --bm-comp-stepper-color-current-border: var(
    --bm-sem-color-border-selected,
    #00768f
  );
  --bm-comp-stepper-color-current-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-stepper-color-complete-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-stepper-color-complete-fg: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-stepper-color-complete-border: var(
    --bm-comp-stepper-color-complete-bg,
    #00768f
  );
  --bm-comp-stepper-color-complete-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-stepper-color-error-bg: var(
    --bm-sem-color-surface-negative,
    #fee6e7
  );
  --bm-comp-stepper-color-error-fg: var(--bm-sem-color-text-negative, #cc2429);
  --bm-comp-stepper-color-error-border: var(
    --bm-comp-stepper-color-error-fg,
    #cc2429
  );
  --bm-comp-stepper-color-error-heading: var(
    --bm-sem-color-text-negative,
    #cc2429
  );
  --bm-comp-stepper-color-body: var(--bm-sem-color-text-secondary, #576775);
  --bm-comp-stepper-color-line: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-stepper-color-line-complete: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-stepper-size-sm-container: var(--bm-primitive-dimension-100, 1rem);
  --bm-comp-stepper-size-sm-incomplete: var(
    --bm-primitive-dimension-75,
    0.75rem
  );
  --bm-comp-stepper-size-sm-line-wrapper: var(
    --bm-comp-stepper-size-sm-container,
    1rem
  );
  --bm-comp-stepper-size-md-container: var(
    --bm-primitive-dimension-150,
    1.5rem
  );
  --bm-comp-stepper-size-md-line-wrapper: var(
    --bm-comp-stepper-size-md-container,
    1.5rem
  );
  --bm-comp-stepper-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-stepper-space-content-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-stepper-space-horizontal-line-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-stepper-space-horizontal-content-x: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-stepper-space-vertical-content-wrapper-y: var(
    --bm-sem-space-75,
    0.75rem
  );
  --bm-comp-stepper-space-vertical-content-wrapper-gap: var(
    --bm-sem-space-50,
    0.5rem
  );
  --bm-comp-stepper-space-vertical-content-bottom: var(
    --bm-sem-space-50,
    0.5rem
  );
  --bm-comp-stepper-typo-heading: var(
    --bm-sem-typo-compact-label-sm,
    600 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-stepper-typo-body: var(
    --bm-sem-typo-body-xs,
    400 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-stepper-typo-number: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-stepper-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-stepper-border-width-container: var(
    --bm-sem-border-width-md,
    0.063rem
  );
  --bm-comp-stepper-border-width-line: var(--bm-sem-border-width-md, 0.063rem);
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-stepper-color-incomplete-bg: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-stepper-color-incomplete-fg: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-stepper-color-incomplete-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-stepper-color-incomplete-heading: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-stepper-color-current-bg: var(
    --bm-sem-color-surface-selected,
    #01262d
  );
  --bm-comp-stepper-color-current-fg: var(
    --bm-sem-color-text-selected,
    #43bfd6
  );
  --bm-comp-stepper-color-current-border: var(
    --bm-sem-color-border-selected,
    #43bfd6
  );
  --bm-comp-stepper-color-current-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-stepper-color-complete-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-stepper-color-complete-fg: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-stepper-color-complete-border: var(
    --bm-comp-stepper-color-complete-bg,
    #43bfd6
  );
  --bm-comp-stepper-color-complete-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-stepper-color-error-bg: var(
    --bm-sem-color-surface-negative,
    #520f11
  );
  --bm-comp-stepper-color-error-fg: var(--bm-sem-color-text-negative, #f67378);
  --bm-comp-stepper-color-error-border: var(
    --bm-comp-stepper-color-error-fg,
    #f67378
  );
  --bm-comp-stepper-color-error-heading: var(
    --bm-sem-color-text-negative,
    #f67378
  );
  --bm-comp-stepper-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);
  --bm-comp-stepper-color-line: var(--bm-sem-color-border-02, #465967);
  --bm-comp-stepper-color-line-complete: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-stepper-size-sm-container: var(--bm-primitive-dimension-100, 1rem);
  --bm-comp-stepper-size-sm-incomplete: var(
    --bm-primitive-dimension-75,
    0.75rem
  );
  --bm-comp-stepper-size-sm-line-wrapper: var(
    --bm-comp-stepper-size-sm-container,
    1rem
  );
  --bm-comp-stepper-size-md-container: var(
    --bm-primitive-dimension-150,
    1.5rem
  );
  --bm-comp-stepper-size-md-line-wrapper: var(
    --bm-comp-stepper-size-md-container,
    1.5rem
  );
  --bm-comp-stepper-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-stepper-space-content-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-stepper-space-horizontal-line-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-stepper-space-horizontal-content-x: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-stepper-space-vertical-content-wrapper-y: var(
    --bm-sem-space-75,
    0.75rem
  );
  --bm-comp-stepper-space-vertical-content-wrapper-gap: var(
    --bm-sem-space-50,
    0.5rem
  );
  --bm-comp-stepper-space-vertical-content-bottom: var(
    --bm-sem-space-50,
    0.5rem
  );
  --bm-comp-stepper-typo-heading: var(
    --bm-sem-typo-compact-label-sm,
    600 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-stepper-typo-body: var(
    --bm-sem-typo-body-xs,
    400 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-stepper-typo-number: var(
    --bm-sem-typo-label-xs,
    600 0.75rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-stepper-radius: var(--bm-sem-radius-round, 624.938rem);
  --bm-comp-stepper-border-width-container: var(
    --bm-sem-border-width-md,
    0.063rem
  );
  --bm-comp-stepper-border-width-line: var(--bm-sem-border-width-md, 0.063rem);
}

.bm-stepper {
  --bm-comp-stepper-line-thickness: var(--bm-comp-stepper-border-width-line);
  --bm-comp-stepper-size-container: var(--bm-comp-stepper-size-md-container);
  --bm-comp-stepper-space-inline-start: calc(
    var(--bm-comp-stepper-space-horizontal-line-gap) + var(
        --bm-comp-stepper-size-container
      ) / 2
  );
  --bm-comp-stepper-size-line-min-height: 1.5rem;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: unset;
  align-items: flex-start;
}
.bm-stepper .bm-stepper__step--marker-only {
  --bm-comp-stepper-size-container: var(--bm-comp-stepper-size-sm-container);
  --bm-comp-stepper-space-inline-start: calc(
      var(--bm-comp-stepper-space-horizontal-line-gap) + var(
          --bm-comp-stepper-size-container
        ) / 2
    );
}
.bm-stepper--horizontal {
  flex-direction: row;
}
.bm-stepper--vertical {
  --bm-comp-stepper-line-thickness: var(--bm-comp-stepper-border-width-container);
  --bm-comp-stepper-space-inline-start: calc(
      var(--bm-comp-stepper-size-md-line-wrapper) / 2
    );
  flex-direction: column;
}
.bm-stepper--vertical .bm-stepper__step--marker-only {
  --bm-comp-stepper-space-inline-start: calc(
        var(--bm-comp-stepper-size-sm-line-wrapper) / 2
      );
}

.bm-stepper__step {
  --bm-comp-stepper-line-color: var(--bm-comp-stepper-color-line);
  display: flex;
  position: relative;
  padding-block: 0;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
}
.bm-stepper__step--error .bm-stepper__marker {
  border-color: var(--bm-comp-stepper-color-error-border);
  background: var(--bm-comp-stepper-color-error-bg);
  color: var(--bm-comp-stepper-color-error-fg);
}
.bm-stepper__step--error .bm-stepper__heading {
  color: var(--bm-comp-stepper-color-error-heading);
}
.bm-stepper__step--current .bm-stepper__marker {
  border-color: var(--bm-comp-stepper-color-current-border);
  background: var(--bm-comp-stepper-color-current-bg);
  color: var(--bm-comp-stepper-color-current-fg);
}
.bm-stepper__step--current .bm-stepper__heading {
  color: var(--bm-comp-stepper-color-current-heading);
}
.bm-stepper__step--complete {
  --bm-comp-stepper-line-color: var(--bm-comp-stepper-color-line-complete);
}
.bm-stepper__step--complete .bm-stepper__marker {
  border-color: var(--bm-comp-stepper-color-complete-border);
  background: var(--bm-comp-stepper-color-complete-bg);
  color: var(--bm-comp-stepper-color-complete-fg);
}
.bm-stepper__step--complete .bm-stepper__heading {
  color: var(--bm-comp-stepper-color-complete-heading);
}
.bm-stepper__step--complete .bm-stepper__content-wrapper {
  border-inline-start-color: var(--bm-comp-stepper-line-color);
}
.bm-stepper__step--horizontal {
  min-width: var(--bm-comp-stepper-size-container);
}
.bm-stepper__step--horizontal::after {
  content: "";
  inline-size: calc(100% - (
            var(--bm-comp-stepper-size-container) + 2 * var(--bm-comp-stepper-space-horizontal-line-gap)
          ));
  inset-inline-start: calc(50% + var(--bm-comp-stepper-space-inline-start));
  background: var(--bm-comp-stepper-line-color);
  height: var(--bm-comp-stepper-line-thickness);
  inset-block-start: calc(var(--bm-comp-stepper-size-container) / 2 - var(--bm-comp-stepper-line-thickness) / 2);
  position: absolute;
}
.bm-stepper__step--horizontal:last-child::after {
  content: unset;
}
.bm-stepper__step--horizontal .bm-stepper__body {
  text-align: center;
}
.bm-stepper__step--vertical {
  flex-direction: column;
  align-items: start;
  width: 100%;
}
.bm-stepper__step--vertical .bm-stepper__content-wrapper {
  width: calc(100% - (
            var(--bm-comp-stepper-space-inline-start) + var(--bm-comp-stepper-space-vertical-content-wrapper-gap)
          ));
  min-height: var(--bm-comp-stepper-size-line-min-height);
  flex: 1;
  border-inline-start: 0.0625rem solid var(--bm-comp-stepper-line-color);
  padding-inline-start: calc(
        var(--bm-comp-stepper-space-inline-start) + var(--bm-comp-stepper-space-vertical-content-wrapper-gap)
      );
  margin-inline-start: calc(var(--bm-comp-stepper-space-inline-start) - var(--bm-comp-stepper-line-thickness) / 2);
  padding-block-end: var(--bm-comp-stepper-space-vertical-content-bottom);
  margin-block: var(--bm-comp-stepper-space-vertical-content-wrapper-y);
}
.bm-stepper__step--vertical:last-child .bm-stepper__content-wrapper {
  border: unset;
}

.bm-stepper__marker-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--bm-comp-stepper-space-gap);
}
.bm-stepper__marker-wrapper--vertical {
  flex-direction: row;
  justify-content: flex-start;
  padding-inline-start: unset;
  gap: var(--bm-comp-stepper-space-gap);
}
.bm-stepper__marker-wrapper > div {
  display: flex;
  flex-direction: column;
  gap: var(--bm-comp-stepper-space-content-gap);
  padding: 0 var(--bm-comp-stepper-space-horizontal-content-x);
  justify-content: center;
  align-items: center;
  text-align: center;
}

.bm-stepper__marker {
  width: var(--bm-comp-stepper-size-md-container);
  height: var(--bm-comp-stepper-size-md-container);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--bm-comp-stepper-radius);
  border: var(--bm-comp-stepper-border-width-container) solid var(--bm-comp-stepper-color-incomplete-border);
  background: var(--bm-comp-stepper-color-incomplete-bg);
  font: var(--bm-comp-stepper-typo-number);
  color: var(--bm-comp-stepper-color-incomplete-fg);
  text-align: center;
  padding: unset;
}
.bm-stepper__marker--interactive {
  cursor: pointer;
}
.bm-stepper__marker--interactive:focus-visible {
  outline-offset: var(--bm-sem-size-focus-offset);
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
}
.bm-stepper__marker > svg {
  width: var(--bm-sem-size-icon-sm);
  height: var(--bm-sem-size-icon-sm);
  flex-shrink: 0;
}
.bm-stepper__marker--marker-only {
  width: var(--bm-comp-stepper-size-sm-container);
  height: var(--bm-comp-stepper-size-sm-container);
}
.bm-stepper__marker--marker-only > svg {
  width: var(--bm-sem-size-icon-xs);
  height: var(--bm-sem-size-icon-xs);
}

.bm-stepper__heading {
  font: var(--bm-comp-stepper-typo-heading);
  color: var(--bm-comp-stepper-color-incomplete-heading);
  text-align: center;
}
.bm-stepper__heading--interactive {
  cursor: pointer;
}

.bm-stepper__body {
  color: var(--bm-comp-stepper-color-body);
  font: var(--bm-comp-stepper-typo-body);
  text-align: start;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-border-disabled: rgba(134, 151, 165, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #f67378
  );
  --bm-comp-input-color-border-disabled: rgba(159, 175, 188, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #f67378
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

.bm-switch--read-only {
  --bm-input-choice-cursor: default;
  --bm-input-choice-label-cursor: default;
  --bm-input-choice-label-pointer-events: none;
}
.bm-switch--disabled {
  --bm-input-choice-cursor: not-allowed;
  --bm-input-choice-label-cursor: not-allowed;
}
.bm-switch__label {
  display: flex;
  position: relative;
  width: fit-content;
  align-items: start;
  gap: var(--bm-comp-input-space-choice-gap-inside);
  min-width: var(--bm-comp-input-size-choice-switch-width);
  min-height: var(--bm-comp-input-size-choice-switch-height);
  font: var(--bm-comp-input-typo-md);
  color: var(--bm-comp-input-color-text);
  cursor: var(--bm-input-choice-label-cursor, pointer);
  pointer-events: var(--bm-input-choice-label-pointer-events, auto);
}
.bm-switch input {
  appearance: none;
  --webkit-appearance: none;
  --moz-appearance: none;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: var(--bm-comp-input-size-choice-switch-width);
  height: var(--bm-comp-input-size-choice-switch-height);
  margin: var(--bm-sem-space-0);
  cursor: var(--bm-input-choice-cursor, pointer);
}
.bm-switch input + .bm-switch__switchBackground {
  position: absolute;
  box-sizing: border-box;
  width: var(--bm-comp-input-size-choice-switch-width);
  height: var(--bm-comp-input-size-choice-switch-height);
  border: var(--bm-comp-input-border-width-choice) solid var(--bm-comp-input-color-border);
  border-radius: var(--bm-comp-input-radius-choice-switch);
  background-color: var(--bm-comp-input-color-bg);
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in;
}
.bm-switch input + .bm-switch__switchBackground:before, .bm-switch input + .bm-switch__switchBackground:after {
  content: "";
  position: absolute;
  height: var(--bm-sem-size-icon-xs);
  width: var(--bm-sem-size-icon-xs);
  top: 50%;
  transform: translateY(-50%);
}
.bm-switch input + .bm-switch__switchBackground:before {
  display: none;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 16.1698L4.83 11.9998L3.41 13.4098L9 18.9998L21 6.99984L19.59 5.58984L9 16.1698Z' fill='currentColor'/%3E%3C/svg%3E");
  left: 0.3125rem;
  background-color: var(--bm-comp-input-color-icon);
}
.bm-switch input + .bm-switch__switchBackground:after {
  display: block;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='currentColor'/%3E%3C/svg%3E");
  right: 0.3125rem;
  background-color: var(--bm-comp-input-color-icon);
}
.bm-switch input:after {
  z-index: 1;
  position: absolute;
  box-sizing: border-box;
  content: "";
  width: var(--bm-comp-input-size-choice-switch-knob);
  height: var(--bm-comp-input-size-choice-switch-knob);
  top: 50%;
  transform: translateX(0) translateY(-50%);
  left: 0.1875rem;
  background-color: var(--bm-comp-input-color-icon);
  border-radius: var(--bm-sem-radius-round);
  transition: left 0.2s ease-in-out;
}
.bm-switch input:checked + .bm-switch__switchBackground {
  background-color: var(--bm-comp-input-color-choice-switch-selected-bg);
  border-color: var(--bm-comp-input-color-choice-switch-selected-border);
}
.bm-switch input:checked + .bm-switch__switchBackground:before {
  display: block;
  background-color: var(--bm-comp-input-color-choice-switch-selected-icon);
}
.bm-switch input:checked + .bm-switch__switchBackground:after {
  display: none;
  background-color: var(--bm-comp-input-color-choice-switch-selected-bg);
}
.bm-switch input:checked:after {
  background-color: var(--bm-comp-input-color-choice-switch-selected-icon);
  left: calc(var(--bm-comp-input-size-choice-switch-width) - (0.1875rem + var(--bm-comp-input-size-choice-switch-knob)));
}
.bm-switch input:focus-visible {
  outline: none;
}
.bm-switch input:focus-visible + .bm-switch__switchBackground {
  outline-offset: var(--bm-sem-size-focus-offset);
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
}
.bm-switch--read-only .bm-switch__label span {
  color: var(--bm-comp-input-color-text);
}
.bm-switch--read-only input:read-only + .bm-switch__switchBackground {
  background-color: var(--bm-comp-input-color-bg-disabled);
  border-color: var(--bm-comp-input-color-border-disabled);
}
.bm-switch--read-only input:read-only + .bm-switch__switchBackground:after, .bm-switch--read-only input:read-only + .bm-switch__switchBackground:before {
  background-color: var(--bm-comp-input-color-icon);
}
.bm-switch--read-only input:read-only:after {
  background-color: var(--bm-comp-input-color-icon);
}
.bm-switch--disabled .bm-switch__label span {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-switch--disabled input:disabled + .bm-switch__switchBackground {
  background-color: var(--bm-comp-input-color-bg-disabled);
  border-color: var(--bm-comp-input-color-border-disabled);
}
.bm-switch--disabled input:disabled + .bm-switch__switchBackground:after, .bm-switch--disabled input:disabled + .bm-switch__switchBackground:before {
  background-color: var(--bm-comp-input-color-icon-disabled);
}
.bm-switch--disabled input:disabled:after {
  background-color: var(--bm-comp-input-color-icon-disabled);
}
.bm-switch--before .bm-switch__label {
  flex-direction: row-reverse;
}
.bm-switch--after .bm-switch__label {
  flex-direction: row;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-tabs-color-text: var(--bm-sem-color-text-secondary, #576775);
  --bm-comp-tabs-color-text-selected: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-tabs-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-tabs-color-icon-selected: var(
    --bm-sem-color-icon-selected,
    #00768f
  );
  --bm-comp-tabs-color-indicator: var(--bm-sem-color-border-03, #dfe7ec);
  --bm-comp-tabs-color-indicator-selected: var(
    --bm-sem-color-border-selected,
    #00768f
  );
  --bm-comp-tabs-typo-md: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-tabs-typo-md-selected: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-tabs-typo-lg: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-tabs-typo-lg-selected: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-tabs-size-md-item: var(--bm-primitive-dimension-250, 2.5rem);
  --bm-comp-tabs-size-md-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-tabs-size-md-icon-only: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-tabs-size-md-indicator-extent: var(
    --bm-comp-tabs-size-md-icon-only,
    1.25rem
  );
  --bm-comp-tabs-size-lg-item: var(--bm-primitive-dimension-300, 3rem);
  --bm-comp-tabs-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-tabs-size-lg-icon-only: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-tabs-size-lg-indicator-extent: var(
    --bm-comp-tabs-size-lg-icon-only,
    1.5rem
  );
  --bm-comp-tabs-size-indicator: 0.188rem;
  --bm-comp-tabs-space-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-tabs-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-tabs-space-gap-outer: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-tabs-radius-indicator: var(--bm-sem-radius-round, 624.938rem);
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-tabs-color-text: var(--bm-sem-color-text-secondary, #c3cdd5);
  --bm-comp-tabs-color-text-selected: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-tabs-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-tabs-color-icon-selected: var(
    --bm-sem-color-icon-selected,
    #43bfd6
  );
  --bm-comp-tabs-color-indicator: var(--bm-sem-color-border-03, #576775);
  --bm-comp-tabs-color-indicator-selected: var(
    --bm-sem-color-border-selected,
    #43bfd6
  );
  --bm-comp-tabs-typo-md: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-tabs-typo-md-selected: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-tabs-typo-lg: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-tabs-typo-lg-selected: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-tabs-size-md-item: var(--bm-primitive-dimension-250, 2.5rem);
  --bm-comp-tabs-size-md-icon: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-tabs-size-md-icon-only: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-tabs-size-md-indicator-extent: var(
    --bm-comp-tabs-size-md-icon-only,
    1.25rem
  );
  --bm-comp-tabs-size-lg-item: var(--bm-primitive-dimension-300, 3rem);
  --bm-comp-tabs-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-tabs-size-lg-icon-only: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-tabs-size-lg-indicator-extent: var(
    --bm-comp-tabs-size-lg-icon-only,
    1.5rem
  );
  --bm-comp-tabs-size-indicator: 0.188rem;
  --bm-comp-tabs-space-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-tabs-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-tabs-space-gap-outer: var(--bm-sem-space-150, 1.5rem);
  --bm-comp-tabs-radius-indicator: var(--bm-sem-radius-round, 624.938rem);
}

.bm-tabs {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--bm-comp-tabs-space-gap-outer);
  color: var(--bm-sem-color-text-primary);
}
.bm-tabs--disabled {
  opacity: var(--bm-sem-opacity-disabled);
  cursor: not-allowed;
}
.bm-tabs--vertical {
  flex-direction: row;
}
.bm-tabs__wrapper {
  position: relative;
  display: flex;
  justify-content: center;
}
.bm-tabs--vertical .bm-tabs__wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--bm-comp-tabs-space-gap-outer);
}
.bm-tabs__divider {
  inline-size: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.bm-tabs--vertical .bm-tabs__divider {
  inline-size: auto;
  block-size: 100%;
  position: absolute;
  inset-block-end: auto;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 1;
}

.bm-tabs__group {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  outline: none;
  z-index: 2;
  background: inherit;
}
.bm-tabs__group--vertical {
  flex-direction: column;
  align-items: flex-start;
  width: auto;
}
.bm-tabs__group__content {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 100%;
  gap: var(--bm-comp-tabs-space-gap-outer);
}
.bm-tabs__group__content--scrollable {
  --gradient-angle: 90deg;
}
[dir=rtl] .bm-tabs__group__content--scrollable {
  --gradient-angle: 270deg;
}

.bm-tabs__group__content--scrollable:not(.bm-tabs__group__content--at-start):not(.bm-tabs__group__content--at-end) {
  -webkit-mask-image: linear-gradient(var(--gradient-angle), transparent 0%, #fff 25%, #fff 75%, transparent 100%);
  mask-image: linear-gradient(var(--gradient-angle), transparent 0%, #fff 25%, #fff 75%, transparent 100%);
}
.bm-tabs__group__content--scrollable.bm-tabs__group__content--at-start:not(.bm-tabs__group__content--at-end) {
  -webkit-mask-image: linear-gradient(var(--gradient-angle), #fff 0%, #fff 75%, transparent 100%);
  mask-image: linear-gradient(var(--gradient-angle), #fff 0%, #fff 75%, transparent 100%);
}
.bm-tabs__group__content--scrollable.bm-tabs__group__content--at-end:not(.bm-tabs__group__content--at-start) {
  -webkit-mask-image: linear-gradient(var(--gradient-angle), transparent 0%, #fff 25%, #fff 100%);
  mask-image: linear-gradient(var(--gradient-angle), transparent 0%, #fff 25%, #fff 100%);
}
.bm-tabs__group__content::-webkit-scrollbar {
  display: none;
}
.bm-tabs--fluid .bm-tabs__group__content {
  gap: var(--bm-sem-space-50);
}
.bm-tabs--vertical .bm-tabs__group__content {
  flex-direction: column;
  align-items: stretch;
  overflow-y: auto;
  overflow-x: hidden;
  width: auto;
  padding-inline: 0;
  gap: 0;
}
.bm-tabs__group__scroll-container {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 2px;
  justify-content: space-between;
  width: inherit;
  z-index: 5;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.bm-tabs__group__scroll-container--left {
  inset-inline-start: 0;
  justify-content: flex-start;
}
.bm-tabs__group__scroll-container--right {
  inset-inline-end: 0;
  justify-content: flex-end;
}
.bm-tabs__group__scroll-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 6;
}
.bm-tabs__group__scroll-button--visible {
  opacity: 1;
  pointer-events: auto;
}

.bm-tabs__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  gap: var(--bm-comp-tabs-space-gap);
  outline: none;
  color: var(--bm-comp-tabs-color-text);
}
.bm-tabs__item--disabled {
  opacity: var(--bm-sem-opacity-disabled);
  cursor: not-allowed;
}
.bm-tabs__item--fluid {
  flex: 1;
  min-width: 0;
  width: 100%;
}
.bm-tabs__item--vertical:not(.bm-tabs__item--icon-only) {
  padding-inline: var(--bm-comp-tabs-space-x);
  justify-content: flex-start;
}
.bm-tabs__item__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  flex-basis: content;
  padding-inline: var(--bm-sem-border-width-focus);
}
.bm-tabs__item__input {
  display: none;
}
.bm-tabs__item__label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--bm-comp-btn-space-gap);
  cursor: inherit;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
.bm-tabs__item__indicator {
  display: hidden;
  position: absolute;
  inset-block-end: 0;
  height: var(--bm-comp-tabs-size-indicator);
  width: 100%;
  border-start-start-radius: var(--bm-comp-tabs-radius-indicator);
  border-start-end-radius: var(--bm-comp-tabs-radius-indicator);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  z-index: 3;
}
.bm-tabs--vertical .bm-tabs__item__indicator {
  inset-inline-start: 0;
  inset-block-start: 50%;
  transform: translateY(-50%);
  inset-block-end: auto;
  width: var(--bm-comp-tabs-size-indicator);
  border-start-start-radius: 0;
  border-start-end-radius: var(--bm-comp-tabs-radius-indicator);
  border-end-start-radius: 0;
  border-end-end-radius: var(--bm-comp-tabs-radius-indicator);
}
.bm-tabs__item:hover:not(.bm-tabs__item--selected):not(.bm-tabs__item--disabled) .bm-tabs__item__indicator {
  display: block;
  background: var(--bm-comp-tabs-color-indicator);
}
.bm-tabs__item__icon {
  color: var(--bm-comp-tabs-color-icon);
}
.bm-tabs__item--selected .bm-tabs__item__indicator {
  display: block;
  background: var(--bm-comp-tabs-color-indicator-selected);
}
.bm-tabs__item--selected .bm-tabs__item__icon {
  color: var(--bm-comp-tabs-color-icon-selected);
}
.bm-tabs__item--md {
  height: var(--bm-comp-tabs-size-md-item);
  font: var(--bm-comp-tabs-typo-md);
}
.bm-tabs__item--md.bm-tabs__item--selected {
  font: var(--bm-comp-tabs-typo-md-selected);
  color: var(--bm-comp-tabs-color-text-selected);
}
.bm-tabs__item--md .bm-tabs__item__icon {
  width: var(--bm-comp-tabs-size-md-icon);
  height: var(--bm-comp-tabs-size-md-icon);
}
.bm-tabs__item--md.bm-tabs__item--icon-only {
  height: var(--bm-comp-tabs-size-md-item);
  width: var(--bm-comp-tabs-size-md-item);
}
.bm-tabs__item--md.bm-tabs__item--icon-only .bm-tabs__item__icon {
  width: var(--bm-comp-tabs-size-md-icon-only);
  height: var(--bm-comp-tabs-size-md-icon-only);
}
.bm-tabs__item--md.bm-tabs__item--icon-only .bm-tabs__item__indicator {
  width: var(--bm-comp-tabs-size-md-indicator-extent);
}
.bm-tabs--vertical .bm-tabs__item--md .bm-tabs__item__indicator {
  height: var(--bm-comp-tabs-size-md-indicator-extent);
  width: var(--bm-comp-tabs-size-indicator);
}
.bm-tabs__item--lg {
  height: var(--bm-comp-tabs-size-lg-item);
  font: var(--bm-comp-tabs-typo-lg);
}
.bm-tabs__item--lg.bm-tabs__item--selected {
  font: var(--bm-comp-tabs-typo-lg-selected);
  color: var(--bm-comp-tabs-color-text-selected);
}
.bm-tabs__item--lg .bm-tabs__item__icon {
  width: var(--bm-comp-tabs-size-lg-icon);
  height: var(--bm-comp-tabs-size-lg-icon);
}
.bm-tabs__item--lg.bm-tabs__item--icon-only {
  height: var(--bm-comp-tabs-size-lg-item);
  width: var(--bm-comp-tabs-size-lg-item);
}
.bm-tabs__item--lg.bm-tabs__item--icon-only .bm-tabs__item__icon {
  width: var(--bm-comp-tabs-size-lg-icon-only);
  height: var(--bm-comp-tabs-size-lg-icon-only);
}
.bm-tabs__item--lg.bm-tabs__item--icon-only .bm-tabs__item__indicator {
  width: var(--bm-comp-tabs-size-lg-indicator-extent);
}
.bm-tabs--vertical .bm-tabs__item--lg .bm-tabs__item__indicator {
  height: var(--bm-comp-tabs-size-lg-indicator-extent);
  width: var(--bm-comp-tabs-size-indicator);
}
.bm-tabs__item:focus {
  outline: none;
}
.bm-tabs__item:focus-visible:not(:active) .bm-tabs__item__label {
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
  border-radius: var(--bm-sem-radius-focus-sm);
  z-index: 1;
}
.bm-tabs__item__controlText {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  word-break: break-word;
  flex: 1;
}
.bm-tabs--vertical .bm-tabs__item__controlText {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
}

.bm-tabs__panel {
  display: none;
}
.bm-tabs__panel--selected {
  display: flex;
  align-self: stretch;
  justify-content: center;
  flex-direction: column;
}
.bm-tabs--vertical .bm-tabs__panel {
  flex: 1;
}

.bm-sem-typo-heading-6xl {
  font: var(--bm-sem-typo-heading-6xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-5xl {
  font: var(--bm-sem-typo-heading-5xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-4xl {
  font: var(--bm-sem-typo-heading-4xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-3xl {
  font: var(--bm-sem-typo-heading-3xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-2xl {
  font: var(--bm-sem-typo-heading-2xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-alt-6xl {
  font: var(--bm-sem-typo-heading-alt-6xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-alt-5xl {
  font: var(--bm-sem-typo-heading-alt-5xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-alt-4xl {
  font: var(--bm-sem-typo-heading-alt-4xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-alt-3xl {
  font: var(--bm-sem-typo-heading-alt-3xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-alt-2xl {
  font: var(--bm-sem-typo-heading-alt-2xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-xl {
  font: var(--bm-sem-typo-heading-xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-lg {
  font: var(--bm-sem-typo-heading-lg);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-md {
  font: var(--bm-sem-typo-heading-md);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-sm {
  font: var(--bm-sem-typo-heading-sm);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-xs {
  font: var(--bm-sem-typo-heading-xs);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-alt-xl {
  font: var(--bm-sem-typo-heading-alt-xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-alt-lg {
  font: var(--bm-sem-typo-heading-alt-lg);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-alt-md {
  font: var(--bm-sem-typo-heading-alt-md);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-alt-sm {
  font: var(--bm-sem-typo-heading-alt-sm);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-heading-alt-xs {
  font: var(--bm-sem-typo-heading-alt-xs);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-body-xs {
  font: var(--bm-sem-typo-body-xs);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-body-sm {
  font: var(--bm-sem-typo-body-sm);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-body-md {
  font: var(--bm-sem-typo-body-md);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-body-lg {
  font: var(--bm-sem-typo-body-lg);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-body-xl {
  font: var(--bm-sem-typo-body-xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-body-2xl {
  font: var(--bm-sem-typo-body-2xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-detail-xs {
  font: var(--bm-sem-typo-detail-xs);
  text-transform: var(--bm-primitive-text-case-uppercase);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-detail-sm {
  font: var(--bm-sem-typo-detail-sm);
  text-transform: var(--bm-primitive-text-case-uppercase);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-detail-md {
  font: var(--bm-sem-typo-detail-md);
  text-transform: var(--bm-primitive-text-case-uppercase);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-detail-lg {
  font: var(--bm-sem-typo-detail-lg);
  text-transform: var(--bm-primitive-text-case-uppercase);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-detail-xl {
  font: var(--bm-sem-typo-detail-xl);
  text-transform: var(--bm-primitive-text-case-uppercase);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-heading);
}

.bm-sem-typo-label-xs {
  font: var(--bm-sem-typo-label-xs);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-label-sm {
  font: var(--bm-sem-typo-label-sm);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-label-md {
  font: var(--bm-sem-typo-label-md);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-label-lg {
  font: var(--bm-sem-typo-label-lg);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-label-xl {
  font: var(--bm-sem-typo-label-xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-label-2xl {
  font: var(--bm-sem-typo-label-2xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-compact-body-xs {
  font: var(--bm-sem-typo-compact-body-xs);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-compact-body-sm {
  font: var(--bm-sem-typo-compact-body-sm);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-compact-body-md {
  font: var(--bm-sem-typo-compact-body-md);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-compact-body-lg {
  font: var(--bm-sem-typo-compact-body-lg);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-compact-body-xl {
  font: var(--bm-sem-typo-compact-body-xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-compact-body-2xl {
  font: var(--bm-sem-typo-compact-body-2xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-compact-label-xs {
  font: var(--bm-sem-typo-compact-label-xs);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-compact-label-sm {
  font: var(--bm-sem-typo-compact-label-sm);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-compact-label-md {
  font: var(--bm-sem-typo-compact-label-md);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-compact-label-lg {
  font: var(--bm-sem-typo-compact-label-lg);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-compact-label-xl {
  font: var(--bm-sem-typo-compact-label-xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-sem-typo-compact-label-2xl {
  font: var(--bm-sem-typo-compact-label-2xl);
  text-transform: var(--bm-primitive-text-case-none);
  text-decoration: var(--bm-primitive-text-decoration-none);
  letter-spacing: var(--bm-primitive-letter-spacing-body);
}

.bm-text {
  padding: var(--bm-sem-space-0);
  margin: var(--bm-sem-space-0);
}
.bm-text--normal {
  word-break: normal;
}
.bm-text--breakAll {
  word-break: break-all;
}
.bm-text--breakWord {
  word-break: break-word;
}
.bm-text--start {
  text-align: start;
}
.bm-text--center {
  text-align: center;
}
.bm-text--end {
  text-align: end;
}
.bm-text--block {
  display: block;
}
.bm-text--truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bm-text--truncate ::slotted(*) {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bm-text--italic {
  font-style: italic;
}
.bm-text--underline.bm-text--strikethrough {
  text-decoration: underline line-through;
}
.bm-text--underline {
  text-decoration: underline;
}
.bm-text--strikethrough {
  text-decoration: line-through;
}
.bm-text--heading-regular {
  font-weight: var(--bm-sem-font-weight-heading);
}
.bm-text--heading-bold {
  font-weight: var(--bm-sem-font-weight-heading-alt);
}
.bm-text--body-regular {
  font-weight: var(--bm-sem-font-weight-body);
}
.bm-text--body-bold {
  font-weight: var(--bm-sem-font-weight-body-bold);
}
.bm-text--primary {
  color: var(--bm-sem-color-text-primary);
}
.bm-text--secondary {
  color: var(--bm-sem-color-text-secondary);
}
.bm-text--positive {
  color: var(--bm-sem-color-text-positive);
}
.bm-text--warning {
  color: var(--bm-sem-color-text-warning);
}
.bm-text--negative {
  color: var(--bm-sem-color-text-negative);
}
.bm-text--infoPrimary {
  color: var(--bm-sem-color-text-info-primary);
}
.bm-text--infoSecondary {
  color: var(--bm-sem-color-text-info-secondary);
}
.bm-text--selected {
  color: var(--bm-sem-color-text-selected);
}
.bm-text--disabled {
  color: var(--bm-sem-color-text-disabled);
}
.bm-text--primaryInverse {
  color: var(--bm-sem-color-text-primary-inverse);
}
.bm-text--secondaryInverse {
  color: var(--bm-sem-color-text-secondary-inverse);
}
.bm-text--expressive {
  color: var(--bm-expressive-color-fg);
}
.bm-text--expressiveStronger {
  color: var(--bm-expressive-color-fg-stronger);
}
.bm-text--expressiveInverse {
  color: var(--bm-expressive-color-inverse-fg);
}
.bm-text--expressiveInverseStronger {
  color: var(--bm-expressive-color-inverse-fg-stronger);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-border-disabled: rgba(134, 151, 165, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #f67378
  );
  --bm-comp-input-color-border-disabled: rgba(159, 175, 188, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #f67378
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

.bm-text-area {
  --bm-label-cursor: pointer;
  max-width: var(--bm-comp-input-size-field-width);
  --bm-label-space-bottom: var(--bm-comp-label-space-bottom);
  --bm-helper-text-space-top: var(--bm-comp-helper-text-space-top);
}
.bm-text-area--disabled {
  --bm-label-cursor: not-allowed;
  --bm-label-pointer-events: auto;
  --bm-text-field-cursor: not-allowed;
  --bm-text-field-input-cursor: not-allowed;
}
.bm-text-area--error .bm-text-area__header .bm-text-area__counter {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-text-area--error .bm-text-area__field .bm-text-area__input {
  color: var(--bm-comp-input-color-text);
  border-color: var(--bm-comp-input-color-border-error);
  background-color: var(--bm-comp-input-color-bg);
  outline-offset: calc(0px - var(--bm-comp-input-border-width-field-error));
  outline: var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error);
}
.bm-text-area--error .bm-text-area__field .bm-text-area__input::placeholder {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-text-area--read-only .bm-text-area__header .bm-text-area__counter {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-text-area--read-only .bm-text-area__field .bm-text-area__input {
  color: var(--bm-comp-input-color-text);
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-text-area--read-only .bm-text-area__field .bm-text-area__input::placeholder {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-text-area--disabled .bm-text-area__header .bm-text-area__counter {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-text-area--disabled .bm-text-area__field .bm-text-area__input {
  color: var(--bm-comp-input-color-text-disabled);
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-text-area--disabled .bm-text-area__field .bm-text-area__input::placeholder {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-text-area--fluid {
  max-width: 100%;
}
@-moz-document url-prefix() {
  .bm-text-area__field:after {
    display: none;
  }
}
.bm-text-area--hide-resize .bm-text-area__field:after {
  display: none;
}
.bm-text-area--hide-resize .bm-text-area__field .bm-text-area__input {
  resize: none;
}
.bm-text-area--cols-width {
  max-width: fit-content;
}
.bm-text-area--cols-width .bm-text-area__field .bm-text-area__input {
  width: auto;
}
.bm-text-area__header {
  display: flex;
  gap: var(--bm-sem-space-50);
}
.bm-text-area__header .bm-text-area__counter {
  margin-block-end: auto;
  margin-inline-start: auto;
  font: var(--bm-comp-input-typo-character-count);
  color: var(--bm-comp-input-color-text-placeholder);
  padding-block-end: var(--bm-comp-label-space-bottom);
}
.bm-text-area__field {
  position: relative;
  cursor: var(--bm-text-field-cursor, default);
}
.bm-text-area__field:dir(rtl) {
  --bm-resize-icon-flip: -1;
}
.bm-text-area__field::after {
  content: "";
  position: absolute;
  pointer-events: none;
  width: var(--bm-sem-space-125);
  height: var(--bm-sem-space-125);
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY0NjIyXzQ4MzUzKSI+CjxwYXRoIGQ9Ik0xOC4zMzMzIDE4LjMzMzNIMTYuNjY2N1YxNi42NjY3SDE4LjMzMzNWMTguMzMzM1pNMTguMzMzMyAxNUgxNi42NjY3VjEzLjMzMzNIMTguMzMzM1YxNVpNMTUgMTguMzMzM0gxMy4zMzMzVjE2LjY2NjdIMTVWMTguMzMzM1pNMTUgMTVIMTMuMzMzM1YxMy4zMzMzSDE1VjE1Wk0xMS42NjY3IDE4LjMzMzNIMTBWMTYuNjY2N0gxMS42NjY3VjE4LjMzMzNaTTE4LjMzMzMgMTEuNjY2N0gxNi42NjY3VjEwSDE4LjMzMzNWMTEuNjY2N3oiIGZpbGw9IiM0NjU5NjciLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82NDYyMl80ODM1MyI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY0NjIyXzQ4MzUzKSI+CjxwYXRoIGQ9Ik0xOC4zMzMzIDE4LjMzMzNIMTYuNjY2N1YxNi42NjY3SDE4LjMzMzNWMTguMzMzM1pNMTguMzMzMyAxNUgxNi42NjY3VjEzLjMzMzNIMTguMzMzM1YxNVpNMTUgMTguMzMzM0gxMy4zMzMzVjE2LjY2NjdIMTVWMTguMzMzM1pNMTUgMTVIMTMuMzMzM1YxMy4zMzMzSDE1VjE1Wk0xMS42NjY3IDE4LjMzMzNIMTBWMTYuNjY2N0gxMS42NjY3VjE4LjMzMzNaTTE4LjMzMzMgMTEuNjY2N0gxNi42NjY3VjEwSDE4LjMzMzNWMTEuNjY2N3oiIGZpbGw9IiM0NjU5NjciLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82NDYyMl80ODM1MyI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  inset-block-end: var(--bm-sem-space-12);
  inset-inline-end: var(--bm-sem-space-12);
  transform: scaleX(var(--bm-resize-icon-flip, 1));
  background-color: var(--bm-sem-color-icon-secondary);
}
.bm-text-area__field .bm-text-area__input {
  width: 100%;
  display: block;
  resize: vertical;
  box-sizing: border-box;
  border-style: solid;
  border-color: var(--bm-comp-input-color-border);
  border-radius: var(--bm-comp-input-radius-field);
  border-width: var(--bm-comp-input-border-width-field-default);
  color: var(--bm-comp-input-color-text);
  font: var(--bm-comp-input-typo-md);
  cursor: var(--bm-text-field-input-cursor, text);
  box-shadow: var(--bm-comp-input-shadow-field);
  background-color: var(--bm-comp-input-color-bg);
  min-height: var(--bm-comp-input-size-field-text-area-height);
  padding: var(--bm-comp-input-space-field-y-md) var(--bm-comp-input-space-field-x-md);
  transform: translate3d(var(--bm-sem-space-0), var(--bm-sem-space-0), var(--bm-sem-space-0));
}
.bm-text-area__field .bm-text-area__input::-webkit-resizer {
  display: none;
}
.bm-text-area__field .bm-text-area__input::placeholder {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-text-area__field .bm-text-area__input:focus {
  outline-offset: calc(0px - var(--bm-sem-size-focus-offset));
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(159, 175, 188, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-border-disabled: rgba(134, 151, 165, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #576775
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(87, 103, 117, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #ffffff
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #00768f
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #ffffff
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #cc2429
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-input-color-bg-disabled: var(
    --bm-sem-color-surface-highlight,
    rgba(134, 151, 165, 0.16)
  );
  --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);
  --bm-comp-input-color-border-error: var(
    --bm-sem-color-border-negative-strong,
    #f67378
  );
  --bm-comp-input-color-border-disabled: rgba(159, 175, 188, 0.4);
  --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-input-color-text-placeholder: var(
    --bm-sem-color-text-secondary,
    #c3cdd5
  );
  --bm-comp-input-color-text-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon-disabled: var(
    --bm-sem-color-text-disabled,
    rgba(195, 205, 213, 0.4)
  );
  --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
  --bm-comp-input-color-icon-error: var(
    --bm-sem-color-icon-negative-strong,
    #f67378
  );
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-checkbox-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-switch-selected-bg: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-switch-selected-icon: var(
    --bm-sem-color-icon-primary-inverse,
    #141d24
  );
  --bm-comp-input-color-choice-switch-selected-border: var(
    --bm-sem-color-none,
    #ffffff00
  );
  --bm-comp-input-color-choice-radio-selected-bg: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
    --bm-alias-color-brand-primary-default,
    #43bfd6
  );
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
    --bm-sem-color-surface-01,
    #202e39
  );
  --bm-comp-input-color-choice-radio-selected-border-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
    --bm-sem-color-surface-negative-strong,
    #f67378
  );
  --bm-comp-input-typo-sm: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
  --bm-comp-input-typo-md: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-lg: var(
    --bm-sem-typo-compact-body-md,
    400 1rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-character-count: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
  --bm-comp-input-typo-label-choice: var(
    --bm-sem-typo-body-md,
    400 1rem/1.5rem "Source Sans Pro"
  );
  --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
  --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
  --bm-comp-input-space-choice-nudge: var(
    --bm-primitive-dimension-12,
    0.125rem
  );
  --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
  --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
  --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
  --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-input-size-field-text-area-height: var(
    --bm-primitive-dimension-475,
    4.75rem
  );
  --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-input-size-choice-radio-inside: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-input-size-choice-switch-height: var(
    --bm-sem-size-icon-md,
    1.25rem
  );
  --bm-comp-input-size-choice-switch-width: var(
    --bm-primitive-dimension-250,
    2.5rem
  );
  --bm-comp-input-size-choice-switch-knob: var(
    --bm-primitive-dimension-87,
    0.875rem
  );
  --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
  --bm-comp-input-radius-choice-checkbox: var(
    --bm-sem-radius-input-sm,
    0.125rem
  );
  --bm-comp-input-radius-choice-radio: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-radius-choice-switch: var(
    --bm-sem-radius-input-lg,
    624.938rem
  );
  --bm-comp-input-border-width-field-default: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-border-width-field-error: var(
    --bm-sem-border-width-lg,
    0.125rem
  );
  --bm-comp-input-border-width-choice: var(
    --bm-sem-border-width-input,
    0.063rem
  );
  --bm-comp-input-shadow-field: var(
    --bm-sem-shadow-none,
    0 0 0 0 rgb(0, 0, 0, 0)
  );
}

.bm-text-field {
  --bm-label-cursor: pointer;
  max-width: var(--bm-comp-input-size-field-width);
  --bm-label-space-bottom: var(--bm-comp-label-space-bottom);
  --bm-helper-text-space-top: var(--bm-comp-helper-text-space-top);
}
.bm-text-field--disabled {
  --bm-label-cursor: not-allowed;
  --bm-label-pointer-events: auto;
  --bm-text-field-cursor: not-allowed;
  --bm-text-field-input-cursor: not-allowed;
}
.bm-text-field--sm .bm-text-field__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-sm);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-sm);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-sm);
  --bm-input-field-font: var(--bm-comp-input-typo-sm);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-sm);
}
.bm-text-field--md .bm-text-field__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-md);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-md);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-md);
  --bm-input-field-font: var(--bm-comp-input-typo-md);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-md);
}
.bm-text-field--lg .bm-text-field__field {
  --bm-input-field-height: var(--bm-comp-input-size-field-height-lg);
  --bm-input-field-padding-y: var(--bm-comp-input-space-field-y-lg);
  --bm-input-field-padding-x: var(--bm-comp-input-space-field-x-lg);
  --bm-input-field-font: var(--bm-comp-input-typo-lg);
  --bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-lg);
}
.bm-text-field--error .bm-text-field__field {
  border-color: var(--bm-comp-input-color-border-error);
  background-color: var(--bm-comp-input-color-bg);
  outline-offset: calc(0px - var(--bm-comp-input-border-width-field-error));
  outline: var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error);
}
.bm-text-field--error .bm-text-field__field .bm-text-field__input {
  color: var(--bm-comp-input-color-text);
}
.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-text-field--read-only .bm-text-field__field {
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-text-field--read-only .bm-text-field__field .bm-text-field__input {
  color: var(--bm-comp-input-color-text);
}
.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,
.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]) {
  color: var(--bm-comp-input-color-icon);
}
.bm-text-field--disabled .bm-text-field__field {
  border-color: var(--bm-comp-input-color-border-disabled);
  background-color: var(--bm-comp-input-color-bg-disabled);
}
.bm-text-field--disabled .bm-text-field__field .bm-text-field__input {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-text-field--disabled .bm-text-field__field .bm-text-field__content {
  opacity: var(--bm-sem-opacity-disabled);
}
.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,
.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]) {
  color: var(--bm-comp-input-color-text-disabled);
}
.bm-text-field--fluid {
  max-width: 100%;
}
.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bm-text-field__field {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  box-sizing: border-box;
  transform: translate3d(var(--bm-sem-space-0), var(--bm-sem-space-0), var(--bm-sem-space-0));
  border-style: solid;
  border-color: var(--bm-comp-input-color-border);
  border-radius: var(--bm-comp-input-radius-field);
  border-width: var(--bm-comp-input-border-width-field-default);
  cursor: var(--bm-text-field-cursor, default);
  gap: var(--bm-comp-input-space-field-gap);
  box-shadow: var(--bm-comp-input-shadow-field);
  background-color: var(--bm-comp-input-color-bg);
  height: var(--bm-input-field-height);
  padding: var(--bm-input-field-padding-y) var(--bm-input-field-padding-x);
}
.bm-text-field__field:focus-within {
  outline-offset: calc(0px - var(--bm-sem-size-focus-offset));
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
}
.bm-text-field__field .bm-text-field__input {
  border: none;
  outline: none;
  background: none;
  width: 100%;
  padding: var(--bm-sem-space-0);
  color: var(--bm-comp-input-color-text);
  font: var(--bm-input-field-font);
  cursor: var(--bm-text-field-input-cursor, text);
}
.bm-text-field__field .bm-text-field__input:-webkit-autofill {
  caret-color: var(--bm-comp-input-color-text);
  -webkit-text-fill-color: var(--bm-comp-input-color-text);
  box-shadow: 0 0 0 var(--bm-input-field-height) var(--bm-comp-input-color-bg) inset;
}
.bm-text-field__field .bm-text-field__input::placeholder {
  color: var(--bm-comp-input-color-text-placeholder);
}
.bm-text-field__field .bm-text-field__content {
  display: flex;
  align-items: center;
}
.bm-text-field__field .bm-text-field__content svg,
.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]) {
  color: var(--bm-comp-input-color-icon);
  height: var(--bm-sem-size-icon-sm);
}
.bm-text-field__field .bm-text-field__content .bm-icon {
  width: var(--bm-input-field-icon-size);
  height: var(--bm-input-field-icon-size);
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-toast-color-positive-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-toast-color-positive-icon: var(
    --bm-sem-color-icon-positive,
    #24a148
  );
  --bm-comp-toast-color-positive-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-toast-color-positive-body: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-toast-color-positive-highlight: var(
    --bm-comp-toast-color-positive-icon,
    #24a148
  );
  --bm-comp-toast-color-positive-border: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-toast-color-warning-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-toast-color-warning-icon: var(--bm-sem-color-icon-warning, #eb6200);
  --bm-comp-toast-color-warning-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-toast-color-warning-body: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-toast-color-warning-highlight: var(
    --bm-comp-toast-color-warning-icon,
    #eb6200
  );
  --bm-comp-toast-color-warning-border: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-toast-color-negative-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-toast-color-negative-icon: var(
    --bm-sem-color-icon-negative,
    #ed464c
  );
  --bm-comp-toast-color-negative-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-toast-color-negative-body: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-toast-color-negative-highlight: var(
    --bm-comp-toast-color-negative-icon,
    #ed464c
  );
  --bm-comp-toast-color-negative-border: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-toast-color-info-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-toast-color-info-icon: var(
    --bm-sem-color-icon-info-primary,
    #0095e0
  );
  --bm-comp-toast-color-info-heading: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-toast-color-info-body: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-toast-color-info-highlight: var(
    --bm-comp-toast-color-info-icon,
    #0095e0
  );
  --bm-comp-toast-color-info-border: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-toast-radius: var(--bm-sem-radius-md, 0.5rem);
  --bm-comp-toast-border-width: var(--bm-sem-border-width-md, 0.063rem);
  --bm-comp-toast-size-width: var(--bm-primitive-dimension-2400, 24rem);
  --bm-comp-toast-size-highlight-width: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-toast-size-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-toast-space-x: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-toast-space-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-space-lite-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-toast-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-toast-space-content-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-toast-space-text-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-toast-space-actions-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-space-stack: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-space-viewport-offset: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-shadow: var(
    --bm-sem-shadow-overlay,
    0 0.25rem 0.75rem 0.125rem rgba(0, 0, 0, 0.12)
  );
  --bm-comp-toast-typo-heading: var(
    --bm-sem-typo-heading-xs,
    700 1rem/1.25rem "Uni Neue"
  );
  --bm-comp-toast-typo-body: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-toast-color-positive-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-toast-color-positive-icon: var(
    --bm-sem-color-icon-positive,
    #71d963
  );
  --bm-comp-toast-color-positive-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-toast-color-positive-body: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-toast-color-positive-highlight: var(
    --bm-comp-toast-color-positive-icon,
    #71d963
  );
  --bm-comp-toast-color-positive-border: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-toast-color-warning-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-toast-color-warning-icon: var(--bm-sem-color-icon-warning, #ffb17a);
  --bm-comp-toast-color-warning-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-toast-color-warning-body: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-toast-color-warning-highlight: var(
    --bm-comp-toast-color-warning-icon,
    #ffb17a
  );
  --bm-comp-toast-color-warning-border: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-toast-color-negative-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-toast-color-negative-icon: var(
    --bm-sem-color-icon-negative,
    #ed464c
  );
  --bm-comp-toast-color-negative-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-toast-color-negative-body: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-toast-color-negative-highlight: var(
    --bm-comp-toast-color-negative-icon,
    #ed464c
  );
  --bm-comp-toast-color-negative-border: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-toast-color-info-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-toast-color-info-icon: var(
    --bm-sem-color-icon-info-primary,
    #64cefb
  );
  --bm-comp-toast-color-info-heading: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-toast-color-info-body: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-toast-color-info-highlight: var(
    --bm-comp-toast-color-info-icon,
    #64cefb
  );
  --bm-comp-toast-color-info-border: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-toast-radius: var(--bm-sem-radius-md, 0.5rem);
  --bm-comp-toast-border-width: var(--bm-sem-border-width-md, 0.063rem);
  --bm-comp-toast-size-width: var(--bm-primitive-dimension-2400, 24rem);
  --bm-comp-toast-size-highlight-width: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-toast-size-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-toast-space-x: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-toast-space-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-space-lite-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-toast-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-toast-space-content-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-toast-space-text-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-toast-space-actions-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-space-stack: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-space-viewport-offset: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-shadow: var(
    --bm-sem-shadow-overlay,
    0 0.25rem 0.75rem 0.125rem rgba(0, 0, 0, 0.3)
  );
  --bm-comp-toast-typo-heading: var(
    --bm-sem-typo-heading-xs,
    700 1rem/1.25rem "Uni Neue"
  );
  --bm-comp-toast-typo-body: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
}

@keyframes enterFirstAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    z-index: 9999;
  }
}
@keyframes enterAnimation {
  0% {
    position: absolute;
    max-height: 0px;
    opacity: 0;
    z-index: 0;
  }
  30% {
    position: relative;
  }
  50% {
    max-height: 300px;
    opacity: 0;
  }
  100% {
    max-height: 300px;
    opacity: 1;
    z-index: 9999;
  }
}
@keyframes exitAnimation {
  0% {
    max-height: 300px;
    opacity: 1;
  }
  30% {
    max-height: 300px;
    opacity: 0;
  }
  100% {
    max-height: 0;
    opacity: 0;
  }
}
* {
  --bm-comp-toast-animation-duration: 500ms;
}

.bm-toast {
  position: relative;
  display: flex;
  align-items: flex-start;
  border-radius: var(--bm-comp-toast-radius);
  border-width: var(--bm-comp-toast-border-width);
  box-shadow: var(--bm-comp-toast-shadow);
  gap: var(--bm-comp-toast-space-gap);
  padding: var(--bm-comp-toast-space-y) var(--bm-comp-toast-space-x);
  width: var(--bm-comp-toast-size-width);
  z-index: 9999;
}
.bm-toast:focus, .bm-toast:focus-visible, .bm-toast:active {
  outline: none;
}
.bm-toast__lil-diss-button {
  width: var(--bm-sem-size-icon-md);
  height: var(--bm-sem-size-icon-md);
  display: flex;
  align-items: center;
  justify-content: center;
}
.bm-toast__content {
  flex-direction: column;
  display: flex;
  flex: 1;
  gap: var(--bm-comp-toast-space-text-gap);
}
.bm-toast__content--lite {
  gap: var(--bm-comp-toast-space-gap);
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.bm-toast__heading {
  font: var(--bm-comp-toast-typo-heading);
}
.bm-toast__inner-content {
  display: flex;
  flex-direction: column;
  gap: var(--bm-comp-toast-space-content-gap);
}
.bm-toast__content--lite .bm-toast__inner-content {
  flex-direction: row;
}
.bm-toast__body {
  display: flex;
  align-items: center;
  flex: 1;
  font: var(--bm-comp-toast-typo-body);
}
.bm-toast__actions {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
  gap: var(--bm-comp-toast-space-actions-gap);
}
.bm-toast--lite .bm-toast__actions {
  align-items: flex-start;
}
.bm-toast__icon {
  display: flex;
  width: var(--bm-comp-toast-size-icon);
  height: var(--bm-comp-toast-size-icon);
}
.bm-toast__icon ::slotted([slot=icon]) {
  width: var(--bm-comp-toast-size-icon);
  height: var(--bm-comp-toast-size-icon);
}
.bm-toast--lite {
  padding: var(--bm-comp-toast-space-lite-y) var(--bm-comp-toast-space-x);
  width: auto;
}
.bm-toast--lite::before {
  content: none;
  display: none;
}
.bm-toast--anim-entering {
  animation: enterAnimation 1s ease-in-out forwards;
}
.bm-toast--anim-exiting {
  animation: exitAnimation 0.8s ease-out forwards;
}
.bm-toast--anim-first-entering {
  animation: enterAnimation 0.4s ease-out forwards;
}
.bm-toast--information {
  background-color: var(--bm-comp-toast-color-info-bg);
  outline: var(--bm-comp-toast-border-width) solid var(--bm-comp-toast-color-info-border);
  border-inline-start: var(--bm-comp-toast-size-highlight-width) solid var(--bm-comp-toast-color-info-highlight);
}
.bm-toast--information .bm-toast__body {
  color: var(--bm-comp-toast-color-info-body);
}
.bm-toast--information .bm-toast__heading {
  color: var(--bm-comp-toast-color-info-heading);
}
.bm-toast--information .bm-toast__icon {
  color: var(--bm-comp-toast-color-info-icon);
}
.bm-toast--information.bm-toast--lite {
  border-inline-start: none;
}
.bm-toast--negative {
  background-color: var(--bm-comp-toast-color-negative-bg);
  outline: var(--bm-comp-toast-border-width) solid var(--bm-comp-toast-color-negative-border);
  border-inline-start: var(--bm-comp-toast-size-highlight-width) solid var(--bm-comp-toast-color-negative-highlight);
}
.bm-toast--negative .bm-toast__body {
  color: var(--bm-comp-toast-color-negative-body);
}
.bm-toast--negative .bm-toast__heading {
  color: var(--bm-comp-toast-color-negative-heading);
}
.bm-toast--negative .bm-toast__icon {
  color: var(--bm-comp-toast-color-negative-icon);
}
.bm-toast--negative.bm-toast--lite {
  border-inline-start: none;
}
.bm-toast--positive {
  background-color: var(--bm-comp-toast-color-positive-bg);
  outline: var(--bm-comp-toast-border-width) solid var(--bm-comp-toast-color-positive-border);
  border-inline-start: var(--bm-comp-toast-size-highlight-width) solid var(--bm-comp-toast-color-positive-highlight);
}
.bm-toast--positive .bm-toast__body {
  color: var(--bm-comp-toast-color-positive-body);
}
.bm-toast--positive .bm-toast__heading {
  color: var(--bm-comp-toast-color-positive-heading);
}
.bm-toast--positive .bm-toast__icon {
  color: var(--bm-comp-toast-color-positive-icon);
}
.bm-toast--positive.bm-toast--lite {
  border-inline-start: none;
}
.bm-toast--warning {
  background-color: var(--bm-comp-toast-color-warning-bg);
  outline: var(--bm-comp-toast-border-width) solid var(--bm-comp-toast-color-warning-border);
  border-inline-start: var(--bm-comp-toast-size-highlight-width) solid var(--bm-comp-toast-color-warning-highlight);
}
.bm-toast--warning .bm-toast__body {
  color: var(--bm-comp-toast-color-warning-body);
}
.bm-toast--warning .bm-toast__heading {
  color: var(--bm-comp-toast-color-warning-heading);
}
.bm-toast--warning .bm-toast__icon {
  color: var(--bm-comp-toast-color-warning-icon);
}
.bm-toast--warning.bm-toast--lite {
  border-inline-start: none;
}

:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-toast-color-positive-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-toast-color-positive-icon: var(
    --bm-sem-color-icon-positive,
    #24a148
  );
  --bm-comp-toast-color-positive-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-toast-color-positive-body: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-toast-color-positive-highlight: var(
    --bm-comp-toast-color-positive-icon,
    #24a148
  );
  --bm-comp-toast-color-positive-border: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-toast-color-warning-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-toast-color-warning-icon: var(--bm-sem-color-icon-warning, #eb6200);
  --bm-comp-toast-color-warning-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-toast-color-warning-body: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-toast-color-warning-highlight: var(
    --bm-comp-toast-color-warning-icon,
    #eb6200
  );
  --bm-comp-toast-color-warning-border: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-toast-color-negative-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-toast-color-negative-icon: var(
    --bm-sem-color-icon-negative,
    #ed464c
  );
  --bm-comp-toast-color-negative-heading: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-toast-color-negative-body: var(
    --bm-sem-color-text-primary,
    #141d24
  );
  --bm-comp-toast-color-negative-highlight: var(
    --bm-comp-toast-color-negative-icon,
    #ed464c
  );
  --bm-comp-toast-color-negative-border: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-toast-color-info-bg: var(--bm-sem-color-surface-01, #ffffff);
  --bm-comp-toast-color-info-icon: var(
    --bm-sem-color-icon-info-primary,
    #0095e0
  );
  --bm-comp-toast-color-info-heading: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-toast-color-info-body: var(--bm-sem-color-text-primary, #141d24);
  --bm-comp-toast-color-info-highlight: var(
    --bm-comp-toast-color-info-icon,
    #0095e0
  );
  --bm-comp-toast-color-info-border: var(--bm-sem-color-border-01, #dfe7ec);
  --bm-comp-toast-radius: var(--bm-sem-radius-md, 0.5rem);
  --bm-comp-toast-border-width: var(--bm-sem-border-width-md, 0.063rem);
  --bm-comp-toast-size-width: var(--bm-primitive-dimension-2400, 24rem);
  --bm-comp-toast-size-highlight-width: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-toast-size-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-toast-space-x: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-toast-space-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-space-lite-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-toast-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-toast-space-content-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-toast-space-text-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-toast-space-actions-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-space-stack: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-space-viewport-offset: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-shadow: var(
    --bm-sem-shadow-overlay,
    0 0.25rem 0.75rem 0.125rem rgba(0, 0, 0, 0.12)
  );
  --bm-comp-toast-typo-heading: var(
    --bm-sem-typo-heading-xs,
    700 1rem/1.25rem "Uni Neue"
  );
  --bm-comp-toast-typo-body: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-toast-color-positive-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-toast-color-positive-icon: var(
    --bm-sem-color-icon-positive,
    #71d963
  );
  --bm-comp-toast-color-positive-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-toast-color-positive-body: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-toast-color-positive-highlight: var(
    --bm-comp-toast-color-positive-icon,
    #71d963
  );
  --bm-comp-toast-color-positive-border: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-toast-color-warning-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-toast-color-warning-icon: var(--bm-sem-color-icon-warning, #ffb17a);
  --bm-comp-toast-color-warning-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-toast-color-warning-body: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-toast-color-warning-highlight: var(
    --bm-comp-toast-color-warning-icon,
    #ffb17a
  );
  --bm-comp-toast-color-warning-border: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-toast-color-negative-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-toast-color-negative-icon: var(
    --bm-sem-color-icon-negative,
    #ed464c
  );
  --bm-comp-toast-color-negative-heading: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-toast-color-negative-body: var(
    --bm-sem-color-text-primary,
    #ffffff
  );
  --bm-comp-toast-color-negative-highlight: var(
    --bm-comp-toast-color-negative-icon,
    #ed464c
  );
  --bm-comp-toast-color-negative-border: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-toast-color-info-bg: var(--bm-sem-color-surface-01, #202e39);
  --bm-comp-toast-color-info-icon: var(
    --bm-sem-color-icon-info-primary,
    #64cefb
  );
  --bm-comp-toast-color-info-heading: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-toast-color-info-body: var(--bm-sem-color-text-primary, #ffffff);
  --bm-comp-toast-color-info-highlight: var(
    --bm-comp-toast-color-info-icon,
    #64cefb
  );
  --bm-comp-toast-color-info-border: var(--bm-sem-color-border-01, #32424e);
  --bm-comp-toast-radius: var(--bm-sem-radius-md, 0.5rem);
  --bm-comp-toast-border-width: var(--bm-sem-border-width-md, 0.063rem);
  --bm-comp-toast-size-width: var(--bm-primitive-dimension-2400, 24rem);
  --bm-comp-toast-size-highlight-width: var(
    --bm-primitive-dimension-50,
    0.5rem
  );
  --bm-comp-toast-size-icon: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-toast-space-x: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-toast-space-y: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-space-lite-y: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-toast-space-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-toast-space-content-gap: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-toast-space-text-gap: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-toast-space-actions-gap: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-space-stack: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-space-viewport-offset: var(--bm-sem-space-100, 1rem);
  --bm-comp-toast-shadow: var(
    --bm-sem-shadow-overlay,
    0 0.25rem 0.75rem 0.125rem rgba(0, 0, 0, 0.3)
  );
  --bm-comp-toast-typo-heading: var(
    --bm-sem-typo-heading-xs,
    700 1rem/1.25rem "Uni Neue"
  );
  --bm-comp-toast-typo-body: var(
    --bm-sem-typo-body-sm,
    400 0.875rem/1.25rem "Source Sans Pro"
  );
}

.bm-toast-container {
  padding: var(--bm-comp-toast-space-viewport-offset);
  position: fixed;
  display: flex;
  flex-direction: column-reverse;
  gap: var(--bm-comp-toast-space-stack);
  overflow: hidden;
  z-index: 9999;
}
.bm-toast-container--top-left {
  top: 0;
  left: 0;
}
.bm-toast-container--top-right {
  top: 0;
  right: 0;
}
.bm-toast-container--top-center {
  top: 0;
  left: 50%;
}
.bm-toast-container--bottom-left {
  bottom: 0;
  left: 0;
}
.bm-toast-container--bottom-right {
  bottom: 0;
  right: 0;
}
.bm-toast-container--bottom-center {
  bottom: 0;
  left: 50%;
}

@media (max-width: 720px) {
  .bm-toast-container {
    width: 100%;
  }
  .bm-toast-container--top-left, .bm-toast-container--top-right, .bm-toast-container--top-center {
    top: var(--bm-comp-toast-space-viewport-offset);
    flex-direction: column;
  }
  .bm-toast-container--bottom-left, .bm-toast-container--bottom-right, .bm-toast-container--bottom-center {
    bottom: var(--bm-comp-toast-space-viewport-offset);
    flex-direction: column-reverse;
  }
}
:root,
:host,
.bm-light,
.bm-dark .bm-inverse,
.bm-dark.bm-inverse,
[data-bm-theme~=bm-dark] .bm-inverse,
[data-bm-theme~=bm-dark].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-light] {
  --bm-comp-tooltip-color-bg: var(--bm-sem-color-surface-inverse, #202e39);
  --bm-comp-tooltip-color-text: var(
    --bm-sem-color-text-primary-inverse,
    #ffffff
  );
  --bm-comp-tooltip-color-icon-trigger: var(
    --bm-sem-color-icon-secondary,
    #576775
  );
  --bm-comp-tooltip-radius: var(--bm-sem-radius-sm, 0.25rem);
  --bm-comp-tooltip-space-x: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-tooltip-space-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-tooltip-space-arrow: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-tooltip-space-offset: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-tooltip-size-arrow-width: 0.625rem;
  --bm-comp-tooltip-size-arrow-height: var(
    --bm-primitive-dimension-25,
    0.25rem
  );
  --bm-comp-tooltip-size-width: var(--bm-primitive-dimension-1500, 15rem);
  --bm-comp-tooltip-size-icon-trigger-xs: var(--bm-sem-size-icon-xs, 0.75rem);
  --bm-comp-tooltip-size-icon-trigger-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-tooltip-size-icon-trigger-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-tooltip-size-icon-trigger-lg: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-tooltip-size-icon-trigger-xl: var(--bm-sem-size-icon-xl, 1.75rem);
  --bm-comp-tooltip-typo-body: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
}

:host,
.bm-dark,
.bm-light .bm-inverse,
.bm-light.bm-inverse,
[data-bm-theme~=bm-light] .bm-inverse,
[data-bm-theme~=bm-light].bm-inverse,
.bm-enterprise,
.bm-consumer,
[data-bm-theme~=bm-dark] {
  --bm-comp-tooltip-color-bg: var(--bm-sem-color-surface-inverse, #ffffff);
  --bm-comp-tooltip-color-text: var(
    --bm-sem-color-text-primary-inverse,
    #141d24
  );
  --bm-comp-tooltip-color-icon-trigger: var(
    --bm-sem-color-icon-secondary,
    #c3cdd5
  );
  --bm-comp-tooltip-radius: var(--bm-sem-radius-sm, 0.25rem);
  --bm-comp-tooltip-space-x: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-tooltip-space-y: var(--bm-sem-space-50, 0.5rem);
  --bm-comp-tooltip-space-arrow: var(--bm-sem-space-75, 0.75rem);
  --bm-comp-tooltip-space-offset: var(--bm-sem-space-25, 0.25rem);
  --bm-comp-tooltip-size-arrow-width: 0.625rem;
  --bm-comp-tooltip-size-arrow-height: var(
    --bm-primitive-dimension-25,
    0.25rem
  );
  --bm-comp-tooltip-size-width: var(--bm-primitive-dimension-1500, 15rem);
  --bm-comp-tooltip-size-icon-trigger-xs: var(--bm-sem-size-icon-xs, 0.75rem);
  --bm-comp-tooltip-size-icon-trigger-sm: var(--bm-sem-size-icon-sm, 1rem);
  --bm-comp-tooltip-size-icon-trigger-md: var(--bm-sem-size-icon-md, 1.25rem);
  --bm-comp-tooltip-size-icon-trigger-lg: var(--bm-sem-size-icon-lg, 1.5rem);
  --bm-comp-tooltip-size-icon-trigger-xl: var(--bm-sem-size-icon-xl, 1.75rem);
  --bm-comp-tooltip-typo-body: var(
    --bm-sem-typo-compact-body-sm,
    400 0.875rem/1rem "Source Sans Pro"
  );
}

.bm-tooltip__icon-trigger {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  display: flex;
  cursor: pointer;
  color: var(--bm-comp-tooltip-color-icon-trigger);
}

.bm-tooltip {
  z-index: 999;
  background-color: var(--bm-comp-tooltip-color-bg);
  border-radius: var(--bm-comp-tooltip-radius);
  max-width: var(--bm-comp-tooltip-size-width);
  padding: var(--bm-comp-tooltip-space-y) var(--bm-comp-tooltip-space-x);
  color: var(--bm-comp-tooltip-color-text);
  font: var(--bm-comp-tooltip-typo-body);
  offset: var(--bm-comp-tooltip-space-offset);
  transition-property: opacity;
}
.bm-tooltip[data-status=open] {
  transition-duration: 0s;
}
.bm-tooltip[data-status=close] {
  transition-duration: 0.2s;
}
.bm-tooltip[data-status=initial], .bm-tooltip[data-status=close] {
  opacity: 0;
}
.bm-tooltip__arrow {
  offset: var(--bm-comp-tooltip-space-arrow);
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="4" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 3.515c.69.647 1.81.647 2.5 0L10 0H0l3.75 3.515Z" fill="%23202E39"/></svg>');
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="4" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 3.515c.69.647 1.81.647 2.5 0L10 0H0l3.75 3.515Z" fill="%23202E39"/></svg>');
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  scale: 1.05;
  width: var(--bm-comp-tooltip-size-arrow-width);
  height: var(--bm-comp-tooltip-size-arrow-height);
  background-color: var(--bm-comp-tooltip-color-bg);
}
.bm-tooltip__icon-trigger svg {
  background: none;
  border: none;
}
.bm-tooltip__icon-trigger:focus-visible {
  border-radius: var(--bm-sem-radius-round);
  outline-offset: 0px;
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
}
.bm-tooltip__icon-trigger--disabled {
  opacity: var(--bm-sem-opacity-disabled);
  cursor: inherit;
}
.bm-tooltip__icon-trigger--xs {
  border-radius: 100%;
  height: var(--bm-comp-tooltip-size-icon-trigger-xs);
  width: var(--bm-comp-tooltip-size-icon-trigger-xs);
}
.bm-tooltip__icon-trigger--xs svg {
  height: var(--bm-comp-tooltip-size-icon-trigger-xs);
  width: var(--bm-comp-tooltip-size-icon-trigger-xs);
}
.bm-tooltip__icon-trigger--sm {
  border-radius: 100%;
  height: var(--bm-comp-tooltip-size-icon-trigger-sm);
  width: var(--bm-comp-tooltip-size-icon-trigger-sm);
}
.bm-tooltip__icon-trigger--sm svg {
  height: var(--bm-comp-tooltip-size-icon-trigger-sm);
  width: var(--bm-comp-tooltip-size-icon-trigger-sm);
}
.bm-tooltip__icon-trigger--md {
  border-radius: 100%;
  height: var(--bm-comp-tooltip-size-icon-trigger-md);
  width: var(--bm-comp-tooltip-size-icon-trigger-md);
}
.bm-tooltip__icon-trigger--md svg {
  height: var(--bm-comp-tooltip-size-icon-trigger-md);
  width: var(--bm-comp-tooltip-size-icon-trigger-md);
}
.bm-tooltip__icon-trigger--lg {
  border-radius: 100%;
  height: var(--bm-comp-tooltip-size-icon-trigger-lg);
  width: var(--bm-comp-tooltip-size-icon-trigger-lg);
}
.bm-tooltip__icon-trigger--lg svg {
  height: var(--bm-comp-tooltip-size-icon-trigger-lg);
  width: var(--bm-comp-tooltip-size-icon-trigger-lg);
}
.bm-tooltip__icon-trigger--xl {
  border-radius: 100%;
  height: var(--bm-comp-tooltip-size-icon-trigger-xl);
  width: var(--bm-comp-tooltip-size-icon-trigger-xl);
}
.bm-tooltip__icon-trigger--xl svg {
  height: var(--bm-comp-tooltip-size-icon-trigger-xl);
  width: var(--bm-comp-tooltip-size-icon-trigger-xl);
}

/**
* @TODO:
* - [ ] Add more resets
**/
[class^=bm-],
[class^=bm-] * {
  box-sizing: border-box;
}

.bm--p-before-0 {
  padding-inline-start: var(--bm-sem-space-0) !important;
}

.bm--m-before-0 {
  margin-inline-start: var(--bm-sem-space-0) !important;
}

.bm--p-before-12 {
  padding-inline-start: var(--bm-sem-space-12) !important;
}

.bm--m-before-12 {
  margin-inline-start: var(--bm-sem-space-12) !important;
}

.bm--p-before-25 {
  padding-inline-start: var(--bm-sem-space-25) !important;
}

.bm--m-before-25 {
  margin-inline-start: var(--bm-sem-space-25) !important;
}

.bm--p-before-50 {
  padding-inline-start: var(--bm-sem-space-50) !important;
}

.bm--m-before-50 {
  margin-inline-start: var(--bm-sem-space-50) !important;
}

.bm--p-before-75 {
  padding-inline-start: var(--bm-sem-space-75) !important;
}

.bm--m-before-75 {
  margin-inline-start: var(--bm-sem-space-75) !important;
}

.bm--p-before-100 {
  padding-inline-start: var(--bm-sem-space-100) !important;
}

.bm--m-before-100 {
  margin-inline-start: var(--bm-sem-space-100) !important;
}

.bm--p-before-125 {
  padding-inline-start: var(--bm-sem-space-125) !important;
}

.bm--m-before-125 {
  margin-inline-start: var(--bm-sem-space-125) !important;
}

.bm--p-before-150 {
  padding-inline-start: var(--bm-sem-space-150) !important;
}

.bm--m-before-150 {
  margin-inline-start: var(--bm-sem-space-150) !important;
}

.bm--p-before-200 {
  padding-inline-start: var(--bm-sem-space-200) !important;
}

.bm--m-before-200 {
  margin-inline-start: var(--bm-sem-space-200) !important;
}

.bm--p-before-300 {
  padding-inline-start: var(--bm-sem-space-300) !important;
}

.bm--m-before-300 {
  margin-inline-start: var(--bm-sem-space-300) !important;
}

.bm--p-before-400 {
  padding-inline-start: var(--bm-sem-space-400) !important;
}

.bm--m-before-400 {
  margin-inline-start: var(--bm-sem-space-400) !important;
}

.bm--p-before-500 {
  padding-inline-start: var(--bm-sem-space-500) !important;
}

.bm--m-before-500 {
  margin-inline-start: var(--bm-sem-space-500) !important;
}

.bm--p-before-700 {
  padding-inline-start: var(--bm-sem-space-700) !important;
}

.bm--m-before-700 {
  margin-inline-start: var(--bm-sem-space-700) !important;
}

.bm--p-before-800 {
  padding-inline-start: var(--bm-sem-space-800) !important;
}

.bm--m-before-800 {
  margin-inline-start: var(--bm-sem-space-800) !important;
}

.bm--p-after-0 {
  padding-inline-end: var(--bm-sem-space-0) !important;
}

.bm--m-after-0 {
  margin-inline-end: var(--bm-sem-space-0) !important;
}

.bm--p-after-12 {
  padding-inline-end: var(--bm-sem-space-12) !important;
}

.bm--m-after-12 {
  margin-inline-end: var(--bm-sem-space-12) !important;
}

.bm--p-after-25 {
  padding-inline-end: var(--bm-sem-space-25) !important;
}

.bm--m-after-25 {
  margin-inline-end: var(--bm-sem-space-25) !important;
}

.bm--p-after-50 {
  padding-inline-end: var(--bm-sem-space-50) !important;
}

.bm--m-after-50 {
  margin-inline-end: var(--bm-sem-space-50) !important;
}

.bm--p-after-75 {
  padding-inline-end: var(--bm-sem-space-75) !important;
}

.bm--m-after-75 {
  margin-inline-end: var(--bm-sem-space-75) !important;
}

.bm--p-after-100 {
  padding-inline-end: var(--bm-sem-space-100) !important;
}

.bm--m-after-100 {
  margin-inline-end: var(--bm-sem-space-100) !important;
}

.bm--p-after-125 {
  padding-inline-end: var(--bm-sem-space-125) !important;
}

.bm--m-after-125 {
  margin-inline-end: var(--bm-sem-space-125) !important;
}

.bm--p-after-150 {
  padding-inline-end: var(--bm-sem-space-150) !important;
}

.bm--m-after-150 {
  margin-inline-end: var(--bm-sem-space-150) !important;
}

.bm--p-after-200 {
  padding-inline-end: var(--bm-sem-space-200) !important;
}

.bm--m-after-200 {
  margin-inline-end: var(--bm-sem-space-200) !important;
}

.bm--p-after-300 {
  padding-inline-end: var(--bm-sem-space-300) !important;
}

.bm--m-after-300 {
  margin-inline-end: var(--bm-sem-space-300) !important;
}

.bm--p-after-400 {
  padding-inline-end: var(--bm-sem-space-400) !important;
}

.bm--m-after-400 {
  margin-inline-end: var(--bm-sem-space-400) !important;
}

.bm--p-after-500 {
  padding-inline-end: var(--bm-sem-space-500) !important;
}

.bm--m-after-500 {
  margin-inline-end: var(--bm-sem-space-500) !important;
}

.bm--p-after-700 {
  padding-inline-end: var(--bm-sem-space-700) !important;
}

.bm--m-after-700 {
  margin-inline-end: var(--bm-sem-space-700) !important;
}

.bm--p-after-800 {
  padding-inline-end: var(--bm-sem-space-800) !important;
}

.bm--m-after-800 {
  margin-inline-end: var(--bm-sem-space-800) !important;
}

.bm--p-top-0 {
  padding-block-start: var(--bm-sem-space-0) !important;
}

.bm--m-top-0 {
  margin-block-start: var(--bm-sem-space-0) !important;
}

.bm--p-top-12 {
  padding-block-start: var(--bm-sem-space-12) !important;
}

.bm--m-top-12 {
  margin-block-start: var(--bm-sem-space-12) !important;
}

.bm--p-top-25 {
  padding-block-start: var(--bm-sem-space-25) !important;
}

.bm--m-top-25 {
  margin-block-start: var(--bm-sem-space-25) !important;
}

.bm--p-top-50 {
  padding-block-start: var(--bm-sem-space-50) !important;
}

.bm--m-top-50 {
  margin-block-start: var(--bm-sem-space-50) !important;
}

.bm--p-top-75 {
  padding-block-start: var(--bm-sem-space-75) !important;
}

.bm--m-top-75 {
  margin-block-start: var(--bm-sem-space-75) !important;
}

.bm--p-top-100 {
  padding-block-start: var(--bm-sem-space-100) !important;
}

.bm--m-top-100 {
  margin-block-start: var(--bm-sem-space-100) !important;
}

.bm--p-top-125 {
  padding-block-start: var(--bm-sem-space-125) !important;
}

.bm--m-top-125 {
  margin-block-start: var(--bm-sem-space-125) !important;
}

.bm--p-top-150 {
  padding-block-start: var(--bm-sem-space-150) !important;
}

.bm--m-top-150 {
  margin-block-start: var(--bm-sem-space-150) !important;
}

.bm--p-top-200 {
  padding-block-start: var(--bm-sem-space-200) !important;
}

.bm--m-top-200 {
  margin-block-start: var(--bm-sem-space-200) !important;
}

.bm--p-top-300 {
  padding-block-start: var(--bm-sem-space-300) !important;
}

.bm--m-top-300 {
  margin-block-start: var(--bm-sem-space-300) !important;
}

.bm--p-top-400 {
  padding-block-start: var(--bm-sem-space-400) !important;
}

.bm--m-top-400 {
  margin-block-start: var(--bm-sem-space-400) !important;
}

.bm--p-top-500 {
  padding-block-start: var(--bm-sem-space-500) !important;
}

.bm--m-top-500 {
  margin-block-start: var(--bm-sem-space-500) !important;
}

.bm--p-top-700 {
  padding-block-start: var(--bm-sem-space-700) !important;
}

.bm--m-top-700 {
  margin-block-start: var(--bm-sem-space-700) !important;
}

.bm--p-top-800 {
  padding-block-start: var(--bm-sem-space-800) !important;
}

.bm--m-top-800 {
  margin-block-start: var(--bm-sem-space-800) !important;
}

.bm--p-bottom-0 {
  padding-block-end: var(--bm-sem-space-0) !important;
}

.bm--m-bottom-0 {
  margin-block-end: var(--bm-sem-space-0) !important;
}

.bm--p-bottom-12 {
  padding-block-end: var(--bm-sem-space-12) !important;
}

.bm--m-bottom-12 {
  margin-block-end: var(--bm-sem-space-12) !important;
}

.bm--p-bottom-25 {
  padding-block-end: var(--bm-sem-space-25) !important;
}

.bm--m-bottom-25 {
  margin-block-end: var(--bm-sem-space-25) !important;
}

.bm--p-bottom-50 {
  padding-block-end: var(--bm-sem-space-50) !important;
}

.bm--m-bottom-50 {
  margin-block-end: var(--bm-sem-space-50) !important;
}

.bm--p-bottom-75 {
  padding-block-end: var(--bm-sem-space-75) !important;
}

.bm--m-bottom-75 {
  margin-block-end: var(--bm-sem-space-75) !important;
}

.bm--p-bottom-100 {
  padding-block-end: var(--bm-sem-space-100) !important;
}

.bm--m-bottom-100 {
  margin-block-end: var(--bm-sem-space-100) !important;
}

.bm--p-bottom-125 {
  padding-block-end: var(--bm-sem-space-125) !important;
}

.bm--m-bottom-125 {
  margin-block-end: var(--bm-sem-space-125) !important;
}

.bm--p-bottom-150 {
  padding-block-end: var(--bm-sem-space-150) !important;
}

.bm--m-bottom-150 {
  margin-block-end: var(--bm-sem-space-150) !important;
}

.bm--p-bottom-200 {
  padding-block-end: var(--bm-sem-space-200) !important;
}

.bm--m-bottom-200 {
  margin-block-end: var(--bm-sem-space-200) !important;
}

.bm--p-bottom-300 {
  padding-block-end: var(--bm-sem-space-300) !important;
}

.bm--m-bottom-300 {
  margin-block-end: var(--bm-sem-space-300) !important;
}

.bm--p-bottom-400 {
  padding-block-end: var(--bm-sem-space-400) !important;
}

.bm--m-bottom-400 {
  margin-block-end: var(--bm-sem-space-400) !important;
}

.bm--p-bottom-500 {
  padding-block-end: var(--bm-sem-space-500) !important;
}

.bm--m-bottom-500 {
  margin-block-end: var(--bm-sem-space-500) !important;
}

.bm--p-bottom-700 {
  padding-block-end: var(--bm-sem-space-700) !important;
}

.bm--m-bottom-700 {
  margin-block-end: var(--bm-sem-space-700) !important;
}

.bm--p-bottom-800 {
  padding-block-end: var(--bm-sem-space-800) !important;
}

.bm--m-bottom-800 {
  margin-block-end: var(--bm-sem-space-800) !important;
}

.bm--m-0 {
  margin: var(--bm-sem-space-0) !important;
}

.bm--m-12 {
  margin: var(--bm-sem-space-12) !important;
}

.bm--m-25 {
  margin: var(--bm-sem-space-25) !important;
}

.bm--m-50 {
  margin: var(--bm-sem-space-50) !important;
}

.bm--m-75 {
  margin: var(--bm-sem-space-75) !important;
}

.bm--m-100 {
  margin: var(--bm-sem-space-100) !important;
}

.bm--m-125 {
  margin: var(--bm-sem-space-125) !important;
}

.bm--m-150 {
  margin: var(--bm-sem-space-150) !important;
}

.bm--m-200 {
  margin: var(--bm-sem-space-200) !important;
}

.bm--m-300 {
  margin: var(--bm-sem-space-300) !important;
}

.bm--m-400 {
  margin: var(--bm-sem-space-400) !important;
}

.bm--m-500 {
  margin: var(--bm-sem-space-500) !important;
}

.bm--m-700 {
  margin: var(--bm-sem-space-700) !important;
}

.bm--m-800 {
  margin: var(--bm-sem-space-800) !important;
}

.bm--p-0 {
  padding: var(--bm-sem-space-0) !important;
}

.bm--p-12 {
  padding: var(--bm-sem-space-12) !important;
}

.bm--p-25 {
  padding: var(--bm-sem-space-25) !important;
}

.bm--p-50 {
  padding: var(--bm-sem-space-50) !important;
}

.bm--p-75 {
  padding: var(--bm-sem-space-75) !important;
}

.bm--p-100 {
  padding: var(--bm-sem-space-100) !important;
}

.bm--p-125 {
  padding: var(--bm-sem-space-125) !important;
}

.bm--p-150 {
  padding: var(--bm-sem-space-150) !important;
}

.bm--p-200 {
  padding: var(--bm-sem-space-200) !important;
}

.bm--p-300 {
  padding: var(--bm-sem-space-300) !important;
}

.bm--p-400 {
  padding: var(--bm-sem-space-400) !important;
}

.bm--p-500 {
  padding: var(--bm-sem-space-500) !important;
}

.bm--p-700 {
  padding: var(--bm-sem-space-700) !important;
}

.bm--p-800 {
  padding: var(--bm-sem-space-800) !important;
}

.bm--px-0 {
  padding-inline-start: var(--bm-sem-space-0) !important;
  padding-inline-end: var(--bm-sem-space-0) !important;
}

.bm--mx-0 {
  margin-inline-start: var(--bm-sem-space-0) !important;
  margin-inline-end: var(--bm-sem-space-0) !important;
}

.bm--px-12 {
  padding-inline-start: var(--bm-sem-space-12) !important;
  padding-inline-end: var(--bm-sem-space-12) !important;
}

.bm--mx-12 {
  margin-inline-start: var(--bm-sem-space-12) !important;
  margin-inline-end: var(--bm-sem-space-12) !important;
}

.bm--px-25 {
  padding-inline-start: var(--bm-sem-space-25) !important;
  padding-inline-end: var(--bm-sem-space-25) !important;
}

.bm--mx-25 {
  margin-inline-start: var(--bm-sem-space-25) !important;
  margin-inline-end: var(--bm-sem-space-25) !important;
}

.bm--px-50 {
  padding-inline-start: var(--bm-sem-space-50) !important;
  padding-inline-end: var(--bm-sem-space-50) !important;
}

.bm--mx-50 {
  margin-inline-start: var(--bm-sem-space-50) !important;
  margin-inline-end: var(--bm-sem-space-50) !important;
}

.bm--px-75 {
  padding-inline-start: var(--bm-sem-space-75) !important;
  padding-inline-end: var(--bm-sem-space-75) !important;
}

.bm--mx-75 {
  margin-inline-start: var(--bm-sem-space-75) !important;
  margin-inline-end: var(--bm-sem-space-75) !important;
}

.bm--px-100 {
  padding-inline-start: var(--bm-sem-space-100) !important;
  padding-inline-end: var(--bm-sem-space-100) !important;
}

.bm--mx-100 {
  margin-inline-start: var(--bm-sem-space-100) !important;
  margin-inline-end: var(--bm-sem-space-100) !important;
}

.bm--px-125 {
  padding-inline-start: var(--bm-sem-space-125) !important;
  padding-inline-end: var(--bm-sem-space-125) !important;
}

.bm--mx-125 {
  margin-inline-start: var(--bm-sem-space-125) !important;
  margin-inline-end: var(--bm-sem-space-125) !important;
}

.bm--px-150 {
  padding-inline-start: var(--bm-sem-space-150) !important;
  padding-inline-end: var(--bm-sem-space-150) !important;
}

.bm--mx-150 {
  margin-inline-start: var(--bm-sem-space-150) !important;
  margin-inline-end: var(--bm-sem-space-150) !important;
}

.bm--px-200 {
  padding-inline-start: var(--bm-sem-space-200) !important;
  padding-inline-end: var(--bm-sem-space-200) !important;
}

.bm--mx-200 {
  margin-inline-start: var(--bm-sem-space-200) !important;
  margin-inline-end: var(--bm-sem-space-200) !important;
}

.bm--px-300 {
  padding-inline-start: var(--bm-sem-space-300) !important;
  padding-inline-end: var(--bm-sem-space-300) !important;
}

.bm--mx-300 {
  margin-inline-start: var(--bm-sem-space-300) !important;
  margin-inline-end: var(--bm-sem-space-300) !important;
}

.bm--px-400 {
  padding-inline-start: var(--bm-sem-space-400) !important;
  padding-inline-end: var(--bm-sem-space-400) !important;
}

.bm--mx-400 {
  margin-inline-start: var(--bm-sem-space-400) !important;
  margin-inline-end: var(--bm-sem-space-400) !important;
}

.bm--px-500 {
  padding-inline-start: var(--bm-sem-space-500) !important;
  padding-inline-end: var(--bm-sem-space-500) !important;
}

.bm--mx-500 {
  margin-inline-start: var(--bm-sem-space-500) !important;
  margin-inline-end: var(--bm-sem-space-500) !important;
}

.bm--px-700 {
  padding-inline-start: var(--bm-sem-space-700) !important;
  padding-inline-end: var(--bm-sem-space-700) !important;
}

.bm--mx-700 {
  margin-inline-start: var(--bm-sem-space-700) !important;
  margin-inline-end: var(--bm-sem-space-700) !important;
}

.bm--px-800 {
  padding-inline-start: var(--bm-sem-space-800) !important;
  padding-inline-end: var(--bm-sem-space-800) !important;
}

.bm--mx-800 {
  margin-inline-start: var(--bm-sem-space-800) !important;
  margin-inline-end: var(--bm-sem-space-800) !important;
}

.bm--py-0 {
  padding-block-start: var(--bm-sem-space-0) !important;
  padding-block-end: var(--bm-sem-space-0) !important;
}

.bm--my-0 {
  margin-block-start: var(--bm-sem-space-0) !important;
  margin-block-end: var(--bm-sem-space-0) !important;
}

.bm--py-12 {
  padding-block-start: var(--bm-sem-space-12) !important;
  padding-block-end: var(--bm-sem-space-12) !important;
}

.bm--my-12 {
  margin-block-start: var(--bm-sem-space-12) !important;
  margin-block-end: var(--bm-sem-space-12) !important;
}

.bm--py-25 {
  padding-block-start: var(--bm-sem-space-25) !important;
  padding-block-end: var(--bm-sem-space-25) !important;
}

.bm--my-25 {
  margin-block-start: var(--bm-sem-space-25) !important;
  margin-block-end: var(--bm-sem-space-25) !important;
}

.bm--py-50 {
  padding-block-start: var(--bm-sem-space-50) !important;
  padding-block-end: var(--bm-sem-space-50) !important;
}

.bm--my-50 {
  margin-block-start: var(--bm-sem-space-50) !important;
  margin-block-end: var(--bm-sem-space-50) !important;
}

.bm--py-75 {
  padding-block-start: var(--bm-sem-space-75) !important;
  padding-block-end: var(--bm-sem-space-75) !important;
}

.bm--my-75 {
  margin-block-start: var(--bm-sem-space-75) !important;
  margin-block-end: var(--bm-sem-space-75) !important;
}

.bm--py-100 {
  padding-block-start: var(--bm-sem-space-100) !important;
  padding-block-end: var(--bm-sem-space-100) !important;
}

.bm--my-100 {
  margin-block-start: var(--bm-sem-space-100) !important;
  margin-block-end: var(--bm-sem-space-100) !important;
}

.bm--py-125 {
  padding-block-start: var(--bm-sem-space-125) !important;
  padding-block-end: var(--bm-sem-space-125) !important;
}

.bm--my-125 {
  margin-block-start: var(--bm-sem-space-125) !important;
  margin-block-end: var(--bm-sem-space-125) !important;
}

.bm--py-150 {
  padding-block-start: var(--bm-sem-space-150) !important;
  padding-block-end: var(--bm-sem-space-150) !important;
}

.bm--my-150 {
  margin-block-start: var(--bm-sem-space-150) !important;
  margin-block-end: var(--bm-sem-space-150) !important;
}

.bm--py-200 {
  padding-block-start: var(--bm-sem-space-200) !important;
  padding-block-end: var(--bm-sem-space-200) !important;
}

.bm--my-200 {
  margin-block-start: var(--bm-sem-space-200) !important;
  margin-block-end: var(--bm-sem-space-200) !important;
}

.bm--py-300 {
  padding-block-start: var(--bm-sem-space-300) !important;
  padding-block-end: var(--bm-sem-space-300) !important;
}

.bm--my-300 {
  margin-block-start: var(--bm-sem-space-300) !important;
  margin-block-end: var(--bm-sem-space-300) !important;
}

.bm--py-400 {
  padding-block-start: var(--bm-sem-space-400) !important;
  padding-block-end: var(--bm-sem-space-400) !important;
}

.bm--my-400 {
  margin-block-start: var(--bm-sem-space-400) !important;
  margin-block-end: var(--bm-sem-space-400) !important;
}

.bm--py-500 {
  padding-block-start: var(--bm-sem-space-500) !important;
  padding-block-end: var(--bm-sem-space-500) !important;
}

.bm--my-500 {
  margin-block-start: var(--bm-sem-space-500) !important;
  margin-block-end: var(--bm-sem-space-500) !important;
}

.bm--py-700 {
  padding-block-start: var(--bm-sem-space-700) !important;
  padding-block-end: var(--bm-sem-space-700) !important;
}

.bm--my-700 {
  margin-block-start: var(--bm-sem-space-700) !important;
  margin-block-end: var(--bm-sem-space-700) !important;
}

.bm--py-800 {
  padding-block-start: var(--bm-sem-space-800) !important;
  padding-block-end: var(--bm-sem-space-800) !important;
}

.bm--my-800 {
  margin-block-start: var(--bm-sem-space-800) !important;
  margin-block-end: var(--bm-sem-space-800) !important;
}

.bm--gap-0 {
  gap: var(--bm-sem-space-0) !important;
}

.bm--gap-12 {
  gap: var(--bm-sem-space-12) !important;
}

.bm--gap-25 {
  gap: var(--bm-sem-space-25) !important;
}

.bm--gap-50 {
  gap: var(--bm-sem-space-50) !important;
}

.bm--gap-75 {
  gap: var(--bm-sem-space-75) !important;
}

.bm--gap-100 {
  gap: var(--bm-sem-space-100) !important;
}

.bm--gap-125 {
  gap: var(--bm-sem-space-125) !important;
}

.bm--gap-150 {
  gap: var(--bm-sem-space-150) !important;
}

.bm--gap-200 {
  gap: var(--bm-sem-space-200) !important;
}

.bm--gap-300 {
  gap: var(--bm-sem-space-300) !important;
}

.bm--gap-400 {
  gap: var(--bm-sem-space-400) !important;
}

.bm--gap-500 {
  gap: var(--bm-sem-space-500) !important;
}

.bm--gap-700 {
  gap: var(--bm-sem-space-700) !important;
}

.bm--gap-800 {
  gap: var(--bm-sem-space-800) !important;
}