.mcc-dialog:not(mcc-dialog) {
  display: block;
  z-index: 1050;
  max-width: calc(100vw - var(--spacing-07));
  max-height: calc(100vh - var(--spacing-07));
  min-width: 50%;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--mds-border-color, #e0e0e7);
  border-radius: 6px;
  color: currentcolor;
  background-color: var(--mds-container-bg-color-02, #fff);
  transform: translate3d(0, calc(0 - var(--spacing-06)), 0);
  transform-origin: top center;
  transition: 150ms cubic-bezier(0.4, 0.14, 1, 1);
  transition-property: transform;
}

@media (max-width: 35.98em) {
  .mcc-dialog:not(mcc-dialog) {
    width: 100vw;
  }
}

.mcc-dialog:not(mcc-dialog) section {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.mcc-dialog:not(mcc-dialog).mcc-dialog--xs {
  width: max(30%, calc(33.75rem * var(--size-adjustment)));
  min-width: unset;
}

.mcc-dialog:not(mcc-dialog).mcc-dialog--sm {
  width: max(50%, calc(45rem * var(--size-adjustment)));
}

.mcc-dialog:not(mcc-dialog).mcc-dialog--md {
  width: max(75%, calc(60rem * var(--size-adjustment)));
}

.mcc-dialog:not(mcc-dialog).mcc-dialog--lg {
  width: max(90%, calc(71.25rem * var(--size-adjustment)));
}

.mcc-dialog:not(mcc-dialog).mcc-dialog--full {
  width: 100vw;
  height: 100vh;
}

.mcc-dialog__body {
  flex: 1 1 auto;
  max-height: 70vh;
  padding: var(--spacing-05);
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media (min-width: 36em) {
  .mcc-dialog__body {
    padding: calc(var(--spacing-05) * 1.5);
  }
}

.mcc-dialog__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-05);
}

@media (min-width: 36em) {
  .mcc-dialog__header {
    padding: calc(var(--spacing-05) * 1.5);
  }
}

.mcc-dialog__header ~ .mcc-dialog__body {
  padding-top: 0;
}

.mcc-dialog__header h2 {
  margin: 0;
}

.mcc-dialog__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 var(--spacing-05) var(--spacing-05);
}

@media (min-width: 36em) {
  .mcc-dialog__footer {
    padding: 0 calc(var(--spacing-05) * 1.5) calc(var(--spacing-05) * 1.5) calc(var(--spacing-05) * 1.5);
  }
}

.mcc-dialog-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  position: fixed;
  inset: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background: var(--mds-backdrop, rgba(0, 0, 0, 0.32));
  opacity: 0;
  transition: 150ms cubic-bezier(0.4, 0.14, 1, 1);
  transition-property: opacity, visibility;
}

.mcc-dialog-overlay.mu-visible,
.mcc-dialog-overlay[style*=visible] {
  opacity: 1;
  transition: 150ms cubic-bezier(0, 0, 0.3, 1);
  transition-property: opacity, visibility;
}

.mcc-dialog-overlay.mu-visible .mcc-dialog:not(mcc-dialog),
.mcc-dialog-overlay[style*=visible] .mcc-dialog:not(mcc-dialog) {
  transform: translateZ(0);
  transition: 150ms cubic-bezier(0, 0, 0.3, 1);
  transition-property: transform;
}

.mcc-dialog:not(mcc-dialog).mcc-dialog--primary .mcc-dialog__header {
  border-top: var(--spacing-03) solid var(--mds-color-primary-border, #1078cf);
}

.mcc-dialog:not(mcc-dialog).mcc-dialog--secondary .mcc-dialog__header {
  border-top: var(--spacing-03) solid var(--mds-color-secondary-border, #666679);
}

.mcc-dialog:not(mcc-dialog).mcc-dialog--success .mcc-dialog__header {
  border-top: var(--spacing-03) solid var(--mds-color-success-border, #458045);
}

.mcc-dialog:not(mcc-dialog).mcc-dialog--info .mcc-dialog__header {
  border-top: var(--spacing-03) solid var(--mds-color-info-border, #157a80);
}

.mcc-dialog:not(mcc-dialog).mcc-dialog--warning .mcc-dialog__header {
  border-top: var(--spacing-03) solid var(--mds-color-warning-border, #f2a900);
}

.mcc-dialog:not(mcc-dialog).mcc-dialog--danger .mcc-dialog__header {
  border-top: var(--spacing-03) solid var(--mds-color-danger-border, #dc3545);
}

.mcc-dialog:not(mcc-dialog).mcc-dialog--muted .mcc-dialog__header {
  border-top: var(--spacing-03) solid var(--mds-color-muted-border, #9393a7);
}

.mcc-dialog:not(mcc-dialog).mcc-dialog--light .mcc-dialog__header {
  border-top: var(--spacing-03) solid var(--mds-color-light-border, #d5d6e0);
}

.mcc-dialog:not(mcc-dialog).mcc-dialog--dark .mcc-dialog__header {
  border-top: var(--spacing-03) solid var(--mds-color-dark-border, #7f7f95);
}
/* Mosaic Design System | dialog | v1.1.3 */