@mixin grid {
  display: grid;

  .header {
    font-weight: 500;
    border-bottom: 1px solid var(--color-gray-eee);
  }

  .cell {
    display: flex;
    flex-direction: column;
    padding: 12px 20px 12px 0;

    .text {
      overflow: hidden;
      max-width: 300px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .text-sub {
      overflow: hidden;

      max-width: 300px;

      font-size: 12px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .ctr-wrapper {
      display: flex;
      flex-direction: column;
      gap: 10px;
      max-width: 350px;
    }
  }

  .arrow-icon-wrapper {
    display: flex;
    align-items: center;
    height: 38.5px;

    .icon {
      display: flex;
    }
  }
}