next-ucap-messenger/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss

::ng-deep .cdk-overlay-pane {
  width: 600px;
  max-height: 90%;
  .setting-frame {
    .mat-dialog-container {
      position: relative;
    }
  }
}
.confirm-card {
  padding: 16px;
  min-width: 500px;
  position: relative;

  .mat-card-header {
    position: relative;
    width: 100%;
    margin-bottom: 12px;
    .mat-card-header-text {
      .mat-card-title {
      }
    }
  }

  .mat-card-content {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    height: calc(100% - 100px);
    .setting-tab {
      width: 100%;
      height: 100%;
      position: relative;
      .mat-tab-group {
        width: 100%;
        height: 100%;
        position: relative;
      }
    }
  }

  .button-farm {
    text-align: right;
    position: relative;
    width: 100%;
    bottom: 10px;
    .mat-primary {
      margin-left: 4px;
    }
  }
}