.measure {
  display: block !important;
  overflow: hidden !important;
  visibility: hidden !important;
}
.noscale {
  -ms-transform: scale(0) !important;
  -webkit-transform: scale(0) !important;
  transform: scale(0) !important;
}
.nosize {
  height: auto !important;
  width: auto !important;
}
.notransition {
  transition-property: none !important;
}
.shadow-small {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.shadow-medium {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}
.shadow-large {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
#navigation,
[id^="navigation-"] {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 30;
}
#navigation > *,
[id^="navigation-"] > * {
  pointer-events: auto;
}
#viewport {
  overflow-y: scroll;
}
#sticky > .page,
#viewport > .page {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
#sticky > .page.active,
#viewport > .page.active,
#sticky > .page.before,
#viewport > .page.before,
#sticky > .page.after,
#viewport > .page.after,
#sticky > .page.sub-before,
#viewport > .page.sub-before,
#sticky > .page.sub-after,
#viewport > .page.sub-after {
  transition: transform .5s;
}
#sticky > .page.active,
#viewport > .page.active {
  z-index: 10;
}
#sticky > .page.before,
#viewport > .page.before,
#sticky > .page.hold-before,
#viewport > .page.hold-before {
  transform: translateX(-100%);
}
#sticky > .page.after,
#viewport > .page.after,
#sticky > .page.hold-after,
#viewport > .page.hold-after {
  transform: translateX(100%);
}
#sticky > .page.sub-before,
#viewport > .page.sub-before,
#sticky > .page.sub-hold-before,
#viewport > .page.sub-hold-before {
  transform: translateY(-100%);
}
#sticky > .page.sub-after,
#viewport > .page.sub-after,
#sticky > .page.sub-hold-after,
#viewport > .page.sub-hold-after {
  transform: translateY(100%);
}