.tank-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);

  overflow: hidden;
  min-width: min-content;

  .icon-wrapper {
    position: relative;

    width: 100%;

    .flag {
      position: absolute;
      top: 0;
      left: 0;

      background-size: cover;
      background-position: left center;

      width: 75%;
      height: 50%;
    }

    .icon {
      min-width: var(--tank-card-min-width);
      height: 7rem;
      position: relative;

      background-size: 140%;
      background-position: 40% center;

      .cover {
        width: 100%;
        height: 100%;
        background: linear-gradient(transparent 75%, var(--gray-1));
      }
    }
  }

  .name {
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
  }
}