// utils
.gl-text-center {
  text-align: center;
}

.gl-text-right {
  text-align: right;
}

.gl-full-height {
  height: 100%;
}

.gl-fill-remaining-space {
  flex: 1 1 auto;
}

.gl-transparency {
  opacity: 0.3;
}

.gl-ellipsis-text {
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}

.gl-ellipsis-text-multi-line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}

// wrappers
.gl-page-card-wrapper,
.gl-detail-info-wrapper,
.page-card-wrapper,
.detail-info-wrapper {
  padding: 16px;
  border-radius: 2px;
}

.gl-block-content-wrapper {
  padding: 16px;
  p.gl-body-2 {
    max-width: 480px;
    margin: 0;
  }

  .checkbox-hint-group {
    margin-top: 8px;

    p.checkbox-hint {
      margin: 0 0 0 24px;
    }
  }

  .gl-tip {
    max-width: 480px;
    margin: 8px 0;
  }

  .mx-upload-field {
    max-width: 480px;
  }
}