/*
  Global Sky Group main stylesheet.
  Use this file only for site-wide helpers that do not belong to base,
  component, responsive, or page-specific stylesheets.
*/

.site-wrapper {
  min-height: 100vh;
  background-color: var(--color-page-bg);
  overflow-x: hidden;
}

body {
  opacity: 0;
  background-color: var(--color-page-bg);
  transition: opacity 180ms ease-in-out;
}

body.shared-layout-ready {
  opacity: 1;
}

main {
  background-color: var(--color-page-bg);
}

main > section {
  background-color: transparent !important;
}

.visually-hidden-focusable:focus,
.visually-hidden-focusable:active {
  position: static;
  width: auto;
  height: auto;
  margin: var(--space-0);
  overflow: visible;
  clip: auto;
  white-space: normal;
}