.site-shell-host {
  position: relative;
  overflow: hidden;
}

.site-shell-host--plain {
  overflow: hidden;
}

.site-shell-spacer--tall {
  height: 15%;
  overflow: auto;
}

.site-shell-spacer--tall .site-shell-spacer-inner {
  height: 100px;
}

.site-shell-spacer--short {
  height: 5%;
  overflow: auto;
}

.site-shell-spacer--short .site-shell-spacer-inner {
  height: 1px;
}

.site-shell-spacer--none {
  height: 0;
  min-height: 0;
  overflow: visible;
}

#site-main,
#project-main {
  min-height: 0;
  transition: opacity 0.18s ease;
}

html.site-shell-js #site-main:not(.site-page-entered),
html.site-shell-js #project-main:not(.site-page-entered) {
  opacity: 0;
}

#site-main.site-main-fade-out,
#project-main.site-main-fade-out {
  opacity: 0;
}

#site-main.site-main-fade-in,
#project-main.site-main-fade-in {
  opacity: 1;
}