@import "./mixin.less";

.confirm-reset-openid-dialog {
  > .dialog-container {
    @apply w-80;

    > .dialog-content-container {
      .flex(column, flex-start, flex-start);

      > .warn-text {
        @apply pt-2;
      }

      > .btns-container {
        .flex(row, flex-end, center);
        @apply w-full mt-3;

        > .btn {
          @apply text-sm py-1 px-3 mr-2 rounded-md;

          &:hover {
            @apply opacity-80;
          }

          &.confirm-btn {
            @apply bg-red-100 border border-solid border-red-600 text-red-600;

            &.loading {
              @apply opacity-80 cursor-wait;
            }
          }
        }
      }
    }
  }
}
