/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
/* Do not use this */
/* Use this */
go-overlay.go-dialog {
  --go-overlay-content-padding-y: 1.5rem;
  --go-overlay-content-padding-x: 1.5rem;
  --go-overlay-content-width: 80%;
  --go-overlay-content-bg-color: var(--go-color-bg);
  --go-overlay-content-max-width: 71.25rem;
  --go-overlay-content-gap: 10vh;
  --go-overlay-close-btn-text-color: currentColor;
  display: grid;
  place-items: center;
}
go-overlay.go-dialog .overlay-content {
  position: relative;
  height: 100%;
  width: 100%;
  padding: var(--go-overlay-content-padding-y) var(--go-overlay-content-padding-x);
  max-width: var(--go-overlay-content-max-width);
  background: var(--go-overlay-content-bg-color);
}
@media (min-width: 600px) {
  go-overlay.go-dialog .overlay-content {
    width: var(--go-overlay-content-width);
    height: auto;
    margin: var(--go-overlay-content-gap) auto;
    border-radius: var(--radius-3);
  }
}
go-overlay.go-dialog .overlay-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
go-overlay.go-dialog .overlay-heading .heading {
  font-size: var(--go-size-3);
  font-weight: 500;
  line-height: 1.5;
}
go-overlay.go-dialog .overlay-heading .close-btn {
  flex: 0;
}