/* node_modules/@liveblocks/react-ui/styles.css */
.lb-root {
  --lb-radius:.5em;
  --lb-spacing:1em;
  --lb-accent:#17f;
  --lb-accent-foreground:#fff;
  --lb-destructive:#f45;
  --lb-destructive-foreground:#fff;
  --lb-background:#fff;
  --lb-foreground:#111;
  --lb-line-height:1.5;
  --lb-icon-size:20px;
  --lb-icon-weight:1.5px;
  --lb-avatar-radius:50%;
  --lb-button-radius:calc(.75*var(--lb-radius));
  --lb-transition-duration:.1s;
  --lb-transition-easing:cubic-bezier(.4,0,.2,1);
  --lb-highlight-shadow:inset 0 0 0 1px #0000001a;
  --lb-elevation-shadow:0 0 0 1px #0000000a,0 2px 6px #00000014,0 8px 26px #0000001f;
  --lb-tooltip-shadow:0 2px 4px #00000014,0 4px 12px #0000001f;
  --lb-accent-contrast:8%;
  --lb-destructive-contrast:8%;
  --lb-foreground-contrast:8%;
  --lb-background-foreground-faint:color-mix(in srgb,var(--lb-foreground),var(--lb-background)calc(100% - var(--lb-foreground-contrast) + ((100% - var(--lb-foreground-contrast))/9)/2));
  --lb-background-accent-faint:color-mix(in srgb,var(--lb-accent),var(--lb-background)calc(100% - var(--lb-accent-contrast) + ((100% - var(--lb-accent-contrast))/9)/2));
  --lb-background-accent-subtle:color-mix(in srgb,var(--lb-accent),var(--lb-background)calc(100% - var(--lb-accent-contrast)));
  --lb-background-destructive-faint:color-mix(in srgb,var(--lb-destructive),var(--lb-background)calc(100% - var(--lb-destructive-contrast) + ((100% - var(--lb-destructive-contrast))/9)/2));
  --lb-background-destructive-subtle:color-mix(in srgb,var(--lb-destructive),var(--lb-background)calc(100% - var(--lb-destructive-contrast)));
  --lb-accent-subtle:color-mix(in srgb,var(--lb-accent),var(--lb-dynamic-background)calc(100% - var(--lb-accent-contrast)));
  --lb-accent-moderate:color-mix(in srgb,var(--lb-accent),var(--lb-dynamic-background)calc(100% - (var(--lb-accent-contrast) + 3*((100% - var(--lb-accent-contrast))/9))));
  --lb-accent-tertiary:color-mix(in srgb,var(--lb-accent),var(--lb-dynamic-background)calc(100% - (var(--lb-accent-contrast) + 5*((100% - var(--lb-accent-contrast))/9))));
  --lb-accent-secondary:color-mix(in srgb,var(--lb-accent),var(--lb-dynamic-background)calc(100% - (var(--lb-accent-contrast) + 7*((100% - var(--lb-accent-contrast))/9))));
  --lb-destructive-subtle:color-mix(in srgb,var(--lb-destructive),var(--lb-dynamic-background)calc(100% - var(--lb-destructive-contrast)));
  --lb-destructive-moderate:color-mix(in srgb,var(--lb-destructive),var(--lb-dynamic-background)calc(100% - (var(--lb-destructive-contrast) + 3*((100% - var(--lb-destructive-contrast))/9))));
  --lb-destructive-tertiary:color-mix(in srgb,var(--lb-destructive),var(--lb-dynamic-background)calc(100% - (var(--lb-destructive-contrast) + 5*((100% - var(--lb-destructive-contrast))/9))));
  --lb-destructive-secondary:color-mix(in srgb,var(--lb-destructive),var(--lb-dynamic-background)calc(100% - (var(--lb-destructive-contrast) + 7*((100% - var(--lb-destructive-contrast))/9))));
  --lb-foreground-subtle:color-mix(in srgb,var(--lb-foreground),var(--lb-dynamic-background)calc(100% - var(--lb-foreground-contrast)));
  --lb-foreground-moderate:color-mix(in srgb,var(--lb-foreground),var(--lb-dynamic-background)calc(100% - (var(--lb-foreground-contrast) + 3*((100% - var(--lb-foreground-contrast))/9))));
  --lb-foreground-tertiary:color-mix(in srgb,var(--lb-foreground),var(--lb-dynamic-background)calc(100% - (var(--lb-foreground-contrast) + 5*((100% - var(--lb-foreground-contrast))/9))));
  --lb-foreground-secondary:color-mix(in srgb,var(--lb-foreground),var(--lb-dynamic-background)calc(100% - (var(--lb-foreground-contrast) + 7*((100% - var(--lb-foreground-contrast))/9))));
  --lb-selection:color-mix(in srgb,var(--lb-accent)40%,transparent);
  overflow-wrap: break-word;
  accent-color: var(--lb-accent);
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lb-root,
.lb-root *,
.lb-root :before,
.lb-root :after {
  box-sizing: border-box;
  transition: none var(--lb-transition-duration)var(--lb-transition-easing);
}
.lb-root:where(:not(.lb-root .lb-root)) {
  --lb-dynamic-background:var(--lb-background);
}
.lb-loading,
.lb-empty,
.lb-error {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}
.lb-loading {
  color: var(--lb-foreground-moderate);
}
.lb-empty,
.lb-error {
  padding: var(--lb-spacing);
  color: var(--lb-foreground-tertiary);
  text-align: center;
  text-wrap: balance;
  font-size: .875em;
}
.lb-icon-container,
.lb-icon {
  inline-size: var(--lb-icon-size);
  block-size: var(--lb-icon-size);
}
.lb-icon-container {
  justify-content: center;
  align-items: center;
  display: flex;
}
.lb-icon {
  --lb-icon-background:var(--lb-dynamic-background);
}
.lb-icon * {
  stroke-width: var(--lb-icon-weight);
  vector-effect: non-scaling-stroke;
}
.lb-icon-spinner {
  transform-origin: 50%;
  animation: .75s linear infinite lb-animation-spin;
}
.lb-button {
  --lb-button-background:var(--lb-dynamic-background);
  all: unset;
  box-sizing: inherit;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition-timing-function: var(--lb-transition-easing);
  transition-duration: var(--lb-transition-duration);
  -webkit-tap-highlight-color: transparent;
  padding: calc(.25*var(--lb-spacing));
  border-radius: var(--lb-button-radius);
  background: var(--lb-button-background);
  color: var(--lb-foreground-moderate);
  outline: none;
  justify-content: center;
  align-items: center;
  transition-property:
    background,
    color,
    opacity;
  display: flex;
  position: relative;
}
.lb-button:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  transition-property: box-shadow;
  position: absolute;
  inset: 0;
}
.lb-button:where(:focus-visible) {
  z-index: 1;
}
.lb-button:where(:focus-visible):after {
  box-shadow: var(--lb-dynamic-background) 0 0 0 2px, var(--lb-accent) 0 0 0 4px;
}
.lb-button:where(.lb-button\:non-disableable:disabled) {
  cursor: default;
}
.lb-button:where(:not(.lb-button\:non-disableable):disabled) {
  opacity: .5;
  cursor: not-allowed;
}
.lb-button:where(:enabled:hover, :enabled:focus-visible, [aria-expanded=true], [aria-selected=true]) {
  --lb-button-background:var(--lb-foreground-subtle);
  color: var(--lb-foreground-tertiary);
}
.lb-button:where([data-variant=default]:not(:is(:enabled:hover, :enabled:focus-visible, [aria-expanded=true], [aria-selected=true], [aria-pressed]))) {
  background: 0 0;
}
.lb-button:where([data-variant=primary]) {
  --lb-button-background:var(--lb-accent);
  color: var(--lb-accent-foreground);
}
.lb-button:where([data-variant=primary]):where(:enabled:hover, :enabled:focus-visible, [aria-expanded=true], [aria-selected=true]) {
  --lb-button-background:var(--lb-accent-secondary);
  color: var(--lb-accent-foreground);
}
.lb-button:where([data-variant=outline]) {
  box-shadow: inset 0 0 0 1px var(--lb-foreground-subtle);
  transition-property:
    background,
    color,
    opacity,
    box-shadow;
}
.lb-button:where(:has(.lb-button-label)) {
  gap: calc(.175*var(--lb-spacing));
  padding-inline: calc(.55*var(--lb-spacing));
}
.lb-button:where(:has(.lb-button-label)):where(:has(.lb-icon-container)) {
  padding-inline-start: calc(.4*var(--lb-spacing));
}
.lb-button:where([data-variant=toolbar]) {
  color: var(--lb-foreground-tertiary);
}
.lb-button:where([data-variant=toolbar]):where([aria-pressed=true]) {
  --lb-button-background:var(--lb-foreground-subtle);
  color: var(--lb-foreground-secondary);
}
.lb-button:where([data-variant=toolbar]):where([aria-pressed=true]) :where(.lb-icon *) {
  stroke-width: calc(1.25*var(--lb-icon-weight));
}
.lb-button:where([data-variant=secondary]) {
  --lb-button-background:var(--lb-foreground-subtle);
  color: var(--lb-foreground-tertiary);
}
.lb-button:where([data-variant=secondary]):where(:enabled:hover, :enabled:focus-visible, [aria-expanded=true], [aria-selected=true]) {
  --lb-button-background:var(--lb-foreground);
  color: var(--lb-dynamic-background);
}
.lb-button:where([data-size=large]) {
  padding: calc(.5*var(--lb-spacing));
}
.lb-button:where([data-size=large]):where(:has(.lb-button-label)) {
  gap: calc(.35*var(--lb-spacing));
  padding-inline: calc(.7*var(--lb-spacing));
}
.lb-button:where([data-size=large]):where(:has(.lb-button-label)):where(:has(.lb-icon-container)) {
  padding-inline-start: calc(.6*var(--lb-spacing));
}
.lb-button :where(.lb-icon-container) {
  flex: none;
}
.lb-button :where(.lb-icon) {
  --lb-icon-background:var(--lb-button-background);
}
.lb-button-label {
  block-size: var(--lb-icon-size);
  font-weight: 500;
  font-size: calc(.7*var(--lb-icon-size));
  flex: none;
  align-items: center;
  line-height: 1;
  display: inline-flex;
}
.lb-dropdown {
  min-inline-size: 160px;
}
.lb-dropdown-label {
  padding: calc(.875*var(--lb-spacing))calc(.625*var(--lb-spacing))calc(.125*var(--lb-spacing));
  color: var(--lb-foreground-tertiary);
  text-transform: uppercase;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  font-size: .675em;
  font-weight: 600;
}
.lb-dropdown-label:where(:first-child) {
  padding-block-start: var(--lb-spacing);
}
.lb-dropdown-separator {
  background: var(--lb-foreground-subtle);
  block-size: 1px;
  margin: 4px -4px;
}
.lb-dropdown-item :where(.lb-icon-container) {
  color: var(--lb-foreground-moderate);
  margin-inline-start: calc(-.125*var(--lb-spacing));
  margin-inline-end: calc(.375*var(--lb-spacing));
  transition-property: color;
}
.lb-dropdown-item:where(:is([data-highlighted]:not([data-highlighted=false]), [data-selected]:not([data-selected=false]), [data-active]:not([data-active=false]))) :where(.lb-icon-container) {
  color: var(--lb-foreground-tertiary);
}
.lb-dropdown-item:where(:has(.lb-dropdown-item-accessory)) :where(.lb-dropdown-item-label) {
  margin-inline-end: calc(.375*var(--lb-spacing));
}
.lb-dropdown-item-accessory {
  margin-inline-start: auto;
  margin-inline-end: calc(-.25*var(--lb-spacing));
}
.lb-dropdown:where(:has(.lb-dropdown-item-icon)) :where(.lb-dropdown-item:not(:has(.lb-dropdown-item-icon))) :where(.lb-dropdown-item-label) {
  margin-inline-start: calc(var(--lb-icon-size) + (.375 - .125)*var(--lb-spacing));
}
.lb-select-button {
  min-inline-size: 0;
}
.lb-select-button :where(.lb-button-label) {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}
.lb-select-button-chevron {
  opacity: .75;
  flex: none;
  margin-inline-end: calc(-.25*var(--lb-spacing));
}
.lb-composer-suggestions-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lb-composer-suggestions-list-item {
  scroll-margin-block: 4px;
}
.lb-composer-mention-suggestions {
  --lb-composer-mention-suggestion-avatar-size:1.25rem;
}
.lb-composer-mention-suggestion {
  padding: calc(.375*var(--lb-spacing))calc(.625*var(--lb-spacing));
}
.lb-composer-mention-suggestion-avatar {
  inline-size: var(--lb-composer-mention-suggestion-avatar-size);
  margin-inline-start: calc(-.125*var(--lb-spacing));
  margin-inline-end: calc(.5*var(--lb-spacing));
  margin-block: calc(.125*var(--lb-spacing));
  background: var(--lb-foreground-subtle);
  color: var(--lb-foreground-moderate);
}
.lb-list {
  display: contents;
}
.lb-list :where(:first-child):first-letter,
.lb-date:first-letter {
  text-transform: capitalize;
}
@supports (background:-webkit-named-image(i)) {
  .lb-emoji {
    will-change: transform;
    transform: scale(.825);
  }
}
.lb-emoji-picker {
  --lb-emoji-picker-padding:6px;
  --lb-emoji-picker-offset-padding:calc(6px + .375*var(--lb-spacing));
  max-inline-size: var(--frimousse-viewport-width);
  color: var(--lb-foreground);
  flex-direction: column;
  block-size: 374px;
  inline-size: 100%;
  display: flex;
}
.lb-emoji-picker-header {
  border-block-end: 1px solid var(--lb-foreground-subtle);
  flex: none;
}
.lb-emoji-picker-footer {
  gap: calc(.5*var(--lb-spacing));
  padding: calc(.5*var(--lb-spacing));
  border-block-start: 1px solid var(--lb-foreground-subtle);
  flex: none;
  align-items: center;
  inline-size: 100%;
  display: flex;
}
.lb-emoji-picker-active-emoji {
  flex: none;
  justify-content: center;
  align-items: center;
  block-size: 1.25em;
  inline-size: 1.25em;
  font-size: 1.25em;
  display: flex;
}
.lb-emoji-picker-active-emoji-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--lb-foreground-secondary);
  flex: 1;
  font-size: .8125em;
  font-weight: 500;
  overflow: hidden;
}
.lb-emoji-picker-active-emoji-label-placeholder {
  color: var(--lb-foreground-moderate);
  margin-inline-start: calc(.5*var(--lb-spacing));
}
.lb-emoji-picker-skin-tone-selector {
  inline-size: calc(1.75*var(--lb-spacing));
  block-size: calc(1.75*var(--lb-spacing));
  flex: none;
  justify-content: center;
  align-items: center;
  margin-inline-start: auto;
  display: flex;
}
.lb-emoji-picker-search-container {
  align-items: center;
  display: flex;
  position: relative;
}
.lb-emoji-picker-search-container :where(.lb-icon) {
  color: var(--lb-foreground-moderate);
  pointer-events: none;
  position: absolute;
  inset-inline-start: var(--lb-emoji-picker-offset-padding);
}
.lb-emoji-picker-search {
  all: unset;
  box-sizing: inherit;
  padding: var(--lb-emoji-picker-offset-padding);
  -webkit-appearance: textfield;
  appearance: textfield;
  background: 0 0;
  outline: none;
  inline-size: 100%;
  padding-inline-start: calc(var(--lb-icon-size) + var(--lb-emoji-picker-offset-padding) + .375*var(--lb-spacing));
}
.lb-emoji-picker-search::placeholder {
  color: var(--lb-foreground-moderate);
}
.lb-emoji-picker-search::-webkit-search-cancel-button {
  display: none;
}
.lb-emoji-picker-content {
  outline: none;
  flex: 1;
  position: relative;
}
.lb-emoji-picker-category-header {
  padding: var(--lb-emoji-picker-padding)var(--lb-emoji-picker-offset-padding);
  background: var(--lb-dynamic-background);
}
.lb-emoji-picker-category-header-title {
  color: var(--lb-foreground-tertiary);
  text-transform: uppercase;
  font-size: .675em;
  font-weight: 600;
}
.lb-emoji-picker-list {
  animation: lb-animation-appear var(--lb-transition-duration)var(--lb-transition-easing)both;
  padding-block-end: var(--lb-emoji-picker-padding);
}
.lb-emoji-picker-row {
  padding-inline: var(--lb-emoji-picker-padding);
  scroll-margin-block-end: var(--lb-emoji-picker-padding);
  display: flex;
}
.lb-emoji-picker-emoji {
  all: unset;
  box-sizing: inherit;
  aspect-ratio: 1;
  padding: calc(.375*var(--lb-spacing));
  border-radius: calc(var(--lb-radius) - .75*6px);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.lb-tooltip {
  --lb-background:#222;
  --lb-foreground:#fff;
  --lb-foreground-contrast:10%;
  min-block-size: calc(calc(1em + 2*.25*var(--lb-spacing)) + 2*5px);
  padding-inline: calc(.75*var(--lb-spacing));
  border-radius: var(--lb-radius);
  background: var(--lb-dynamic-background);
  color: var(--lb-foreground);
  box-shadow: var(--lb-tooltip-shadow);
  overflow-wrap: anywhere;
  pointer-events: none;
  align-items: center;
  max-inline-size: 300px;
  font-size: .75rem;
  line-height: 1;
  display: flex;
  position: relative;
}
.lb-tooltip:after {
  content: "";
  z-index: 1;
  border-radius: inherit;
  box-shadow: var(--lb-inset-shadow);
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.lb-tooltip\:multiline {
  padding-block: calc(calc(.625*var(--lb-spacing))*(1/1.5));
  text-align: center;
  justify-content: center;
  line-height: 1.5;
}
.lb-tooltip-shortcut {
  gap: calc(.125*var(--lb-spacing));
  block-size: calc(1em + 2*.25*var(--lb-spacing));
  padding-inline: calc(.25*var(--lb-spacing));
  border-radius: calc(var(--lb-radius) - .625*5px);
  background: var(--lb-foreground-subtle);
  color: var(--lb-foreground-tertiary);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-inline-start: calc(.75*var(--lb-spacing));
  margin-inline-end: calc(-1*calc(.75*var(--lb-spacing)) + 5px);
  font-family: inherit;
  line-height: 1;
  display: flex;
}
.lb-tooltip-shortcut :where(abbr) {
  all: unset;
}
.lb-avatar {
  aspect-ratio: 1;
  border-radius: var(--lb-avatar-radius);
  background: var(--lb-foreground-subtle);
  color: var(--lb-foreground-moderate);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  container-type: inline-size;
}
.lb-avatar:where([data-loading]) {
  background: var(--lb-foreground);
  opacity: .12;
}
.lb-avatar-image {
  object-fit: cover;
  block-size: 100%;
  inline-size: 100%;
  position: absolute;
  inset: 0;
}
.lb-avatar-fallback {
  white-space: nowrap;
  font-size: 35cqi;
  font-weight: 500;
}
@supports not (container-type:inline-size) {
  .lb-avatar-fallback {
    display: none;
  }
}
.lb-name {
  display: inline-block;
}
.lb-name:where([data-loading]):before {
  content: "\feff";
  vertical-align: middle;
  border-radius: calc(.5*var(--lb-radius));
  opacity: .12;
  -webkit-user-select: none;
  user-select: none;
  background: currentColor;
  block-size: 1.75ex;
  inline-size: 8ch;
  display: inline-block;
}
:is(.lb-avatar, .lb-name):where([data-loading]) {
  animation: 8s linear infinite lb-animation-shimmer;
}
:is(.lb-comment-body, .lb-composer-editor) {
  color: var(--lb-foreground-secondary);
}
:is(.lb-comment-body, .lb-composer-editor),
:is(.lb-comment-body, .lb-composer-editor) * {
  line-height: var(--lb-line-height);
}
:is(.lb-comment-body, .lb-composer-editor) :where(p) {
  --lb-line-height-crop:calc(1lh - 1em)/-2;
  margin-block: .25em;
}
:is(.lb-comment-body, .lb-composer-editor) :where(p):where(:first-of-type) {
  margin-block-start: calc(.125em + var(--lb-line-height-crop));
}
:is(.lb-comment-body, .lb-composer-editor) :where(p):where(:last-of-type) {
  margin-block-end: calc(.125em + var(--lb-line-height-crop));
}
:is(.lb-comment-body, .lb-composer-editor) :where(strong) {
  font-weight: 600;
}
.lb-comment-mention,
.lb-composer-mention {
  color: var(--lb-accent);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  font-weight: 500;
}
:is(.lb-comment-link, .lb-composer-link) {
  color: var(--lb-foreground);
  text-decoration-line: underline;
  -webkit-text-decoration-color: var(--lb-foreground-moderate);
  text-decoration-color: var(--lb-foreground-moderate);
  text-underline-offset: 2px;
  outline: none;
  font-weight: 500;
  transition-property: color, text-decoration-color;
}
:is(.lb-comment-link, .lb-composer-link):where([href]):where(:hover, :focus-visible) {
  color: var(--lb-accent);
  -webkit-text-decoration-color: var(--lb-accent-moderate);
  text-decoration-color: var(--lb-accent-moderate);
}
.lb-comment-mention:where([data-self]),
.lb-composer-mention {
  border-radius: calc(.675*var(--lb-radius));
  background: var(--lb-accent-subtle);
  padding: .1em .3em;
}
.lb-composer {
  background: var(--lb-dynamic-background);
  color: var(--lb-foreground);
  transition-property: background;
  position: relative;
}
.lb-composer-form {
  margin: 0;
}
.lb-composer:where(:has(.lb-composer-editor:not(:focus-visible))) :where(.lb-button[data-variant=primary]) {
  --lb-button-background:var(--lb-foreground-subtle);
  color: var(--lb-foreground-tertiary);
}
.lb-composer:where(:has(.lb-composer-editor:not(:focus-visible))) :where(.lb-button[data-variant=primary]):where(:enabled:hover, :enabled:focus-visible) {
  --lb-button-background:var(--lb-accent);
  color: var(--lb-accent-foreground);
}
.lb-composer-editor {
  padding: var(--lb-spacing);
  outline: none;
}
.lb-composer-editor:where([data-disabled]:not([data-disabled=false])) {
  opacity: .5;
  cursor: not-allowed;
}
:where(.lb-composer-editor-container:has(.lb-composer-attachments)) .lb-composer-editor {
  padding-block-end: calc(.25*var(--lb-spacing));
}
.lb-composer-editor :where([data-placeholder]) {
  color: var(--lb-foreground-moderate);
}
.lb-composer-mention::selection {
  background: 0 0;
}
.lb-composer-mention ::selection {
  background: 0 0;
}
.lb-composer-mention:where([data-selected]:not([data-selected=false])) {
  background: var(--lb-accent);
  color: var(--lb-accent-foreground);
}
.lb-composer-footer {
  gap: calc(.75*var(--lb-spacing));
  block-size: calc(calc(2*.25*var(--lb-spacing) + var(--lb-icon-size)) + var(--lb-spacing));
  padding: 0 var(--lb-spacing)var(--lb-spacing);
  align-items: center;
  margin-block-start: calc(-.125*var(--lb-spacing));
  display: flex;
}
.lb-composer-actions,
.lb-composer-editor-actions {
  gap: calc(.125*var(--lb-spacing));
  align-items: center;
  display: flex;
}
.lb-composer-editor-actions {
  margin-inline-end: auto;
}
.lb-composer-attribution {
  color: var(--lb-foreground-moderate);
  outline: none;
  transition-property: color;
}
.lb-composer-attribution:where(:hover, :focus-visible) {
  color: var(--lb-foreground-tertiary);
}
.lb-composer-attribution :where(svg) {
  block-size: calc(.75*calc(2*.25*var(--lb-spacing) + var(--lb-icon-size)));
}
.lb-composer-attachments {
  padding-inline: var(--lb-spacing);
  padding-block-start: calc(.75*var(--lb-spacing));
  padding-block-end: var(--lb-spacing);
}
.lb-composer-editor-container:where([data-drop]) * {
  pointer-events: none;
}
.lb-composer-attachments-drop-area {
  color: var(--lb-accent);
  place-content: center;
  place-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}
.lb-composer-attachments-drop-area:before,
.lb-composer-attachments-drop-area:after {
  content: "";
  inset: calc(.5*var(--lb-spacing));
  z-index: 0;
  border-radius: calc(.75*var(--lb-radius));
  position: absolute;
}
.lb-composer-attachments-drop-area:before {
  opacity: calc(1*var(--lb-accent-contrast));
  background: currentColor;
}
.lb-composer-attachments-drop-area:after {
  opacity: calc(2*var(--lb-accent-contrast));
  border: 2px dashed;
}
.lb-composer-attachments-drop-area-label {
  gap: calc(.25*var(--lb-spacing));
  padding: calc(.375*var(--lb-spacing))calc(.5*var(--lb-spacing));
  border-radius: calc(.75*var(--lb-radius));
  background: var(--lb-accent);
  color: var(--lb-accent-foreground);
  pointer-events: none;
  place-items: center;
  font-weight: 500;
  display: flex;
  position: relative;
}
.lb-composer-floating-toolbar {
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  gap: 4px;
  padding: 4px;
  display: flex;
}
.lb-composer-floating-toolbar :where(.lb-button):before {
  content: "";
  z-index: -1;
  border-radius: inherit;
  position: absolute;
  inset: -4px;
}
.lb-composer-floating-toolbar :where(.lb-button):where(:not(:first-of-type)):before {
  inset-inline-start: -2px;
}
.lb-composer-floating-toolbar :where(.lb-button):where(:not(:last-of-type)):before {
  inset-inline-end: -2px;
}
.lb-comment {
  --lb-comment-avatar-size:calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));
  padding: var(--lb-spacing);
  background: var(--lb-dynamic-background);
  color: var(--lb-foreground);
  scroll-margin: var(--lb-spacing);
  font-weight: 400;
  position: relative;
}
.lb-comment:where(:target, [data-target]) {
  --lb-dynamic-background:var(--lb-background-accent-faint);
}
.lb-comment:where([data-editing]) {
  --lb-dynamic-background:var(--lb-background-foreground-faint);
}
.lb-comment-header {
  gap: calc(.75*var(--lb-spacing));
  block-size: var(--lb-comment-avatar-size);
  align-items: center;
  margin-block-end: calc(.75*var(--lb-spacing));
  display: flex;
  position: relative;
}
.lb-comment-details {
  gap: calc(.75*var(--lb-spacing));
  align-items: center;
  min-inline-size: 0;
  display: flex;
}
.lb-comment-avatar {
  inline-size: var(--lb-comment-avatar-size);
  flex: none;
}
.lb-comment-details-labels {
  gap: calc(.5*var(--lb-spacing));
  align-items: baseline;
  min-inline-size: 0;
  display: flex;
}
.lb-comment-author,
.lb-comment-date {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.lb-comment-author:first-letter,
.lb-comment-date:first-letter {
  text-transform: capitalize;
}
.lb-comment-author {
  font-weight: 500;
}
.lb-comment-date {
  color: var(--lb-foreground-tertiary);
  font-size: .875em;
}
.lb-comment-date-created,
.lb-comment-date-edited {
  display: contents;
}
.lb-comment-actions {
  gap: calc(.125*var(--lb-spacing));
  margin-inline-start: auto;
  display: flex;
}
.lb-comment-composer {
  margin: calc(-1*var(--lb-spacing));
  background: unset;
}
.lb-comment-body :where(p span:only-child:empty):before {
  content: "\feff";
  -webkit-user-select: none;
  user-select: none;
}
.lb-comment-attachments {
  margin-block-start: calc(.75*var(--lb-spacing));
}
.lb-comment-reactions {
  gap: calc(.375*var(--lb-spacing));
  flex-wrap: wrap;
  margin-block-start: calc(.75*var(--lb-spacing));
  display: flex;
}
.lb-comment-reaction {
  gap: calc(.375*var(--lb-spacing));
  block-size: calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));
  padding-inline: calc(.575*var(--lb-spacing));
  border-radius: 9999px;
}
.lb-comment-reaction:where([data-self]) {
  background: var(--lb-accent-subtle);
  color: var(--lb-accent-secondary);
  box-shadow: inset 0 0 0 1px var(--lb-accent-moderate);
}
.lb-comment-reaction:where([data-self]):where(:enabled:hover, :enabled:focus-visible, [aria-expanded=true], [aria-selected=true]) {
  color: var(--lb-accent);
}
.lb-comment-reaction-count {
  font-variant-numeric: tabular-nums;
  font-size: .75em;
  font-weight: 500;
}
.lb-comment-reaction-tooltip {
  max-inline-size: 200px;
}
.lb-comment-deleted {
  color: var(--lb-foreground-tertiary);
  font-size: .875em;
}
.lb-comment\:indent-content {
  min-block-size: calc(var(--lb-comment-avatar-size) + 2*var(--lb-spacing));
}
.lb-comment\:indent-content :where(.lb-comment-header) {
  block-size: calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));
  margin-block-end: calc(.25*var(--lb-spacing));
}
.lb-comment\:indent-content :where(.lb-comment-avatar) {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.lb-comment\:indent-content :where(.lb-comment-details-labels) {
  margin-inline-start: calc(var(--lb-comment-avatar-size) + .75*var(--lb-spacing));
}
.lb-comment\:indent-content :where(.lb-comment-content) {
  padding-inline-start: calc(var(--lb-comment-avatar-size) + .75*var(--lb-spacing));
}
.lb-thread {
  background: var(--lb-dynamic-background);
  color: var(--lb-foreground);
  transition-property: background;
}
.lb-thread-comments {
  z-index: 0;
  flex-direction: column;
  display: flex;
  position: relative;
}
.lb-thread-comment {
  z-index: 0;
  padding-block: calc(.6*var(--lb-spacing));
  transition-property: background;
}
.lb-thread-comment:where(.lb-comment\:indent-content) {
  min-block-size: calc(var(--lb-comment-avatar-size) + var(--lb-spacing));
}
.lb-thread-comment:where(:first-of-type, [data-editing]) {
  padding-block-start: var(--lb-spacing);
}
.lb-thread-comment:where(:first-of-type, [data-editing]):where(.lb-comment\:indent-content) {
  min-block-size: calc(var(--lb-comment-avatar-size) + 1.5*var(--lb-spacing));
}
.lb-thread-comment:where(:last-of-type, [data-editing]) {
  padding-block-end: var(--lb-spacing);
}
.lb-thread-comment:where(:last-of-type, [data-editing]):where(.lb-comment\:indent-content) {
  min-block-size: calc(var(--lb-comment-avatar-size) + 1.75*var(--lb-spacing));
}
.lb-thread-new-indicator {
  z-index: 1;
  justify-content: center;
  align-items: center;
  block-size: 0;
  display: flex;
  position: relative;
}
.lb-thread-new-indicator:before,
.lb-thread-new-indicator:after {
  content: "";
  z-index: 0;
  border-block-start: 1px solid var(--lb-foreground-subtle);
  flex: 1;
  block-size: 0;
  transition-property: border;
}
.lb-thread-new-indicator-label {
  z-index: 1;
  gap: calc(.325*var(--lb-spacing));
  padding: calc(.25*var(--lb-spacing))var(--lb-spacing);
  color: var(--lb-accent);
  text-transform: uppercase;
  flex: none;
  align-items: center;
  font-size: .675em;
  font-weight: 600;
  display: flex;
}
.lb-thread-new-indicator-label-icon {
  inline-size: calc(.6*var(--lb-icon-size));
  block-size: calc(.6*var(--lb-icon-size));
}
.lb-thread-composer {
  position: relative;
}
.lb-thread-composer:after {
  content: "";
  border-block-start: 1px solid var(--lb-foreground-subtle);
  pointer-events: none;
  block-size: 100%;
  inline-size: 100%;
  transition-property: border;
  position: absolute;
  inset: 0;
}
.lb-comment-attachments,
.lb-composer-attachments {
  gap: calc(.75*var(--lb-spacing));
  flex-direction: column;
  display: flex;
}
.lb-attachments {
  gap: calc(.75*var(--lb-spacing));
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
  display: grid;
}
.lb-attachment,
.lb-attachment-delete {
  all: unset;
  box-sizing: inherit;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition-timing-function: var(--lb-transition-easing);
  transition-duration: var(--lb-transition-duration);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  transition-property:
    background,
    color,
    opacity;
  position: relative;
}
.lb-attachment:after,
.lb-attachment-delete:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  transition-property: box-shadow;
  position: absolute;
  inset: 0;
}
.lb-attachment:where(:focus-visible),
.lb-attachment-delete:where(:focus-visible) {
  z-index: 1;
}
.lb-attachment:where(:focus-visible):after,
.lb-attachment-delete:where(:focus-visible):after {
  box-shadow: var(--lb-dynamic-background) 0 0 0 2px, var(--lb-accent) 0 0 0 4px;
}
.lb-attachment {
  border-radius: var(--lb-radius);
  background: var(--lb-dynamic-background);
  box-shadow: inset 0 0 0 1px var(--lb-foreground-subtle);
  inline-size: 100%;
  min-inline-size: 0;
  display: flex;
  position: relative;
}
.lb-attachment:where([tabindex="-1"]) {
  cursor: default;
}
.lb-attachment:where(:not([tabindex="-1"])):where(:hover, :focus-visible) {
  background: var(--lb-foreground-subtle);
}
.lb-attachment-delete {
  z-index: 2;
  background: var(--lb-foreground-subtle);
  color: var(--lb-foreground-secondary);
  box-shadow: 0 0 0 2px var(--lb-dynamic-background);
  opacity: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  block-size: 1.1rem;
  inline-size: 1.1rem;
  display: flex;
  position: absolute;
  inset-block-start: -.35rem;
  inset-inline-end: -.35rem;
}
.lb-attachment-delete:before {
  content: "";
  z-index: -1;
  border-radius: inherit;
  position: absolute;
  inset: -4px;
}
.lb-attachment-delete:where(:hover, :focus-visible) {
  background: var(--lb-foreground-secondary);
  color: var(--lb-dynamic-background);
}
:where(.lb-attachment:focus-within, .lb-attachment:hover) .lb-attachment-delete {
  opacity: 1;
}
.lb-attachment-delete :where(.lb-icon) {
  inline-size: .75rem;
}
.lb-attachment-details {
  gap: calc(.25*var(--lb-spacing));
  flex-direction: column;
  justify-content: center;
  min-inline-size: 0;
  font-size: .875em;
  display: flex;
  position: relative;
}
.lb-attachment-name {
  font-weight: 500;
  display: flex;
}
.lb-attachment-name-base,
.lb-attachment-description {
  text-overflow: ellipsis;
  white-space: nowrap;
  transition-property: color;
  overflow: hidden;
}
.lb-attachment-preview {
  background: color-mix(in srgb, transparent, var(--lb-foreground)var(--lb-foreground-contrast));
  color: var(--lb-foreground-tertiary);
  flex: none;
  justify-content: center;
  align-items: center;
  transition-property: background, color;
  display: flex;
  position: relative;
  overflow: hidden;
}
.lb-attachment-preview-media {
  border-radius: inherit;
  transition-property: opacity;
}
.lb-attachment-preview-media,
.lb-attachment-preview-media:after,
.lb-attachment-preview-media img,
.lb-attachment-preview-media video {
  block-size: 100%;
  inline-size: 100%;
  position: absolute;
  inset: 0;
}
.lb-attachment-preview-media img,
.lb-attachment-preview-media video {
  object-fit: cover;
  pointer-events: none;
}
.lb-attachment-preview-media:after {
  content: "";
  border-radius: inherit;
  box-shadow: var(--lb-highlight-shadow);
  pointer-events: none;
}
.lb-attachment-preview-media:where([data-hidden]) {
  opacity: 0;
}
.lb-attachment-icon {
  color: var(--lb-foreground);
  flex: none;
  overflow: visible;
}
.lb-attachment-icon-glyph {
  fill: var(--lb-foreground-moderate);
}
.lb-attachment-icon-background {
  fill: var(--lb-background);
}
.lb-attachment-icon-fold {
  fill-opacity: calc(.75*var(--lb-foreground-contrast));
}
.lb-attachment-icon-shadow {
  filter: blur(6px);
  fill-opacity: var(--lb-foreground-contrast);
}
.lb-file-attachment {
  gap: calc(.5*var(--lb-spacing));
  padding: calc(.5*var(--lb-spacing));
  padding-inline-end: calc(.65*var(--lb-spacing));
}
.lb-file-attachment :where(.lb-attachment-preview) {
  aspect-ratio: 1;
  border-radius: calc(.5*var(--lb-radius));
  inline-size: 2.5rem;
}
.lb-file-attachment :where(.lb-attachment-name) {
  color: var(--lb-foreground-secondary);
}
.lb-file-attachment :where(.lb-attachment-description) {
  color: var(--lb-foreground-tertiary);
}
.lb-file-attachment:where(:not([tabindex="-1"])):where(:hover, :focus-visible, :focus-within) :where(.lb-attachment-name) {
  color: var(--lb-foreground);
}
.lb-file-attachment:where(:not([tabindex="-1"])):where(:hover, :focus-visible, :focus-within) :where(.lb-attachment-description) {
  color: var(--lb-foreground-secondary);
}
.lb-media-attachment {
  aspect-ratio: 16/10;
}
.lb-media-attachment :where(.lb-attachment-preview) {
  border-radius: inherit;
  position: absolute;
  inset: 0;
}
.lb-media-attachment :where(.lb-attachment-details) {
  padding: calc(.75*var(--lb-spacing));
  text-shadow: 0 0 2px #0006;
  opacity: 0;
  background: linear-gradient(#0000, #000c);
  border-end-end-radius: inherit;
  border-end-start-radius: inherit;
  transition-property: opacity;
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
}
.lb-media-attachment :where(.lb-attachment-name) {
  color: #fff;
}
.lb-media-attachment :where(.lb-attachment-description) {
  color: #fffc;
}
.lb-media-attachment:where(:not([tabindex="-1"])):where(:hover, :focus-visible, :focus-within) :where(.lb-attachment-details) {
  opacity: 1;
}
.lb-attachment:where([data-error]) :where(.lb-attachment-preview) {
  background: var(--lb-destructive);
  color: var(--lb-destructive-foreground);
}
.lb-inbox-notification {
  --lb-inbox-notification-aside-size:36px;
  gap: calc(.75*var(--lb-spacing));
  padding: var(--lb-spacing);
  background: var(--lb-dynamic-background);
  color: var(--lb-foreground);
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  font-weight: 400;
  transition-property: background;
  display: flex;
  position: relative;
  overflow: hidden;
}
.lb-inbox-notification:where([data-missing]) {
  --lb-dynamic-background:var(--lb-background-accent-faint);
  --lb-accent:var(--lb-destructive) !important;
  --lb-accent-foreground:var(--lb-destructive-foreground) !important;
  --lb-accent-contrast:var(--lb-destructive-contrast) !important;
}
.lb-inbox-notification:where([data-unread]) {
  --lb-dynamic-background:var(--lb-background-accent-faint);
}
.lb-inbox-notification:where([href]) {
  cursor: pointer;
}
.lb-inbox-notification:where([href]):where(:hover, :focus-visible, :focus-within) {
  --lb-dynamic-background:var(--lb-background-foreground-faint);
}
.lb-inbox-notification:where([href]):where([data-unread]):where(:hover, :focus-visible, :focus-within) {
  --lb-dynamic-background:var(--lb-background-accent-subtle);
}
.lb-inbox-notification-aside {
  inline-size: var(--lb-inbox-notification-aside-size);
  flex: none;
}
.lb-inbox-notification-icon {
  aspect-ratio: 1;
  background: var(--lb-foreground-subtle);
  border-radius: 50%;
  justify-content: center;
  place-items: center;
  display: flex;
}
.lb-inbox-notification:where([data-missing]) :where(.lb-inbox-notification-icon) {
  background: var(--lb-accent-subtle);
  color: var(--lb-accent);
}
.lb-inbox-notification-content {
  flex: 1;
}
.lb-inbox-notification-content,
.lb-inbox-notification-body {
  min-inline-size: 0;
  max-inline-size: 100%;
}
.lb-inbox-notification-header {
  gap: calc(.75*var(--lb-spacing));
  align-items: center;
  margin-block-start: calc(.25*var(--lb-spacing));
  margin-block-end: calc(.5*var(--lb-spacing));
  display: flex;
}
.lb-inbox-notification-title {
  min-block-size: calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));
}
.lb-inbox-notification-title:first-letter {
  text-transform: capitalize;
}
.lb-inbox-notification-title :where(strong, .lb-list, .lb-name) {
  font-weight: 500;
}
.lb-inbox-notification-details {
  block-size: calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));
  flex: none;
  align-self: start;
  min-inline-size: 0;
  margin-inline-start: auto;
}
.lb-inbox-notification-details-labels {
  align-items: baseline;
  min-inline-size: 0;
  display: flex;
}
.lb-inbox-notification-details-labels:before {
  content: "\feff";
}
.lb-inbox-notification-actions {
  gap: calc(.125*var(--lb-spacing));
  grid-area: actions;
  align-self: start;
  display: flex;
}
.lb-inbox-notification-comments {
  gap: var(--lb-spacing);
  flex-direction: column;
  display: flex;
}
.lb-inbox-notification-comment {
  background: 0 0;
  padding: 0;
}
.lb-inbox-notification-comment :where(.lb-comment-header) {
  color: var(--lb-foreground-tertiary);
  block-size: auto;
  font-size: .875rem;
}
.lb-inbox-notification-comment :where(.lb-comment-reaction),
.lb-inbox-notification-comment :where(.lb-comment-attachment) {
  pointer-events: none;
}
.lb-inbox-notification-date {
  color: var(--lb-foreground-tertiary);
  font-size: .875em;
}
.lb-inbox-notification-unread-indicator {
  background: var(--lb-accent);
  border-radius: 50%;
  align-self: center;
  block-size: 10px;
  inline-size: 10px;
  margin-inline-start: calc(.5*var(--lb-spacing));
}
.lb-history-version-summary {
  gap: calc(.25*var(--lb-spacing));
  padding: var(--lb-spacing);
  background: var(--lb-dynamic-background);
  flex-direction: column;
  justify-content: center;
  inline-size: 100%;
  min-inline-size: 0;
  transition-property: background;
  display: flex;
  position: relative;
}
.lb-history-version-summary:where(:hover, :focus-visible, :focus-within, [data-selected]:not([data-selected=false])) {
  --lb-dynamic-background:var(--lb-background-foreground-faint);
}
.lb-history-version-summary-date,
.lb-history-version-summary-authors {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow: hidden;
}
.lb-history-version-summary-date:first-letter,
.lb-history-version-summary-authors:first-letter {
  text-transform: capitalize;
}
.lb-history-version-summary-date {
  color: var(--lb-foreground-secondary);
  font-weight: 500;
}
.lb-history-version-summary-authors {
  color: var(--lb-foreground-tertiary);
}
.lb-history-version-preview {
  background: var(--lb-dynamic-background);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow-y: auto;
}
.lb-history-version-preview-content {
  padding: var(--lb-spacing);
  flex: 1 0 auto;
}
.lb-history-version-preview-footer {
  gap: var(--lb-spacing);
  padding: var(--lb-spacing);
  border-block-start: 1px solid var(--lb-foreground-subtle);
  background: var(--lb-dynamic-background);
  flex: none;
  align-items: center;
  margin-block-start: auto;
  display: flex;
  position: sticky;
  inset-block-end: 0;
}
.lb-history-version-preview-authors {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--lb-foreground-tertiary);
  flex: auto;
  min-inline-size: 0;
  overflow: hidden;
}
.lb-history-version-preview-actions {
  gap: calc(.35*var(--lb-spacing));
  flex: none;
  align-items: center;
  margin-inline-start: auto;
  display: flex;
}
.lb-inbox-notification-list,
.lb-history-version-summary-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lb-inbox-notification-list-item:where(:not(:last-of-type)),
.lb-history-version-summary-list-item:where(:not(:last-of-type)) {
  border-block-end: 1px solid var(--lb-foreground-subtle);
}
.lb-root :where(code) {
  border-radius: calc(.75*var(--lb-radius));
  background: var(--lb-foreground-subtle);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: .2em .4em;
  font-size: 85%;
  line-height: 1;
}
.lb-root :where(span:has(code) + span code) {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  padding-inline-start: 0;
}
.lb-root :where(span:has(code):has(+ span code) code) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  padding-inline-end: 0;
}
:where(.lb-root code) {
  font-family:
    ui-monospace,
    Menlo,
    Monaco,
    Roboto Mono,
    Cascadia Code,
    Source Code Pro,
    Consolas,
    DejaVu Sans Mono,
    monospace;
}
.lb-elevation {
  border-radius: var(--lb-radius);
  background: var(--lb-dynamic-background);
  box-shadow: var(--lb-elevation-shadow);
  position: relative;
  overflow: hidden;
}
.lb-elevation:after {
  content: "";
  z-index: 1;
  border-radius: inherit;
  box-shadow: var(--lb-inset-shadow);
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.lb-dropdown,
.lb-composer-suggestions {
  padding: 4px;
  overflow-y: auto;
}
.lb-dropdown:where([data-hidden]),
.lb-composer-suggestions:where([data-hidden]) {
  opacity: 0;
}
.lb-dropdown-item,
.lb-composer-suggestions-list-item {
  padding: calc(.25*var(--lb-spacing))calc(.5*var(--lb-spacing));
  align-items: center;
  font-size: .875rem;
  display: flex;
}
.lb-dropdown-item,
.lb-composer-suggestions-list-item,
.lb-emoji-picker-emoji {
  border-radius: calc(var(--lb-radius) - .75*4px);
  color: var(--lb-foreground-secondary);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  transition-property:
    background,
    color,
    opacity;
}
:is(.lb-dropdown-item, .lb-composer-suggestions-list-item, .lb-emoji-picker-emoji):where([data-highlighted]:not([data-highlighted=false]), [data-selected]:not([data-selected=false]), [data-active]:not([data-active=false])) {
  background: var(--lb-foreground-subtle);
  transition-duration: calc(var(--lb-transition-duration)/2);
}
:is(.lb-dropdown-item, .lb-composer-suggestions-list-item, .lb-emoji-picker-emoji):where(:disabled, [data-disabled]:not([data-disabled=false])) {
  opacity: .5;
  cursor: not-allowed;
}
.lb-dropdown,
.lb-composer-suggestions,
.lb-composer-floating-toolbar,
.lb-tooltip,
.lb-emoji-picker {
  animation-duration: var(--lb-transition-duration);
  animation-timing-function: var(--lb-transition-easing);
  will-change: transform, opacity;
}
:is(.lb-dropdown, .lb-emoji-picker, .lb-tooltip:where([data-state=delayed-open]), .lb-composer-suggestions, .lb-composer-floating-toolbar):where([data-side=top]) {
  animation-name: lb-animation-slide-up;
}
:is(.lb-dropdown, .lb-emoji-picker, .lb-tooltip:where([data-state=delayed-open]), .lb-composer-suggestions, .lb-composer-floating-toolbar):where([data-side=bottom]) {
  animation-name: lb-animation-slide-down;
}
:is(.lb-dropdown, .lb-emoji-picker, .lb-tooltip, .lb-composer-suggestions, .lb-composer-floating-toolbar):where([data-state=closed]) {
  animation-name: lb-animation-disappear;
}
@keyframes lb-animation-slide-down {
  0% {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes lb-animation-slide-up {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes lb-animation-appear {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes lb-animation-disappear {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes lb-animation-shimmer {
  0%, to {
    -webkit-mask-image:
      linear-gradient(
        90deg,
        #00000080,
        #000,
        #000,
        #00000080);
    mask-image:
      linear-gradient(
        90deg,
        #00000080,
        #000,
        #000,
        #00000080);
    -webkit-mask-size: 400% 100%;
    mask-size: 400% 100%;
  }
  0% {
    -webkit-mask-position: 200% 0;
    mask-position: 200% 0;
  }
  to {
    -webkit-mask-position: -200% 0;
    mask-position: -200% 0;
  }
}
@keyframes lb-animation-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (hover: hover) {
  .lb-comment:where(.lb-comment\:show-actions-hover) :where(.lb-comment-actions) {
    opacity: 0;
    transition-property: opacity;
    position: absolute;
    inset-inline-end: 0;
  }
  .lb-comment:where(.lb-comment\:show-actions-hover):where(:is(:hover, :focus-within, .lb-comment\:action-open)) :where(.lb-comment-actions) {
    opacity: 1;
    position: relative;
  }
  .lb-thread:where(.lb-thread\:show-actions-hover :is(:hover, :focus-within)) :where(.lb-thread-actions) {
    opacity: 1;
  }
  .lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-header) {
    grid-template: "title secondary"/1fr max-content;
    display: grid;
  }
  .lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-details) {
    opacity: 1;
    transition-property: opacity;
  }
  .lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-actions) {
    opacity: 0;
    transition-property: opacity;
  }
  .lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover):where(:is(:hover, :focus-within, .lb-inbox-notification\:action-open)) :where(.lb-inbox-notification-details) {
    opacity: 0;
  }
  .lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover):where(:is(:hover, :focus-within, .lb-inbox-notification\:action-open)) :where(.lb-inbox-notification-actions) {
    opacity: 1;
  }
  .lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-details),
  .lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-actions) {
    grid-area: secondary;
    justify-self: end;
  }
}
@media (prefers-reduced-motion) {
  .lb-dropdown:where(:not([data-state=closed])),
  .lb-emoji-picker:where(:not([data-state=closed])),
  .lb-tooltip:where([data-state=delayed-open]:not([data-state=closed])),
  .lb-composer-suggestions:where(:not([data-state=closed])) {
    animation-name: lb-animation-appear;
  }
}

/* node_modules/@liveblocks/react-tiptap/styles.css */
.lb-tiptap-suggestions-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lb-tiptap-mention-suggestions {
  --lb-tiptap-mention-suggestion-avatar-size:1.25rem;
}
.lb-tiptap-mention-suggestion {
  padding: calc(.375*var(--lb-spacing))calc(.625*var(--lb-spacing));
}
.lb-tiptap-mention-suggestion-avatar {
  inline-size: var(--lb-tiptap-mention-suggestion-avatar-size);
  margin-inline-start: calc(-.125*var(--lb-spacing));
  margin-inline-end: calc(.5*var(--lb-spacing));
  margin-block: calc(.125*var(--lb-spacing));
  background: var(--lb-foreground-subtle);
  color: var(--lb-foreground-moderate);
}
.lb-tiptap-suggestions {
  animation-duration: var(--lb-transition-duration);
  animation-timing-function: var(--lb-transition-easing);
  will-change: transform, opacity;
  padding: 4px;
}
.lb-tiptap-suggestions-list-item {
  padding: calc(.25*var(--lb-spacing))calc(.5*var(--lb-spacing));
  border-radius: calc(var(--lb-radius) - .75*4px);
  color: var(--lb-foreground-secondary);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  align-items: center;
  scroll-margin-block: 4px;
  font-size: .875rem;
  transition-property:
    background,
    color,
    opacity;
  display: flex;
}
.lb-tiptap-suggestions-list-item:where([data-highlighted]:not([data-highlighted=false]), [data-selected]:not([data-selected=false])) {
  background: var(--lb-foreground-subtle);
  transition-duration: calc(var(--lb-transition-duration)/2);
}
.lb-tiptap-suggestions-list-item:where(:disabled, [data-disabled]:not([data-disabled=false])) {
  opacity: .5;
  cursor: not-allowed;
}
.lb-tiptap-suggestions:where([data-side=top]) {
  animation-name: lb-animation-slide-up;
}
.lb-tiptap-suggestions:where([data-side=bottom]) {
  animation-name: lb-animation-slide-down;
}
.lb-tiptap-suggestions:where([data-state=closed]) {
  animation-name: lb-animation-disappear;
}
.lb-tiptap-mention {
  border-radius: calc(.675*var(--lb-radius));
  background: var(--lb-accent-subtle);
  color: var(--lb-accent);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: .1em .3em;
  font-weight: 500;
}
.lb-tiptap-mention::selection {
  background: 0 0;
}
.lb-tiptap-mention ::selection {
  background: 0 0;
}
.lb-mention-selected {
  background: var(--lb-accent);
  color: var(--lb-accent-foreground);
}
:where(.lb-tiptap-thread-mark:not([data-orphan=true])) {
  background: var(--lb-accent-subtle);
  color: var(--lb-foreground);
  text-decoration-line: underline;
  -webkit-text-decoration-color: var(--lb-foreground-moderate);
  text-decoration-color: var(--lb-foreground-moderate);
  text-underline-offset: 2px;
  outline: none;
  font-weight: 500;
  transition-property: color, text-decoration-color;
}
:where(.lb-tiptap-thread-mark:not([data-orphan=true]) .lb-tiptap-thread-mark-selected) {
  color: var(--lb-accent);
  text-decoration-line: underline;
  -webkit-text-decoration-color: var(--lb-accent-moderate);
  text-decoration-color: var(--lb-accent-moderate);
  text-underline-offset: 2px;
}
.lb-tiptap-anchored-threads {
  --lb-tiptap-anchored-threads-gap:1.25rem;
  --lb-tiptap-anchored-threads-active-thread-offset:-.75rem;
}
.lb-tiptap-anchored-threads-thread-container {
  transition-duration: calc(var(--lb-transition-duration)*2);
  transition-property: transform;
}
.lb-tiptap-anchored-threads-thread {
  border-radius: var(--lb-radius);
  background: var(--lb-dynamic-background);
  transition-property: background, box-shadow;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 0 0 1px #0000000a,
    0 2px 6px #0000000a,
    0 6px 20px #0000000f;
}
.lb-tiptap-anchored-threads-thread:after {
  content: "";
  z-index: 1;
  border-radius: inherit;
  box-shadow: var(--lb-inset-shadow);
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.lb-tiptap-anchored-threads-thread:where([data-state=active]) {
  box-shadow:
    0 0 0 1px #0000000a,
    0 2px 6px #00000014,
    0 8px 26px #0000001f;
}
.lb-tiptap-floating {
  --lb-tiptap-floating-size:350px;
}
.lb-tiptap-floating-threads-thread {
  inline-size: var(--lb-tiptap-floating-size);
}
.lb-tiptap-floating-threads-thread:where(:not(:last-of-type)) {
  border-block-end: 1px solid var(--lb-foreground-subtle);
}
.lb-tiptap-floating-composer {
  inline-size: var(--lb-tiptap-floating-size);
}
.lb-tiptap-active-selection {
  background: var(--lb-selection,#00f3);
  pointer-events: none;
}
.lb-tiptap-toolbar {
  --lb-tiptap-toolbar-spacing:calc(.25*var(--lb-spacing));
  gap: var(--lb-tiptap-toolbar-spacing);
  padding: var(--lb-tiptap-toolbar-spacing);
  background: var(--lb-background);
  -ms-overflow-style: none;
  scrollbar-width: none;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
  overflow-x: auto;
}
.lb-tiptap-toolbar::-webkit-scrollbar {
  display: none;
}
.lb-tiptap-toolbar > * {
  flex: none;
}
.lb-tiptap-floating-toolbar {
  --lb-tiptap-toolbar-spacing:4px;
}
.lb-tiptap-toolbar-separator {
  pointer-events: none;
  align-self: stretch;
  inline-size: 1px;
  margin-inline: 1px;
  position: relative;
}
.lb-tiptap-toolbar-separator:before {
  content: "";
  background: var(--lb-foreground-subtle);
  position: absolute;
  inset: 10% 0;
}
.lb-tiptap-ai-selection {
  background: var(--lb-selection,#00f3);
  pointer-events: none;
}
.lb-tiptap-ai-toolbar-portal {
  inline-size: var(--lb-tiptap-editor-width);
  pointer-events: none;
  outline: none;
  flex-direction: column;
  gap: 8px;
  display: flex;
}
.lb-tiptap-ai-toolbar-portal:where([data-liveblocks-ai-toolbar-flip]) {
  flex-direction: column-reverse;
}
.lb-tiptap-ai-toolbar-container {
  --lb-tiptap-ai-toolbar-padding:calc(.5*var(--lb-spacing));
  --lb-tiptap-ai-toolbar-height:calc(calc(2*.25*var(--lb-spacing) + var(--lb-icon-size)) + 2*var(--lb-tiptap-ai-toolbar-padding));
  min-block-size: var(--lb-tiptap-ai-toolbar-height);
  position: relative;
}
.lb-tiptap-ai-toolbar {
  color: var(--lb-foreground);
  pointer-events: auto;
  flex-direction: column;
  display: flex;
}
.lb-tiptap-ai-toolbar-response-container,
.lb-tiptap-ai-toolbar-content {
  max-block-size: calc(6lh + 2*var(--lb-tiptap-ai-toolbar-padding));
  overflow-y: auto;
}
.lb-tiptap-ai-toolbar-content {
  padding: var(--lb-tiptap-ai-toolbar-padding);
  outline: none;
  grid-template-columns: auto 1fr auto;
  inline-size: 100%;
  min-inline-size: 0;
  display: grid;
}
.lb-tiptap-ai-toolbar-response-container {
  --lb-line-height-crop:calc(1lh - 1em)/-2;
  padding: calc(var(--lb-spacing) + var(--lb-line-height-crop))var(--lb-spacing);
  border-block-end: 1px solid var(--lb-foreground-subtle);
  flex-direction: column;
  display: flex;
}
.lb-tiptap-ai-toolbar-response {
  white-space: pre-wrap;
}
.lb-tiptap-ai-toolbar-response:before {
  content: "\feff";
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  display: inline-block;
}
.lb-tiptap-ai-toolbar-icon-container,
.lb-tiptap-ai-toolbar-actions {
  block-size: calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));
  flex: none;
  display: flex;
}
.lb-tiptap-ai-toolbar-icon-container {
  color: var(--lb-foreground-moderate);
  align-self: start;
  align-items: center;
  position: sticky;
  inset-block-start: 0;
}
.lb-tiptap-ai-toolbar-actions {
  gap: var(--lb-tiptap-ai-toolbar-padding);
  align-self: end;
  position: sticky;
  inset-block-end: 0;
}
.lb-tiptap-ai-toolbar-custom-prompt {
  all: unset;
  color: var(--lb-foreground);
  resize: none;
  background: 0 0;
  outline: none;
}
.lb-tiptap-ai-toolbar-custom-prompt::placeholder {
  color: var(--lb-foreground-moderate);
}
.lb-tiptap-ai-toolbar-custom-prompt-container {
  z-index: auto;
  margin-block: calc(-1*var(--lb-tiptap-ai-toolbar-padding));
  display: grid;
  position: relative;
}
.lb-tiptap-ai-toolbar-custom-prompt-container:before {
  content: attr(data-value)" ";
  visibility: hidden;
}
.lb-tiptap-ai-toolbar-custom-prompt,
.lb-tiptap-ai-toolbar-custom-prompt-container:before {
  box-sizing: inherit;
  padding: calc(var(--lb-tiptap-ai-toolbar-padding) + (calc(2*.25*var(--lb-spacing) + var(--lb-icon-size)) - 1lh)/2)var(--lb-tiptap-ai-toolbar-padding);
  font: inherit;
  letter-spacing: inherit;
  white-space: pre-wrap;
  grid-area: 1/1/2/2;
  inline-size: 100%;
  min-inline-size: 0;
}
.lb-tiptap-ai-toolbar-error {
  --lb-dynamic-background:var(--lb-background-destructive-subtle);
  gap: calc(.5*var(--lb-spacing));
  padding: var(--lb-tiptap-ai-toolbar-padding);
  background: var(--lb-dynamic-background);
  color: var(--lb-destructive);
  text-wrap: balance;
  align-items: center;
  font-size: .875em;
  display: flex;
  position: relative;
}
.lb-tiptap-ai-toolbar-error:after {
  content: "";
  border-block-start: 1px solid var(--lb-destructive-moderate);
  opacity: .35;
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.lb-tiptap-ai-toolbar-error :where(.lb-icon-container) {
  color: var(--lb-destructive-secondary);
}
.lb-tiptap-ai-toolbar-halo {
  --lb-tiptap-ai-toolbar-halo-blur:16px;
  --lb-tiptap-ai-toolbar-halo-outset:8px;
  inset: calc(-1*var(--lb-tiptap-ai-toolbar-halo-outset));
  z-index: -1;
  border-radius: calc(var(--lb-radius) + var(--lb-tiptap-ai-toolbar-halo-outset));
  filter: blur(var(--lb-tiptap-ai-toolbar-halo-blur));
  pointer-events: none;
  transition-property: opacity;
  transition-duration: 1s;
  animation: 1s cubic-bezier(.165, .84, .44, 1) both lb-animation-ai-toolbar-halo-scale-in;
  position: absolute;
  overflow: hidden;
}
.lb-tiptap-ai-toolbar-halo:where(:not([data-active])) {
  opacity: .5;
}
:is(.lb-tiptap-ai-toolbar-halo-horizontal, .lb-tiptap-ai-toolbar-halo-vertical) {
  position: absolute;
  inset: 0;
}
:is(.lb-tiptap-ai-toolbar-halo-horizontal, .lb-tiptap-ai-toolbar-halo-vertical):before,
:is(.lb-tiptap-ai-toolbar-halo-horizontal, .lb-tiptap-ai-toolbar-halo-vertical):after {
  content: "";
  opacity: .175;
  animation-timing-function: cubic-bezier(.455, .03, .515, .955);
  animation-iteration-count: infinite;
  position: absolute;
  inset: 0;
}
.lb-tiptap-ai-toolbar-halo-horizontal:before {
  background:
    linear-gradient(
      30deg,
      transparent 20%,
      var(--lb-accent)50%,
      transparent 80%);
  background-position: 0 0;
  background-size: 50% 100%;
  block-size: 100%;
  inline-size: 200%;
  animation-name: lb-animation-ai-toolbar-halo-horizontal;
  animation-duration: 8s;
  animation-direction: alternate;
}
.lb-tiptap-ai-toolbar-halo-horizontal:after {
  background:
    linear-gradient(
      90deg,
      transparent 20%,
      var(--lb-accent)50%,
      transparent 80%);
  background-position: 0 0;
  background-size: 75% 100%;
  block-size: 100%;
  inline-size: 400%;
  animation-name: lb-animation-ai-toolbar-halo-horizontal;
  animation-duration: 6s;
  animation-direction: alternate-reverse;
  animation-delay: -2s;
  inset-inline-start: -50%;
}
.lb-tiptap-ai-toolbar-halo-vertical:before {
  background:
    linear-gradient(
      1deg,
      transparent 40%,
      var(--lb-accent)50%,
      transparent 60%);
  background-position: 0 0;
  background-repeat: round;
  background-size: 100% 600px;
  block-size: 400%;
  inline-size: 100%;
  animation-name: lb-animation-ai-toolbar-halo-vertical;
  animation-duration: 4s;
  animation-direction: alternate-reverse;
  animation-delay: -2s;
  inset-block-start: -50%;
}
.lb-tiptap-ai-toolbar-halo-vertical:after {
  background:
    linear-gradient(
      -2deg,
      transparent 40%,
      var(--lb-accent)50%,
      transparent 60%);
  background-position: 0 0;
  background-repeat: round;
  background-size: 100% 400px;
  block-size: 400%;
  inline-size: 100%;
  animation-name: lb-animation-ai-toolbar-halo-vertical;
  animation-duration: 3s;
  animation-direction: alternate;
  animation-delay: -1s;
  inset-block-start: -50%;
}
.lb-tiptap-ai-toolbar-thinking {
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-inline: var(--lb-tiptap-ai-toolbar-padding);
  color: var(--lb-foreground-tertiary);
  -webkit-user-select: none;
  user-select: none;
  align-self: center;
  min-inline-size: 0;
  max-inline-size: -moz-fit-content;
  max-inline-size: fit-content;
  animation: 8s linear infinite lb-animation-ai-toolbar-shimmer;
  overflow: hidden;
}
.lb-tiptap-ai-toolbar-dropdown {
  pointer-events: auto;
  inline-size: min(250px, 100%);
}
.lb-tiptap-change-removed {
  color: color-mix(in srgb, currentcolor 40%, transparent);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}
.lb-tiptap-change-added {
  background: color-mix(in srgb, var(--lb-accent)calc(var(--lb-accent-contrast)*1.5), transparent);
  color: var(--lb-accent);
}
.collaboration-cursor__caret {
  word-break: normal;
  pointer-events: none;
  border-inline: 1px solid #0d0d0d;
  margin-inline: -1px;
  position: relative;
}
.collaboration-cursor__label {
  border-radius: 6px;
  color: #fff;
  white-space: nowrap;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  border-end-start-radius: 0;
  padding: 2px 6px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: absolute;
  inset-block-start: -1.4em;
  inset-inline-start: -1px;
}
@keyframes lb-animation-ai-toolbar-shimmer {
  0%, to {
    -webkit-mask-image:
      linear-gradient(
        90deg,
        #000 8%,
        #00000080 20% 80%,
        #000 92%);
    mask-image:
      linear-gradient(
        90deg,
        #000 8%,
        #00000080 20% 80%,
        #000 92%);
    -webkit-mask-size: 400% 100%;
    mask-size: 400% 100%;
  }
  0% {
    -webkit-mask-position: 200% 0;
    mask-position: 200% 0;
  }
  to {
    -webkit-mask-position: -200% 0;
    mask-position: -200% 0;
  }
}
@keyframes lb-animation-ai-toolbar-halo-scale-in {
  0% {
    transform: scale(.5);
  }
  to {
    transform: scale(1);
  }
}
@keyframes lb-animation-ai-toolbar-halo-horizontal {
  0% {
    transform: translate(-50%);
  }
  to {
    transform: translate(0);
  }
}
@keyframes lb-animation-ai-toolbar-halo-vertical {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
@media (prefers-reduced-motion) {
  .lb-tiptap-suggestions:where(:not([data-state=closed])) {
    animation-name: lb-animation-appear;
  }
  .lb-tiptap-anchored-threads-thread-container {
    transition-duration: 0s;
  }
}
/*# sourceMappingURL=/assets/document_editor-8db09a4a.css.map */