.container {
  max-width: 400px;
  min-width: 400px;
  border: solid 2px gray;

  .wrapper {
    padding: 10px;

    .tab-panel {
      display: flex;

      &__item {
        flex-grow: 1;
        padding: 5px;
        cursor: pointer;
        border-bottom: solid 2px #cae5fa;

        &_active {
          border-bottom: solid 2px #298df8;
        }

        &:hover {
          border-bottom: solid 2px #298df8;
        }
      }
    }

    .tab-page {
      padding-top: 10px;

      &__item {
        display: none;


        &_show {
          display: block;
        }

        .form-row {
          display: flex;
          margin-bottom: 5px;

          &__item {
            flex-grow: 1;
          }

          &:last-child {
            margin-bottom: 0px;
          }
        }
      }
    }

    .memory-panel {
      text-align: left;
      padding: 5px;
      margin-top: 10px;
    }
  }
}