[data-sidepopout] {
  display: none;
  position: fixed;
  top: 0px;
  right: 0px;
  transform: translateX(100%);
  background: #fff;
  padding: 40px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 100%;
}
[data-sidepopout].init {
  transition: transform 0.4s linear;
  display: block;
  z-index: 10000;
}
[data-sidepopout].opened {
  max-width: 100%;
  transform: translateX(0px);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.sidepopout-buttons-right {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 9999;
}
.sidepopout-button {
  padding: 3px 5px;
  color: #fff;
  background: #333;
  margin-bottom: 10px;
}
.sidepopout-button:hover,
.sidepopout-button:active,
.sidepopout-button:focus {
  color: #fff;
  text-decoration: none;
}
.sidepopout-close {
  top: 10px;
  left: 10px;
  font-size: 1.3em;
  text-decoration: none;
  color: #333;
  position: absolute;
}
.sidepopout-close:hover,
.sidepopout-close:active,
.sidepopout-close:focus {
  color: #333;
  text-decoration: none;
}
/*# sourceMappingURL=/system/extensions/sidepopout/assets/css/serve.sidepopout.less.css.gz.map */