// 组件变量
// 名称可按如下规则定义：
// <component>-[type]-[attrtype]-<attr>-[status]

// component: 组件名，如 button
// type: 组件类型，如 button 的次要按钮（line）
// attrtype: 属性的具体应用场景。如颜色，用于背景（bg）、文本（text）、边框（border）等
// attr: 属性名称，如 color、height、radius 等
// status: 表示组件状态或尺寸，如 hover、disabled、s、l 等

// 如：@button-line-bg-color-hover
// 如：@button-line-height-s


:host {
  --td-attachment-scroll-btn-wh: 24px;
  --td-attachment-scroll-btn-border: 1px solid var(--td-component-border);
  --td-attachment-scroll-btn-bgc: var(--td-bg-color-container);
  --td-attachment-image-width: 52px;
  --td-attachment-image-height: 52px;
}
// 盒模型尺寸
@attachment-line-height: 52px;
@attachment-line-gap: 12px;

@attachment-arrow-left: 5px;

@attachment-arrow-opacity: 0.6;