@mixin globalStyles() {
  .smart-attach-tree-global {
    .smart-attach-tree-preview-host {
      display: flex;
      flex-direction: column;
      min-width: 0;
      width: var(--preview-card-width);
      box-shadow: 0 2px 4px 0 #00000033;
      border-radius: 4px;
      overflow: hidden;

      .preview-image {
        object-fit: cover;
        flex-shrink: 0;

        &.contain {
          object-fit: contain;
        }
      }

      .preview-fallback {
        min-width: 0;
      }

      .file-preview-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 10px;

        .file-name {
          flex: 1;
          min-width: 0;
        }
      }
    }
  }
}