.nitro-use-product-confirmation {
  width: 350px;

  .product-preview {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 122px;
    height: 130px;
    background: url("@/assets/images/room-widgets/avatar-info/preview-background.png") no-repeat center;

    .pet-image {
      width: 122px;
      height: 130px;
    }

    .monsterplant-image {
      width: 122px;
      height: 130px;
      background: url("@/assets/images/room-widgets/furni-context-menu/monsterplant-preview.png") no-repeat center;
    }
  }
}

.nitro-infostand-container {
  position: absolute;
  right: 10px;
  bottom: $toolbar-height + 10px;
  pointer-events: none;
  z-index: $infostand-zindex;
  color: $white;

  .nitro-infostand {
    position: relative;
    min-width: 190px;
    max-width: 190px;
    z-index: $infostand-zindex;
    pointer-events: auto;
    background: rgba($dark, 0.95);
    box-shadow: inset 0px 5px lighten(rgba($dark, 0.6), 2.5), inset 0 -4px darken(rgba($dark, 0.6), 4);

    .form-control-sm {
      height: 25px;
      min-height: 25px;
      padding: 0.1rem 0.25rem;
    }

    .body-image {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba($light-dark, 1);
      width: 100%;
      max-width: 68px;
      border-radius: $border-radius;

      &.pet {
        max-width: 75px;
      }

      &.bot {
        background-image: url("@/assets/images/infostand/bot_background.png");
        background-repeat: no-repeat;
        background-position: center;
      }

      &.furni {
        background-color: transparent;
        margin-right: 0;
      }
    }

    .body-image-plant {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: 68px;
      height: 85px;
      max-height: 90px;
      border-radius: $border-radius;
    }

    .badge-image {
      width: 45px;
      height: 45px;
    }

    .motto-content {
      min-height: 18px;
    }

    .motto-input {
      width: 100%;
      height: 100%;
      font-size: 12px;
      padding: 0;
      outline: 0;
      border: 0;
      color: rgba($white, 1);
      position: relative;
      background: transparent;
      resize: none;

      &:focus {
        font-style: italic;
      }
    }

    .flex-tags {
      flex-wrap: wrap;
      margin-bottom: -10px;

      .text-tags {
        padding: 2px;
        border-radius: 3px;
        background: #333;
        margin-right: 5px;
        margin-bottom: 10px;
        cursor: pointer;
      }
    }
  }

  .button-container {
    pointer-events: auto;
  }

  .pet-stats {
    height: 18px;
  }
}
