@layer payload-default {
  .drag-overlay-selection {
    &__cards {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
    }

    &__card {
      position: absolute;
      width: 100%;
      height: 100%;
      grid-column: 1/2;
      grid-row: 1/2;
    }

    &__card-count {
      position: absolute;
      transform: translate(calc(50% - 3px), calc(-50% - 3px));
      right: 0;
      top: 0;
      border-radius: 50%;
      line-height: 1;
      width: 26px;
      height: 26px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--theme-success-50);
      background: var(--theme-success-600);
      font-weight: bold;
      font-variant-numeric: tabular-nums;
    }
  }
}