.lootbox {
  .lootbox-description {
      margin-bottom: 20px;
  }

  .lootbox-wheel {
    text-align: center;
    margin-top: 30px;
  }

  .lootbox-price {
    border: 2px solid #000;
    padding: 10px;
    background: #ebe56f;
    display: inline-block;
    .border-radius(50px);
  }

  .lootbox-actions {
    margin-top: 10px;
  }

  .lootbox-items {
    margin-top: 10px;

    .item {
      width: 101px;
      margin: 0;
      padding: 4px 5px 5px;
      float: left;

      &.active {
        border: 2px solid #000;
        margin: -2px;
        border-radius: 5px;
      }

      .name {
        font-size: 11px;
        text-align: center;
        margin-bottom: 4px;
      }

      .image {
        height: 70px;
        background-color: #b7b5b5;
        display: flex;
        justify-content: center;
        align-items: center;
        .border-radius(3px);

        img {
          max-width: 100%;
          max-height: 100%;
        }
      }
    }
  }
}