.p-file_quip {
  border-top: 1px solid $border;
  background-color: $bg;
}

.p-file_quip__embed {
  &:after {
    background: $bg;
  }
}

.p-file_quip--unfurl {
  border-top: 1px solid $borderLight;
}

.p-file_quip__snippet {
  color: $fg;
}

.p-file_quip__snippet .p-block_kit_renderer div:has(.c-message_kit__avatar) {
  border: 1px solid $border;
}

.p-file_quip__snippet .p-block_kit_renderer .c-pillow_file_container {
  border: none;
  @include card;
}

.p-file_quip__snippet__unfurl_container,
.p-file_quip__snippet__unfurl_container--link_unfurl,
.p-file_quip__snippet__unfurl_container__single_image {
  border: none;
  @include card;
}

.p-file_quip__snippet__unfurl_container--link_unfurl_content_title {
  color: $fg;
}

.p-file_quip__snippet__unfurl_container--link_unfurl_content_text {
  color: $text;
}

[lang] .p-file_quip__snippet__unfurl_container--link_unfurl_content_text {
  font-family: $fontFamily;
  color: $selectFg;
}

.p-file_quip__snippet__unfurl_container__icon_and_name__name {
  color: $text;
}

.p-message_file--quip {
  .c-pillow_file {
    border: none;

    .c-file_entity__text {
      color: $primary;
    }
  }
}

.p-quip_icon {
  background: $accent;
}

.p-quip_icon_container {
  background-color: $accent;
  border: 1px solid $border;
}

.p-quip_icon_container.p-quip_icon_container__ia4_icon {
  background-color: $bg2;
  color: $fg;
}

.p-file_thumbnail__container--dark-theme .p-quip_icon_container.p-quip_icon_container__ia4_icon {
  background-color: $bg2;
  color: $fg;
}

.c-base_list_entity--highlight-dark .p-quip_icon_container.p-quip_icon_container__ia4_icon,
.c-base_list_entity--highlight-dark .p-quip_icon_container {
  background-color: $bg2;
  color: $accent;
}

.p-quip_icon_notification_badge {
  background-color: $accent;
  border-color: $bg;
}

.p-file_quip_canvas {
  border-top: 1px solid $border;
}

.p-file_quip_canvas_text_select .c-select_button__icon--small {
  color: $accent;
}

.c-file_metadata_avatar_stack .c-file_metadata_avatar_stack__avatar {
  background-color: $bg;
  box-shadow: 0 0 0 2px $bg;

  .c-file_metadata_avatar_stack__overlay {
    background-color: $overlay;
    color: $fg;
  }
}

.c-file_metadata_avatar_stack__tooltip_subtext {
  color: $text;
}

.c-pillow_file_container .c-file__callout_badge {
  background-color: $accent;
  color: $selectFg;
}
