/*! @bmsg/ui 0.2.0 bmsg-ui.css | built by platform/ui/build.ts from platform/ui/src | do not edit; a change is a new version */
:root:not([data-bmsg-theme]),
[data-bmsg-theme=system],
[data-bmsg-theme=std] {
  --bmsg-bar-bg: #0E1B38;
  --bmsg-panel-bg: #16295A;
  --bmsg-tile-bg: #070f22;
  --bmsg-text: #EAF1FF;
  --bmsg-muted: #AFC4EE;
  --bmsg-line: rgba(94,134,214,.35);
  --bmsg-accent: #F5C15A;
  --bmsg-accent-text: #20242c;
  --bmsg-accent-on-tile: #F5C15A;
  --bmsg-focus: #F5C15A;
  --bmsg-hover: rgba(94,134,214,.16);
  --bmsg-shadow: rgba(0,0,0,.4);
  --bmsg-bw: 1px;
  --bmsg-error: #E4442E;
  --bmsg-motto-bmsg: #F5C15A;
  --bmsg-motto-ofr: #FF9F45;
  --bmsg-motto-ogd: #FFD98A;
  --bmsg-motto-ltr: #7FE08A;
}
@media (prefers-color-scheme: light) {
  :root:not([data-bmsg-theme]),
  [data-bmsg-theme=system] {
    --bmsg-bar-bg: #FFFDF7;
    --bmsg-panel-bg: #F3EAD3;
    --bmsg-tile-bg: #FBF5E6;
    --bmsg-text: #1F1A12;
    --bmsg-muted: #4E4536;
    --bmsg-line: #5A4A2F;
    --bmsg-accent: #7A3E00;
    --bmsg-accent-text: #FFFFFF;
    --bmsg-accent-on-tile: #7A3E00;
    --bmsg-focus: #7A3E00;
    --bmsg-hover: #EFE3C4;
    --bmsg-shadow: rgba(0,0,0,.1);
    --bmsg-bw: 1px;
    --bmsg-error: #8B0000;
    --bmsg-motto-bmsg: #6B3600;
    --bmsg-motto-ofr: #0A5247;
    --bmsg-motto-ogd: #5E4300;
    --bmsg-motto-ltr: #24502F;
  }
}
@media (prefers-contrast: more) {
  :root:not([data-bmsg-theme]),
  [data-bmsg-theme=system] {
    --bmsg-bar-bg: #000000;
    --bmsg-panel-bg: #141414;
    --bmsg-tile-bg: #000000;
    --bmsg-text: #FFFFFF;
    --bmsg-muted: #E6E6E6;
    --bmsg-line: #FFFFFF;
    --bmsg-accent: #FFD500;
    --bmsg-accent-text: #000000;
    --bmsg-accent-on-tile: #FFD500;
    --bmsg-focus: #FFD500;
    --bmsg-hover: #2A2A2A;
    --bmsg-shadow: rgba(0,0,0,.55);
    --bmsg-bw: 2px;
    --bmsg-error: #FF7B7B;
    --bmsg-motto-bmsg: #FFD500;
    --bmsg-motto-ofr: #FFD500;
    --bmsg-motto-ogd: #FFD500;
    --bmsg-motto-ltr: #FFD500;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: light) {
  :root:not([data-bmsg-theme]),
  [data-bmsg-theme=system] {
    --bmsg-bar-bg: #FFFFFF;
    --bmsg-panel-bg: #F2F2F2;
    --bmsg-tile-bg: #FFFFFF;
    --bmsg-text: #000000;
    --bmsg-muted: #2B2B2B;
    --bmsg-line: #000000;
    --bmsg-accent: #0033A0;
    --bmsg-accent-text: #FFFFFF;
    --bmsg-accent-on-tile: #0033A0;
    --bmsg-focus: #0033A0;
    --bmsg-hover: #DDE6FF;
    --bmsg-shadow: rgba(0,0,0,.12);
    --bmsg-bw: 2px;
    --bmsg-error: #A00000;
    --bmsg-motto-bmsg: #0033A0;
    --bmsg-motto-ofr: #0033A0;
    --bmsg-motto-ogd: #0033A0;
    --bmsg-motto-ltr: #0033A0;
  }
}
[data-bmsg-theme=hc-light] {
  --bmsg-bar-bg: #FFFFFF;
  --bmsg-panel-bg: #F2F2F2;
  --bmsg-tile-bg: #FFFFFF;
  --bmsg-text: #000000;
  --bmsg-muted: #2B2B2B;
  --bmsg-line: #000000;
  --bmsg-accent: #0033A0;
  --bmsg-accent-text: #FFFFFF;
  --bmsg-accent-on-tile: #0033A0;
  --bmsg-focus: #0033A0;
  --bmsg-hover: #DDE6FF;
  --bmsg-shadow: rgba(0,0,0,.12);
  --bmsg-bw: 2px;
  --bmsg-error: #A00000;
  --bmsg-motto-bmsg: #0033A0;
  --bmsg-motto-ofr: #0033A0;
  --bmsg-motto-ogd: #0033A0;
  --bmsg-motto-ltr: #0033A0;
}
[data-bmsg-theme=hc-dark] {
  --bmsg-bar-bg: #000000;
  --bmsg-panel-bg: #141414;
  --bmsg-tile-bg: #000000;
  --bmsg-text: #FFFFFF;
  --bmsg-muted: #E6E6E6;
  --bmsg-line: #FFFFFF;
  --bmsg-accent: #FFD500;
  --bmsg-accent-text: #000000;
  --bmsg-accent-on-tile: #FFD500;
  --bmsg-focus: #FFD500;
  --bmsg-hover: #2A2A2A;
  --bmsg-shadow: rgba(0,0,0,.55);
  --bmsg-bw: 2px;
  --bmsg-error: #FF7B7B;
  --bmsg-motto-bmsg: #FFD500;
  --bmsg-motto-ofr: #FFD500;
  --bmsg-motto-ogd: #FFD500;
  --bmsg-motto-ltr: #FFD500;
}
[data-bmsg-theme=soft] {
  --bmsg-bar-bg: #FFFDF7;
  --bmsg-panel-bg: #F3EAD3;
  --bmsg-tile-bg: #FBF5E6;
  --bmsg-text: #1F1A12;
  --bmsg-muted: #4E4536;
  --bmsg-line: #5A4A2F;
  --bmsg-accent: #7A3E00;
  --bmsg-accent-text: #FFFFFF;
  --bmsg-accent-on-tile: #7A3E00;
  --bmsg-focus: #7A3E00;
  --bmsg-hover: #EFE3C4;
  --bmsg-shadow: rgba(0,0,0,.1);
  --bmsg-bw: 1px;
  --bmsg-error: #8B0000;
  --bmsg-motto-bmsg: #6B3600;
  --bmsg-motto-ofr: #0A5247;
  --bmsg-motto-ogd: #5E4300;
  --bmsg-motto-ltr: #24502F;
}
:root {
  --bmsg-text-scale: 1;
}
[data-bmsg-text="88"] {
  --bmsg-text-scale: 0.88;
}
[data-bmsg-text="94"] {
  --bmsg-text-scale: 0.94;
}
[data-bmsg-text="100"] {
  --bmsg-text-scale: 1;
}
[data-bmsg-text="115"] {
  --bmsg-text-scale: 1.15;
}
[data-bmsg-text="130"] {
  --bmsg-text-scale: 1.3;
}
[data-bmsg-text="150"] {
  --bmsg-text-scale: 1.5;
}
[data-bmsg-text="175"] {
  --bmsg-text-scale: 1.75;
}
[data-bmsg-text="200"] {
  --bmsg-text-scale: 2;
}
@font-face {
  font-family: "BMSG Caveat";
  src: url(bmsg-caveat-v1.2.woff2) format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
bmsg-topbar,
bmsg-app-launcher,
bmsg-help,
bmsg-avatar-menu,
bmsg-motto {
  box-sizing: border-box;
}
bmsg-topbar *,
bmsg-app-launcher *,
bmsg-help *,
bmsg-avatar-menu * {
  box-sizing: border-box;
}
bmsg-topbar [hidden],
bmsg-app-launcher [hidden],
bmsg-help [hidden],
bmsg-avatar-menu [hidden] {
  display: none !important;
}
bmsg-topbar {
  display: block;
  background: var(--bmsg-bar-bg);
  color: var(--bmsg-text);
  border-bottom: var(--bmsg-bw) solid var(--bmsg-line);
  font-family:
    "Albert Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    sans-serif;
  font-size: calc(1rem * var(--bmsg-text-scale, 1));
  line-height: 1.35;
}
.bmsg-topbar__bar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5em .75em;
  min-height: 3.5em;
  padding: .4em .75em;
}
.bmsg-topbar__start,
.bmsg-topbar__actions,
.bmsg-topbar__tail {
  display: flex;
  align-items: center;
  gap: .35em;
}
.bmsg-topbar__brand {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.bmsg-topbar__logo {
  display: flex;
  align-items: center;
  gap: .5em;
  min-width: 0;
}
.bmsg-topbar__logo img,
.bmsg-topbar__logo svg {
  display: block;
  max-height: 2.25em;
  width: auto;
}
.bmsg-topbar__home {
  color: var(--bmsg-text);
  font-family:
    "Fraunces",
    Georgia,
    "Times New Roman",
    serif;
  font-weight: 600;
  font-size: 1.25em;
  line-height: 1.15;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.bmsg-topbar__home:hover {
  text-decoration: underline;
}
.bmsg-topbar__actions {
  margin-left: auto;
  flex-wrap: wrap;
}
.bmsg-topbar__tail {
  flex-wrap: nowrap;
}
.bmsg-motto,
bmsg-motto {
  display: block;
  font-family:
    "BMSG Caveat",
    "Caveat",
    cursive;
  font-weight: 600;
  font-style: normal;
  font-size: 1.15em;
  line-height: 1.1;
  letter-spacing: .01em;
  text-transform: lowercase;
  color: var(--bmsg-motto-bmsg);
}
bmsg-motto[brand=ofr] {
  color: var(--bmsg-motto-ofr);
}
bmsg-motto[brand=ogd] {
  color: var(--bmsg-motto-ogd);
}
bmsg-motto[brand=ltr] {
  color: var(--bmsg-motto-ltr);
}
.bmsg-iconbtn,
.bmsg-avatar__btn,
.bmsg-btn,
.bmsg-row {
  font: inherit;
  color: inherit;
  cursor: pointer;
  border: var(--bmsg-bw) solid transparent;
  background: transparent;
}
.bmsg-iconbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4em;
  min-width: 2.75em;
  min-height: 2.75em;
  padding: .35em .55em;
  border-radius: 999px;
}
.bmsg-iconbtn:hover,
.bmsg-avatar__btn:hover,
.bmsg-row:hover,
.bmsg-launcher__app:hover {
  background: var(--bmsg-hover);
}
.bmsg-iconbtn[aria-expanded=true],
.bmsg-avatar__btn[aria-expanded=true] {
  border-color: var(--bmsg-line);
  background: var(--bmsg-hover);
}
.bmsg-ico {
  width: 1.5em;
  height: 1.5em;
  flex: none;
}
.bmsg-ico--xs {
  width: 1em;
  height: 1em;
}
.bmsg-help__text {
  font-weight: 600;
}
.bmsg-btn {
  display: inline-flex;
  align-items: center;
  gap: .45em;
  min-height: 2.75em;
  padding: .4em 1em;
  border-radius: 999px;
  background: var(--bmsg-accent);
  color: var(--bmsg-accent-text);
  border-color: var(--bmsg-accent);
  font-weight: 700;
}
.bmsg-btn:hover {
  filter: brightness(1.06);
}
bmsg-topbar :focus-visible,
bmsg-app-launcher :focus-visible,
bmsg-help :focus-visible,
bmsg-avatar-menu :focus-visible {
  outline: .2em solid var(--bmsg-focus);
  outline-offset: .15em;
}
bmsg-app-launcher,
bmsg-help,
bmsg-avatar-menu {
  display: inline-flex;
  align-items: center;
}
.bmsg-panel {
  position: absolute;
  top: calc(100% + .35em);
  right: .75em;
  z-index: 1000;
  width: min(24em, calc(100% - 1.5em));
  max-height: calc(100vh - 6em);
  overflow: auto;
  padding: .75em;
  background: var(--bmsg-panel-bg);
  color: var(--bmsg-text);
  border: var(--bmsg-bw) solid var(--bmsg-line);
  border-radius: .75em;
  box-shadow: 0 .6em 1.8em var(--bmsg-shadow);
}
.bmsg-panel__h {
  margin: 0 0 .5em;
  font-size: 1em;
  font-weight: 700;
}
.bmsg-panel__note {
  margin: .5em 0 0;
  font-size: .9em;
  color: var(--bmsg-muted);
}
.bmsg-launcher__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7em, 1fr));
  gap: .25em;
}
.bmsg-launcher__app {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .3em;
  padding: .55em .25em;
  border-radius: .6em;
  color: var(--bmsg-text);
  text-decoration: none;
  text-align: center;
  border: var(--bmsg-bw) solid transparent;
}
.bmsg-launcher__app[aria-current=true] {
  border-color: var(--bmsg-line);
}
.bmsg-launcher__tile {
  display: grid;
  place-items: center;
  width: 2.75em;
  height: 2.75em;
  border-radius: .75em;
  background: var(--bmsg-tile-bg);
  color: var(--bmsg-accent-on-tile);
}
.bmsg-launcher__name {
  font-size: .9em;
  font-weight: 600;
  line-height: 1.2;
  overflow-wrap: break-word;
}
.bmsg-launcher__here {
  font-size: .8em;
  color: var(--bmsg-muted);
}
.bmsg-avatar__btn {
  display: inline-flex;
  align-items: center;
  gap: .2em;
  min-height: 2.75em;
  padding: .2em .35em .2em .2em;
  border-radius: 999px;
}
.bmsg-av {
  display: inline-grid;
  place-items: center;
  width: 2.25em;
  height: 2.25em;
  border-radius: 50%;
  background: var(--bmsg-av-bg, #2f3b4a);
  color: var(--bmsg-av-fg, #ffffff);
  font-weight: 700;
  font-size: 1em;
  line-height: 1;
  overflow: hidden;
  flex: none;
}
.bmsg-av--lg {
  width: 3em;
  height: 3em;
  font-size: 1.15em;
}
.bmsg-av--emoji span {
  font-size: 1.3em;
}
.bmsg-av .bmsg-ico {
  width: 65%;
  height: 65%;
}
.bmsg-avatar__head {
  display: flex;
  align-items: center;
  gap: .75em;
  padding-bottom: .6em;
  margin-bottom: .4em;
  border-bottom: var(--bmsg-bw) solid var(--bmsg-line);
}
.bmsg-avatar__who {
  min-width: 0;
}
.bmsg-avatar__name {
  margin: 0;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.bmsg-avatar__email {
  margin: .1em 0 0;
  font-size: .9em;
  color: var(--bmsg-muted);
  overflow-wrap: anywhere;
}
.bmsg-avatar__extra:empty {
  display: none;
}
.bmsg-avatar__extra {
  padding-bottom: .4em;
  margin-bottom: .4em;
  border-bottom: var(--bmsg-bw) solid var(--bmsg-line);
}
.bmsg-row {
  display: flex;
  align-items: center;
  gap: .6em;
  width: 100%;
  min-height: 2.75em;
  padding: .45em .6em;
  border-radius: .5em;
  text-align: left;
}
.bmsg-sr {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 40em) {
  .bmsg-help__text {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }
  .bmsg-topbar__bar {
    padding: .35em .5em;
    gap: .35em .5em;
  }
  .bmsg-topbar__actions {
    margin-left: auto;
  }
  .bmsg-topbar__tail {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .2em;
    margin-left: auto;
  }
  .bmsg-iconbtn {
    min-width: max(44px, 2.2em);
    min-height: max(44px, 2.2em);
    padding: .2em .3em;
  }
  .bmsg-avatar__btn {
    min-height: max(44px, 2.2em);
  }
  .bmsg-panel {
    right: .5em;
    width: calc(100% - 1em);
  }
}
bmsg-datetime,
bmsg-name,
bmsg-refusal,
bmsg-voice-note,
bmsg-resizable,
.bvn-field,
.bmsg-resize {
  box-sizing: border-box;
}
bmsg-datetime *,
bmsg-name *,
bmsg-refusal *,
bmsg-voice-note *,
.bmsg-resize * {
  box-sizing: border-box;
}
bmsg-datetime [hidden],
bmsg-name [hidden],
bmsg-refusal [hidden],
bmsg-voice-note [hidden],
.bmsg-resize [hidden] {
  display: none !important;
}
bmsg-datetime,
bmsg-name,
bmsg-refusal {
  display: block;
  margin: .5em 0;
  padding: .75em .9em;
  background: var(--bmsg-panel-bg);
  color: var(--bmsg-text);
  border: var(--bmsg-bw) solid var(--bmsg-muted);
  border-radius: .75em;
  font-family:
    "Albert Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    sans-serif;
  font-size: calc(1rem * var(--bmsg-text-scale, 1));
  line-height: 1.4;
}
bmsg-voice-note {
  display: block;
  font-size: calc(1rem * var(--bmsg-text-scale, 1));
}
.bmsg-btn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45em;
  min-height: max(44px, 2.75em);
  padding: .4em 1em;
  border-radius: 999px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  background: var(--bmsg-panel-bg);
  color: var(--bmsg-text);
  border: max(2px, var(--bmsg-bw)) solid var(--bmsg-muted);
}
.bmsg-btn2:hover {
  background: var(--bmsg-hover);
}
.bmsg-btn2:disabled,
.bmsg-btn:disabled {
  opacity: .55;
  cursor: default;
}
bmsg-datetime .bmsg-btn,
bmsg-name .bmsg-btn,
bmsg-refusal .bmsg-btn,
bmsg-voice-note .bmsg-btn {
  min-height: max(44px, 2.75em);
  font-size: 1em;
  justify-content: center;
}
bmsg-datetime :focus-visible,
bmsg-name :focus-visible,
bmsg-refusal :focus-visible,
bmsg-voice-note :focus-visible,
.bmsg-resize__grip:focus-visible {
  outline: .2em solid var(--bmsg-focus);
  outline-offset: .15em;
}
.bmsg-hint,
.bmsg-dt-hint {
  margin: .15em 0 .4em;
  color: var(--bmsg-muted);
}
.bmsg-dt-in,
.bmsg-dt-list,
.bmsg-dt-say-in,
.bmsg-name-add-in,
.bmsg-name-family-in,
.bmsg-name-known-in,
.bmsg-name-say-in {
  min-height: max(48px, 3em);
  margin: 0;
  padding: .5em .65em;
  font: inherit;
  color: var(--bmsg-text);
  background: var(--bmsg-tile-bg);
  border: max(2px, var(--bmsg-bw)) solid var(--bmsg-muted);
  border-radius: .55em;
}
.bmsg-dt-in::placeholder,
.bmsg-dt-say-in::placeholder,
.bmsg-name-add-in::placeholder,
.bmsg-name-known-in::placeholder,
.bmsg-name-say-in::placeholder {
  color: var(--bmsg-muted);
  opacity: 1;
}
.bmsg-dt-in[aria-invalid=true] {
  border-color: var(--bmsg-error);
  border-width: 3px;
}
.bmsg-dt {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.bmsg-dt > legend,
.bmsg-name > legend {
  font-weight: 700;
  padding: 0;
  margin-bottom: .25em;
}
.bmsg-dt-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: .4em .5em;
}
.bmsg-dt-seg {
  display: inline-grid;
  gap: .15em;
}
.bmsg-dt-l {
  font-size: .85em;
  font-weight: 600;
}
.bmsg-dt-gap {
  width: .9em;
}
.bmsg-dt-in {
  width: 3.6em;
  text-align: center;
  letter-spacing: .06em;
  font-variant-numeric: tabular-nums;
}
.bmsg-dt-seg[data-seg-wrap=year] .bmsg-dt-in {
  width: 5.4em;
}
.bmsg-dt-list {
  min-width: 5em;
  max-width: 100%;
}
.bmsg-dt-lists {
  display: flex;
  flex-wrap: wrap;
  gap: .4em .5em;
  margin: .5em 0 .15em;
}
.bmsg-dt-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4em .9em;
  margin: .5em 0 .15em;
}
.bmsg-dt-zone {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .25em .75em;
}
.bmsg-dt-zone-h {
  font-weight: 600;
}
.bmsg-dt-zone-l,
.bmsg-dt-about {
  display: inline-flex;
  align-items: center;
  gap: .4em;
  min-height: max(44px, 2.75em);
  cursor: pointer;
}
.bmsg-dt-zone-in,
.bmsg-dt-about-in {
  width: 1.4em;
  height: 1.4em;
  margin: 0;
  accent-color: var(--bmsg-accent);
}
.bmsg-dt-say {
  margin-top: .5em;
  display: grid;
  gap: .2em;
}
.bmsg-dt-say-l,
.bmsg-name-say-l,
.bmsg-name-l {
  font-weight: 600;
}
.bmsg-dt-say-in,
.bmsg-name-say-in {
  width: 100%;
}
.bmsg-dt-understood {
  margin: .25em 0 0;
  font-weight: 600;
}
.bmsg-dt-understood:empty {
  display: none;
}
.bmsg-dt-error,
.bmsg-name-error {
  margin: .25em 0 0;
  font-weight: 700;
  padding-inline-start: .5em;
  border-inline-start: .25em solid var(--bmsg-error);
}
.bmsg-dt-error:empty,
.bmsg-name-error:empty {
  display: none;
}
.bmsg-dt--compact > legend,
.bmsg-dt--compact .bmsg-dt-l {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.bmsg-dt--compact .bmsg-dt-say {
  display: none;
}
.bmsg-name {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.bmsg-name-say {
  display: grid;
  gap: .25em;
  margin-bottom: .6em;
}
.bmsg-name-confirm {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4em .6em;
  padding: .5em .6em;
  border: max(2px, var(--bmsg-bw)) solid var(--bmsg-muted);
  border-radius: .6em;
  font-weight: 600;
}
.bmsg-name-h {
  display: block;
  font-weight: 600;
}
.bmsg-name-given-hint {
  display: block;
}
.bmsg-name-chips {
  list-style: none;
  margin: .4em 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .4em;
}
.bmsg-name-chip {
  display: inline-flex;
  flex-wrap: wrap;
  max-width: 100%;
  align-items: center;
  gap: .1em;
  overflow-wrap: anywhere;
  padding: .1em .25em .1em .6em;
  border: max(2px, var(--bmsg-bw)) solid var(--bmsg-muted);
  border-radius: 999px;
  background: var(--bmsg-tile-bg);
}
.bmsg-name-chip-n {
  font-size: .85em;
  margin-inline-end: .1em;
  color: var(--bmsg-text);
}
.bmsg-name-chip-t {
  font-weight: 700;
  padding: 0 .25em;
}
.bmsg-name-chip-b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max(44px, 2em);
  height: max(44px, 2em);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--bmsg-text);
  font: inherit;
  cursor: pointer;
}
.bmsg-name-chip-b:disabled {
  opacity: .4;
  cursor: default;
}
.bmsg-name-chip-b:not(:disabled):hover {
  background: var(--bmsg-hover);
}
.bmsg-name-chip-b .bmsg-ico {
  width: 1.25em;
  height: 1.25em;
}
.bmsg-name-none {
  font-style: italic;
}
.bmsg-name-add-row {
  display: flex;
  gap: .5em;
  align-items: stretch;
  min-width: 0;
}
.bmsg-name-add-in {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}
.bmsg-name-add-b {
  flex: none;
}
.bmsg-name-field,
.bmsg-name-add,
.bmsg-name-say,
.bmsg-dt-say {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .2em;
  margin-top: .6em;
}
.bmsg-name-family-in,
.bmsg-name-known-in {
  width: 100%;
}
.bvn-field {
  position: relative;
}
.bvn-field > input,
.bvn-field > textarea,
.bvn-field > .bmsg-resize > textarea {
  box-sizing: border-box;
  width: 100%;
  padding-inline-end: 54px;
}
.bvn-field-line > input {
  min-height: 50px;
}
.bvn-field > bmsg-voice-note > .bvn-mic {
  position: absolute;
  z-index: 2;
  inset-inline-end: 3px;
  top: calc(var(--bvn-h, 50px) / 2 - 22px);
}
.bvn-field-box > bmsg-voice-note > .bvn-mic {
  top: calc(var(--bvn-h, 120px) - 50px);
  inset-inline-end: 26px;
}
html[data-hand=left] .bvn-field > input,
html[data-hand=left] .bvn-field > textarea,
html[data-hand=left] .bvn-field > .bmsg-resize > textarea {
  padding-inline-end: 12px;
  padding-inline-start: 54px;
}
html[data-hand=left] .bvn-field > bmsg-voice-note > .bvn-mic {
  inset-inline-end: auto;
  inset-inline-start: 3px;
}
html[data-hand=left] .bvn-field-box > bmsg-voice-note > .bvn-mic {
  inset-inline-start: 6px;
}
.bvn-mic {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 50%;
  cursor: pointer;
  background: var(--bmsg-accent);
  color: var(--bmsg-accent-text);
  border: 2px solid var(--bmsg-accent);
}
.bvn-mic > svg {
  width: 22px;
  height: 22px;
  display: block;
}
.bvn-mic.bvn-on {
  background: #b00020;
  border-color: #6b0000;
  color: #ffffff;
}
.bvn-panel,
.bvn-pop {
  margin: .4em 0;
  padding: .6em .75em;
  background: var(--bmsg-panel-bg);
  color: var(--bmsg-text);
  border: max(2px, var(--bmsg-bw)) solid var(--bmsg-muted);
  border-radius: .75em;
}
bmsg-voice-note[data-state=rec] .bvn-panel {
  border-color: var(--bmsg-error);
  border-width: 3px;
}
.bvn-pop {
  border-color: var(--bmsg-accent);
  box-shadow: 0 .3em 1.1em var(--bmsg-shadow);
}
.bvn-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5em;
  align-items: center;
  margin: .4em 0;
}
.bvn-state {
  margin: .1em 0;
  font-weight: 600;
}
.bvn-words {
  margin: .25em 0;
  font-size: 1.1em;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.bvn-words:empty {
  display: none;
}
.bvn-time {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}
.bvn-label,
.bvn-pop-text {
  margin: .4em 0 .15em;
  font-weight: 700;
}
.bvn-rec-live {
  display: inline-flex;
  align-items: center;
  gap: .4em;
  font-weight: 700;
}
.bvn-rec-dot {
  width: .8em;
  height: .8em;
  border-radius: 50%;
  background: var(--bmsg-error);
  animation: bvn-pulse 1.2s ease-in-out infinite;
}
@keyframes bvn-pulse {
  50% {
    opacity: .35;
  }
}
.bvn-btn-ico {
  display: inline-grid;
  place-items: center;
}
.bvn-btn-ico .bmsg-ico {
  width: 1.25em;
  height: 1.25em;
}
.bvn-play-pos {
  display: flex;
  align-items: center;
  gap: .6em;
  margin: .3em 0;
}
.bvn-play-scrub {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 44px;
  accent-color: var(--bmsg-accent);
}
.bvn-play-time {
  font-variant-numeric: tabular-nums;
}
.bvn-steps {
  margin: .3em 0;
  padding-inline-start: 1.4em;
}
.bvn-problem {
  margin-top: .3em;
}
html[data-hand=left] .bvn-row,
html[data-hand=left] .bmsg-name-add-row,
html[data-hand=left] .bmsg-name-confirm,
html[data-hand=left] .bmsg-dt-tools {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.bmsg-resize,
bmsg-resizable {
  position: relative;
  display: block;
}
textarea.bmsg-resizable {
  resize: vertical;
  min-height: 100px;
  display: block;
  width: 100%;
  padding-inline-end: 50px;
}
.bmsg-resize__grip {
  position: absolute;
  inset-inline-end: 2px;
  bottom: 2px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: .5em;
  cursor: ns-resize;
  touch-action: none;
  color: var(--bmsg-text);
  background: var(--bmsg-panel-bg);
  border: 2px solid var(--bmsg-muted);
}
.bmsg-resize__grip .bmsg-ico {
  width: 22px;
  height: 22px;
}
.bvn-field-box.bvn-field-grip > bmsg-voice-note > .bvn-mic {
  top: calc(var(--bvn-h, 120px) - 96px);
  inset-inline-end: 2px;
}
html[data-hand=left] .bvn-field-box.bvn-field-grip > bmsg-voice-note > .bvn-mic {
  inset-inline-start: 6px;
}
.bmsg-resize__grip--active,
.bmsg-resize__grip:hover {
  background: var(--bmsg-hover);
}
.bmsg-refusal__title {
  display: flex;
  align-items: center;
  gap: .5em;
  margin: 0 0 .4em;
  font-size: 1.25em;
  line-height: 1.25;
}
.bmsg-refusal__ico {
  color: var(--bmsg-text);
}
.bmsg-refusal__who {
  font-weight: 700;
  overflow-wrap: anywhere;
  margin: .2em 0;
}
.bmsg-refusal__reason {
  margin: .2em 0 .6em;
}
.bmsg-refusal__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4em .6em;
  margin: .5em 0;
}
.bmsg-refusal__lead {
  font-weight: 600;
}
.bmsg-refusal__support {
  color: var(--bmsg-text);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .15em;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.bmsg-refusal__quote {
  margin: .3em 0 0;
  color: var(--bmsg-muted);
}
.bmsg-refusal__status {
  margin: .3em 0 0;
  font-weight: 600;
}
.bmsg-refusal__status:empty {
  display: none;
}
@media (max-width: 30em) {
  .bmsg-dt-in {
    width: 3.2em;
  }
  .bmsg-dt-seg[data-seg-wrap=year] .bmsg-dt-in {
    width: 4.8em;
  }
}
@media (prefers-reduced-motion: reduce) {
  bmsg-datetime *,
  bmsg-name *,
  bmsg-voice-note *,
  bmsg-refusal *,
  .bmsg-resize * {
    transition: none !important;
    animation: none !important;
  }
}
@media (forced-colors: active) {
  .bmsg-iconbtn,
  .bmsg-avatar__btn,
  .bmsg-btn,
  .bmsg-row {
    border-color: ButtonText;
  }
  .bmsg-panel {
    border-color: CanvasText;
  }
  .bmsg-av {
    forced-color-adjust: none;
  }
  .bmsg-btn2,
  .bvn-mic,
  .bmsg-resize__grip,
  .bmsg-dt-in,
  .bmsg-name-chip {
    border-color: ButtonText;
  }
  .bmsg-dt-error,
  .bmsg-name-error {
    border-inline-start-color: CanvasText;
  }
}
@media print {
  bmsg-topbar .bmsg-topbar__tail {
    display: none;
  }
}