blitzkit/packages/website-ue/src/components/TankCard/index.module.css

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

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

  .icon-wrapper {
    position: relative;

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

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

      width: 75%;
      height: 50%;
    }

    .icon {
      width: 11rem;
      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;
  }
}