@use '@inside-library/styles/mixins/partials/common-mixin' as *;

.user-modal-container {
  width: 50% !important;
  overflow: auto !important;

  @include desktop {
    width: 80% !important;
  }

  @include tablet {
    width: 100% !important;
  }

  .user-modal {
    .modal__header {
      height: 70px !important;

      .cross-close {
        z-index: 1;
      }
    }

    .modal__body {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: 0;

      &__content {
        .modal__section {
          margin-top: 0;
        }
      }
    }
  }
}
