html {
  box-sizing: border-box;
}

body {
  margin: 0;
}

*,
*:before,
*:after {
  box-sizing: inherit;
  -webkit-tap-highlight-color: transparent;
}

:host {
  font-family: var(--c-font-family);
}

::-ms-reveal {
  display: none;
}

dialog.c-modal {
  background-color: transparent;
  border: none;
  color: var(--c-text-body);
  inset: 0;
  margin: auto;
  max-width: calc(100% - 32px);
  overflow: visible;
  padding: 0;
  width: var(--_c-modal-width, 600px);
}
dialog.c-modal:not([open]) {
  pointer-events: none;
  opacity: 0;
}
dialog.c-modal::backdrop {
  background-color: transparent;
}
dialog.c-modal--standalone::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
dialog.c-modal--standalone.c-modal--backdrop-blur::backdrop {
  backdrop-filter: blur(4px);
}

@media (prefers-reduced-motion: no-preference) {
  dialog.nudging {
    animation: dialog-nudge 0.15s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  }
  dialog.opening {
    animation: dialog-open 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) forwards;
  }
  dialog.closing {
    animation: dialog-close 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) forwards;
  }
}
@keyframes dialog-nudge {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes dialog-open {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes dialog-close {
  to {
    transform: scale(0);
  }
}