
[data-ds-part="sidebar"] {
  background-color: var(--ds-theme-color-highlight);
  border-color: var(--ds-theme-color-line);
  border-width: 0 1px 0 0;
  border-style: solid;
  border-radius: var(--ds-theme-surface-radius);
  backdrop-filter: blur(var(--ds-theme-surface-blur));
  transition-property: background-color, border-color;
  transition-duration: 200ms;
}
[data-ds-part="sidebar"]:hover {
  border-color: var(--ds-theme-color-muted);
}

[data-ds-part="main"] {
  border-radius: var(--ds-theme-surface-radius);
  transition-property: border-radius;
  transition-duration: 200ms;
}

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

[data-ds-part="home"] {
  border-radius: var(--ds-theme-surface-radius);
  transition-property: border-radius;
  transition-duration: 200ms;
}


[data-ds-part="home-hero"] {
  background-color: transparent;
  border-color: transparent;
  border-width: 0;
  border-style: none;
  border-radius: var(--ds-theme-surface-radius);
  backdrop-filter: none;
  transition-property: background-color, border-color;
  transition-duration: 200ms;
}
[data-ds-part="home-hero"]:hover {
  border-color: transparent;
}


[data-ds-part="project-list"] {
  background-color: transparent;
  border-color: transparent;
  border-width: 0;
  border-style: none;
  backdrop-filter: none;
  border-radius: var(--ds-theme-surface-radius);
  transition-property: background-color, border-color;
  transition-duration: 180ms;
}
[data-ds-part="project-list"]:hover {
  border-color: transparent;
}


[data-ds-part="thread"] {
  background-color: transparent;
  border-color: transparent;
  border-width: 0;
  border-style: none;
  border-radius: var(--ds-theme-surface-radius);
  backdrop-filter: none;
  transition-property: background-color, border-color;
  transition-duration: 200ms;
}
[data-ds-part="thread"]:hover {
  border-color: transparent;
}

[data-ds-part="message"] {
  background-color: var(--ds-theme-color-highlight);
  border-color: var(--ds-theme-color-line);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--ds-theme-surface-radius);
  transition-property: background-color, border-color;
  transition-duration: 180ms;
}
[data-ds-part="message"]:hover {
  border-color: var(--ds-theme-color-muted);
}

[data-ds-part="composer"] {
  background-color: var(--ds-theme-color-highlight);
  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));
  transition-property: background-color, border-color;
  transition-duration: 200ms;
}
[data-ds-part="composer"]:focus-visible {
  border-color: var(--ds-theme-color-accent-alt);
}
[data-ds-part="composer"]:hover {
  border-color: var(--ds-theme-color-secondary);
}

[data-ds-part="composer-toolbar"] {
  background-color: var(--ds-theme-color-highlight);
  border-color: var(--ds-theme-color-line);
  border-width: 1px 0 0 0;
  border-style: solid;
  border-radius: var(--ds-theme-surface-radius);
  transition-property: background-color, border-color;
  transition-duration: 180ms;
}

[data-ds-part="dialog"] {
  background-color: var(--ds-theme-color-highlight);
  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));
  transition-property: background-color, border-color;
  transition-duration: 220ms;
}

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

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