.ui {
  &-popup {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;

    &--hide {
      display: none !important;
    }
    &--center {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    &--fixed {
      position: fixed;
    }

    &__box {
      display: table;
      position: relative;
      background: #fff;
      border-radius: 5px;
      box-shadow: 0px 20px 100px -13px rgba(0, 0, 0, 0.29);

      &--center {
        padding: 30px;
        text-align: center;
      }

      &__close {
        position: absolute;
        right: -15px;
        top: -15px;
      }
    }
  }
}