[data-ds-part="root"] {
  color: var(--ds-theme-color-text);
}

[data-ds-part="sidebar"] {
  background-color: var(--ds-theme-color-panel);
  border-color: var(--ds-theme-color-line);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--ds-theme-surface-radius);
  backdrop-filter: blur(var(--ds-theme-surface-blur)) saturate(1.08);
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 180ms;
}

[data-ds-part="header"] {
  background-color: var(--ds-theme-color-panel);
  border-color: var(--ds-theme-color-line);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--ds-theme-surface-radius);
  backdrop-filter: blur(var(--ds-theme-surface-blur)) saturate(1.08);
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 180ms;
}

[data-ds-part="composer"] {
  background-color: var(--ds-theme-color-panel);
  border-color: var(--ds-theme-color-line);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--ds-theme-surface-radius);
  backdrop-filter: blur(var(--ds-theme-surface-blur)) saturate(1.08);
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 180ms;
}

[data-ds-part="composer-toolbar"] {
  background-color: var(--ds-theme-color-panel);
  border-color: var(--ds-theme-color-line);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--ds-theme-surface-radius);
  backdrop-filter: blur(var(--ds-theme-surface-blur)) saturate(1.08);
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 180ms;
}

[data-ds-part="dialog"] {
  background-color: var(--ds-theme-color-panel);
  border-color: var(--ds-theme-color-line);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--ds-theme-surface-radius);
  backdrop-filter: blur(var(--ds-theme-surface-blur)) saturate(1.08);
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 180ms;
}



[data-ds-part="home-hero"] {
  border-color: var(--ds-theme-color-line);
  border-width: 0px;
  border-style: solid;
  border-radius: var(--ds-theme-surface-radius);
  backdrop-filter: blur(var(--ds-theme-surface-blur)) saturate(1.08);
}

[data-ds-part="message"] {
  background-color: var(--ds-theme-color-panel);
  border-radius: var(--ds-theme-surface-radius);
  transition-property: background-color;
  transition-duration: 180ms;
}

[data-ds-part="message"]:hover {
  background-color: var(--ds-theme-color-panel-alt);
}