@mixin theme() {
  .dynamic-grid-cell {
    display: block;
    overflow: hidden;
    position: relative;

    .cell-content {
      display: flex;
      align-items: center;
      line-height: normal;
    }

    .display-value-on-hover {
      opacity: 0;
    }

    .expand-btn-container {
      $size: var(--dg-expand-row-btn-space);
      width: $size;
      height: $size;
      min-width: $size;
      max-width: $size;
      min-height: $size;
      max-height: $size;
      line-height: $size;
      margin-right: 4px;

      .chevron-btn {
        width: 100%;
        height: 100%;
        font-size: 1.5rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: transform 200ms;
        color: var(--dg-drag-expand-btn-color);
      }
    }

  }

  .dynamic-grid {
    .dynamic-grid-body {
      width: fit-content;
      min-width: 100%;

      .empty-row {
        .dynamic-grid-cell {
          height: 45px;
        }
      }

      [tuiwrapper]._focused._focused::after {
        border-width: 0;
      }



      .dynamic-grid-row:hover {
        .display-value-on-hover,
        .drag-handle {
          opacity: 1;
        }
      }
    }
  }
}