.c-dialog,
.c-dialog .c-dialog__overlay{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

.c-dialog{
  z-index:99;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.c-dialog[aria-hidden='true']{
    display:none;
  }

.c-dialog__overlay{
    background-color:rgba(0, 0, 0, 0.85);
    backdrop-filter:blur(var(--h-space-1-5));
    -webkit-animation:fadeIn 200ms both;
            animation:fadeIn 200ms both;
  }

.c-dialog__close{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    position:absolute;
    top:var(--h-space-5);
    right:var(--h-space-5);
    border:0;
    background-color:transparent;
    width:var(--h-space-10);
    height:var(--h-space-10);
    text-align:center;
    cursor:pointer;
    -webkit-transition:0.15s;
    transition:0.15s;
    border-radius:50%;
    -webkit-transition:background-color var(--basic-transition);
    transition:background-color var(--basic-transition);
  }

.c-dialog__close:hover{
      background-color:var(--c-black-5);
    }

.c-dialog__content{
    margin:auto;
    z-index:2;
    position:relative;
    background-color:var(--c-white);
    padding:1.75rem;
    max-width:90%;
    max-height:90%;
    overflow-y:auto;
    width:48rem;
    border-radius:var(--border-radius-md);
    -webkit-box-shadow:0 0 0.125rem 0 rgba(0, 0, 0, 0.12), 0 0 1.25rem 0 rgba(0, 0, 0, 0.20);
            box-shadow:0 0 0.125rem 0 rgba(0, 0, 0, 0.12), 0 0 1.25rem 0 rgba(0, 0, 0, 0.20);
    -webkit-animation:fadeIn 400ms 200ms both, slideUp 400ms 200ms both;
            animation:fadeIn 400ms 200ms both, slideUp 400ms 200ms both;
  }

@media (min-width: 768px){

.c-dialog__content{
      border-radius:var(--border-radius-lg)
  }
    }

@media (min-width: 1280px){

.c-dialog__content{
      padding:3.75rem
  }
    }

.c-dialog__content-body{
      margin-top:var(--h-space-7-5);
      word-break:break-word;
    }

.c-dialog#dialog-saving-objects .c-dialog__content{
      width:33.75rem;
      text-align:center;
    }

@media (prefers-reduced-motion: reduce){
  .c-dialog__overlay,
  .c-dialog__content{
    -webkit-animation:none;
            animation:none;
  }
}