.core-dialog {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 51;
  visibility: hidden;
  .core-dialog-container {
    height: 100%;
    opacity: 0;
    transform: translate(0, 0) scale(0);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  &.visible {
    visibility: visible;
    .core-dialog-container {
      opacity: 1;
      -webkit-transform: translate(0, 0) scale(1);
      transform: translate(0, 0) scale(1);
    }
  }
}



.core-dialog-fade {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 50;
}