.df-attachment-card{box-sizing:border-box;border-radius:var(--global-menu-radius,12px);cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;padding:.28rem .4rem .28rem .45rem;transition:background-color,box-shadow;display:flex;position:relative;box-shadow:0 1px 2px #0f172a0d}.df-attachment-card:hover,.df-attachment-card--menu-open{background-color:#f4f6f8;box-shadow:0 2px 8px #0f172a1a}.df-attachment-card:focus-visible{outline:2px solid var(--app-accent-soft,#6daedb);outline-offset:1px}.df-attachment-card--table{border-radius:8px;flex:0 auto;gap:5px;width:auto;max-width:100%;padding:.12rem .28rem .12rem .3rem}[data-testid^=df-attachments-control-][data-density=table]>.df-attachment-card--table{flex:auto;min-width:150px;max-width:200px}.df-attachment-card__icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.df-attachment-card--table .df-attachment-card__icon{width:14px;height:14px}.df-attachment-card__name{text-overflow:ellipsis;white-space:nowrap;color:#222;flex:auto;min-width:0;font-size:.8125rem;font-weight:500;line-height:1.2;overflow:hidden}.df-attachment-card--table .df-attachment-card__name{font-size:.75rem}.df-attachment-card__menu{opacity:0;pointer-events:none;flex-shrink:0;transition:opacity}.df-attachment-card--table .df-attachment-card__menu{z-index:1;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.df-attachment-card:hover .df-attachment-card__menu,.df-attachment-card:focus-within .df-attachment-card__menu,.df-attachment-card--menu-open .df-attachment-card__menu{opacity:1;pointer-events:auto}.df-attachment-card--loading{cursor:default;justify-content:center;min-height:28px}.df-attachment-card--table.df-attachment-card--loading{min-width:48px;min-height:22px}