.modal {
  display: none !important;
  visibility: hidden; }
  .dom-loaded .modal {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .dom-loaded .modal .modal-background {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 0; }
  .modal.is-active {
    visibility: visible; }
    .modal.is-active .modal-background {
      opacity: 1; }
  .modal.modal-full-screen .modal-background {
    background-color: #fff; }
  .modal.modal-full-screen .modal-content {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    margin: 0;
    background-color: #fff; }
  .modal.modal-fx-fadeInScale .modal-content {
    -webkit-transform: scale(0.7);
         -o-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .modal.modal-fx-fadeInScale.is-active .modal-content {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  .modal .modal-content.is-huge {
    width: 100%;
    margin: 0px 20px;
    max-height: calc(100vh - 40px); }
  @media screen and (min-width: 769px) {
    .modal .modal-content.is-huge {
      width: 100%;
      margin: 0px 20px;
      max-height: calc(100vh - 40px); } }
  .modal .modal-content.is-tiny {
    max-width: 400px; }
  .modal .modal-content.is-image {
    text-align: center; }
    .modal .modal-content.is-image.is-huge {
      width: auto; }
    .modal .modal-content.is-image img {
      max-height: calc(100vh - 50px); }
  .modal.modal-pos-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .modal.modal-pos-top .modal-content {
      margin-top: 1rem; }
  .modal.modal-pos-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .modal.modal-pos-bottom .modal-content {
      margin-bottom: 1rem; }
  .modal .modal-background {
    background-color: rgba(10, 10, 10, 0.86); }

/*# sourceMappingURL=modal-fx.css.map */