[data-component="attachment-card-v2"] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  box-sizing: border-box;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  padding: 8px;
  border-radius: 6px;
  background: var(--v2-overlay-simple-overlay-hover);
  box-shadow: inset 0 0 0 0.5px var(--v2-border-border-base);
  cursor: default;

  &[data-wide] {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  &[data-surface="base"] {
    background: var(--v2-background-bg-base);
  }

  &[data-active] {
    box-shadow: inset 0 0 0 0.5px var(--v2-border-border-strong);
  }

  &[data-clickable] {
    cursor: pointer;
  }

  [data-slot="attachment-card-v2-title"],
  [data-slot="attachment-card-v2-subtitle"] {
    max-width: 100%;
    font-family: var(--v2-font-family-sans, "Inter", sans-serif);
    font-style: normal;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.05px;
    font-variation-settings: "slnt" 0;
  }

  [data-slot="attachment-card-v2-title"] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 530;
    color: var(--v2-text-text-base);
  }

  [data-slot="attachment-card-v2-subtitle"] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 440;
    color: var(--v2-text-text-muted);

    [data-component="file-icon"] {
      width: 12px;
      height: 12px;
      flex: none;
    }
  }
}
