.Modal {
    inset: 0;
    z-index: 10;
    .hideBtn {
      all: unset;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: block;
    }
    .dialog {
      max-height: calc(100% - 3.5rem);
      @media (max-width: 768px) {
        width: 90% !important;
      }
    }
    &:not(.show) {
      pointer-events: none;
      background-color: transparent;
      .dialog {
        opacity: 0;
        transform: translateY(-100px);
      }
    }
    &.show {
      background-color: rgba(0,0,0,0.5);
      display: flex;
      justify-content: center;
      align-items: start;
      .dialog {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all;
      }
    }
  }