| [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; | |
| } | |
| } | |
| } | |