body div.ref-show-overflow {
  overflow: visible !important;
}
.ref-overflow-wrap {
  overflow-x: hidden !important;
}
.ref-cursor-loader {
	position: fixed;
	width: 40px;
	height: 40px;
	left: -50px;
	top: -50px;
	pointer-events: none;
	z-index: 1000;
}
.ref-section .ref-panel {
  height: 100%;
  display: flex;
}
.ref-section .ref-panel > div {
  width: 100%;
}
.ref-stack, .ref-stack * {
  box-sizing: border-box;
}
.ref-stack {
  padding: 32px 0px;
}
.ref-stack.ref-contain:not(.ref-show-all) {
  overflow: hidden;
  position: relative;
  padding: 32px 16px;
}
.ref-stack.ref-contain.ref-center-panels {
  padding: 32px 0px;
}
.ref-stack.ref-contain:not(.ref-show-all):before, .ref-stack.ref-contain:not(.ref-show-all):after {
  content: "";
  position: absolute;
  left: -16px;
  top: 32px;
  bottom: 32px;
  width: 16px;
  box-shadow: 0 0 16px rgba(0,0,0,0.3);
  opacity: 1;
  z-index: 2;
  pointer-events: none;
}
[data-position="left"].ref-stack.ref-contain:not(.ref-show-all):before,
[data-position="right"].ref-stack.ref-contain:not(.ref-show-all):after,
[data-position="center"].ref-2-column.ref-stack.ref-contain:not(.ref-show-all):after {
  opacity: 0;
}
.ref-stack.ref-contain:not(.ref-show-all):after {
  left: auto;
  right: -16px;
}
.ref-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  transform: translate(0,0);
}
.ref-section {
  flex: 0 0 100%;
}
.ref-stack:not(.ref-show-all) .ref-wrap .ref-section:hover {
  cursor: pointer;
}
[data-position="left"].ref-stack:not(.ref-show-all) .ref-wrap .ref-section-left,
[data-position="center"].ref-stack:not(.ref-show-all) .ref-wrap .ref-section-center,
[data-position="right"].ref-stack:not(.ref-show-all) .ref-wrap .ref-section-right,
.ref-2-column[data-position="right"].ref-stack:not(.ref-show-all) .ref-wrap .ref-section-center {
  cursor: auto;
}