/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
/* Do not use this */
/* Use this */
go-overlay {
  --go-overlay-color: rgba(var(--go-token-darkest), 0.8);
  --go-overlay-close-btn-text-color: var(--go-color-lightest);
  transition: opacity var(--go-duration-normal) var(--go-timing-function);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  overflow: auto;
  opacity: 0;
  z-index: var(--layer-important);
}
@media (prefers-reduced-motion: reduce) {
  go-overlay {
    transition-duration: 0s;
  }
}
go-overlay .close-btn-wrapper go-button {
  --go-btn-text-color: var(--go-overlay-close-btn-text-color);
}
go-overlay .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
go-overlay .overlay-content {
  position: relative;
  visibility: hidden;
}
go-overlay.active {
  background: var(--go-overlay-color);
  width: 100%;
  height: 100%;
  opacity: 1;
}
go-overlay.active .overlay-content {
  visibility: visible;
}

:where([color-scheme=dark], [data-theme=dark]) go-overlay {
  --go-overlay-color: rgba(var(--go-token-darkest), 0.8);
  --go-overlay-close-btn-text-color: var(--go-text-color);
}