@import "../mixins";

.ui-dialog {
  max-width: 640px !important;

  @include media('<tablet') {
    width: 100vw;
    max-width: 100vw !important;
    margin: auto 0 0;
    padding-top: 20px;
  }

  .mat-dialog-container {
    color: var(--color-contrast-100);
    background: var(--color-contrast-0);
    padding: 58px 64px;
    border-radius: var(--radius-regular) !important;

    @include media('<tablet') {
      border-radius: 12px 12px 0 0;
      display: flex;
      flex-flow: column;
      justify-content: center;
      height: auto;
    }
  }
}

.ui-dialog-backdrop {
  background: rgba(0, 0, 0, 0.4);
}