//+----------------------------------------------------------------------
// DataCollect 默认属性设置
//+----------------------------------------------------------------------
.#{$data_collect} {
  --data-collect-radius: var(--radius-md);
  --data-collect-padding: var(--md);
  --data-collect-padding-x: var(--data-collect-padding);
  --data-collect-padding-y: var(--data-collect-padding);
  align-items: center;
  border-radius: var(--data-collect-radius);
  padding: var(--data-collect-padding-y) var(--data-collect-padding-x);
  @include transition(all var(--duration) var(--timing));

  .#{$icon},
  .#{$thumb},
  .symbol {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    @include transition(all var(--duration) var(--timing));
  }

  .title {
    display: block;
    color: var(--text-title);
    font-weight: 500;
  }

  .sub-title {
    display: block;
    font-size: var(--font-sm);
    color: var(--text-secondary);
  }

}