.d-side-pane {
  width: 15em;
  height: 100%;
  top: 0;
  box-sizing: border-box;
  position: fixed;
  background-color: white;
  touch-action: pan-y;
}
.-d-side-pane-animate {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.-d-side-pane-no-select {
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}
.-d-side-pane-start {
  left: 0;
}
.d-rtl.-d-side-pane-start {
  right: 0;
  left: auto;
}
.-d-side-pane-end {
  right: 0;
}
.d-rtl.-d-side-pane-end {
  left: 0;
  right: auto;
}
.-d-side-pane-under {
  z-index: -1;
}
.-d-side-pane-ontop {
  z-index: 1;
}
.-d-side-pane-start.-d-side-pane-push.-d-side-pane-hidden,
.-d-side-pane-start.-d-side-pane-overlay.-d-side-pane-hidden {
  -ms-transform: translate(-15em, 0px);
  -webkit-transform: translate3d(-15em, 0px, 0px);
  transform: translate3d(-15em, 0px, 0px);
}
.d-rtl.-d-side-pane-start.-d-side-pane-push.-d-side-pane-hidden,
.d-rtl.-d-side-pane-start.-d-side-pane-overlay.-d-side-pane-hidden {
  right: 0;
  left: auto;
  -ms-transform: translate(15em, 0px);
  -webkit-transform: translate3d(15em, 0px, 0px);
  transform: translate3d(15em, 0px, 0px);
}
.-d-side-pane-start.-d-side-pane-push.-d-side-pane-visible,
.-d-side-pane-start.-d-side-pane-overlay.-d-side-pane-visible {
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.d-rtl.-d-side-pane-start.-d-side-pane-push.-d-side-pane-visible,
.d-rtl.-d-side-pane-start.-d-side-pane-overlay.-d-side-pane-visible {
  right: 0;
  left: auto;
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.-d-side-pane-end.-d-side-pane-push.-d-side-pane-hidden,
.-d-side-pane-end.-d-side-pane-overlay.-d-side-pane-hidden {
  right: 0;
  -ms-transform: translate(15em, 0px);
  -webkit-transform: translate3d(15em, 0px, 0px);
  transform: translate3d(15em, 0px, 0px);
}
.d-rtl.-d-side-pane-end.-d-side-pane-push.-d-side-pane-hidden,
.d-rtl.-d-side-pane-end.-d-side-pane-overlay.-d-side-pane-hidden {
  left: 0;
  right: auto;
  -ms-transform: translate(-15em, 0px);
  -webkit-transform: translate3d(-15em, 0px, 0px);
  transform: translate3d(-15em, 0px, 0px);
}
.-d-side-pane-end.-d-side-pane-push.-d-side-pane-visible,
.-d-side-pane-end.-d-side-pane-overlay.-d-side-pane-visible {
  right: 0;
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.d-rtl.-d-side-pane-end.-d-side-pane-push.-d-side-pane-visible,
.d-rtl.-d-side-pane-end.-d-side-pane-overlay.-d-side-pane-visible {
  left: 0;
  right: auto;
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.-d-side-pane-start.-d-side-pane-translated {
  -ms-transform: translate(15em, 0px);
  -webkit-transform: translate3d(15em, 0px, 0px);
  transform: translate3d(15em, 0px, 0px);
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
}
.d-rtl.-d-side-pane-start.-d-side-pane-translated {
  right: 0;
  left: auto;
  -ms-transform: translate(-15em, 0px);
  -webkit-transform: translate3d(-15em, 0px, 0px);
  transform: translate3d(-15em, 0px, 0px);
}
.-d-side-pane-start.-d-side-pane-nottranslated {
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.d-rtl.-d-side-pane-start.-d-side-pane-nottranslated {
  right: 0;
  left: auto;
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.-d-side-pane-end.-d-side-pane-translated {
  -ms-transform: translate(-15em, 0px);
  -webkit-transform: translate3d(-15em, 0px, 0px);
  transform: translate3d(-15em, 0px, 0px);
}
.d-rtl.-d-side-pane-end.-d-side-pane-translated {
  left: 0;
  right: auto;
  -ms-transform: translate(15em, 0px);
  -webkit-transform: translate3d(15em, 0px, 0px);
  transform: translate3d(15em, 0px, 0px);
}
.-d-side-pane-end.-d-side-pane-nottranslated {
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.d-rtl.-d-side-pane-end.-d-side-pane-nottranslated {
  left: 0;
  right: auto;
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.d-rtl.-d-side-pane-start.-d-side-pane-reveal.-d-side-pane-visible,
.d-rtl.-d-side-pane.-d-side-pane-start-reveal.-d-side-pane-hidden {
  right: 0;
  left: auto;
}
.-d-side-pane-end.-d-side-pane-reveal.-d-side-pane-visible,
.-d-side-pane.-d-side-pane-end-reveal.-d-side-pane-hidden {
  right: 0;
}
.d-rtl.-d-side-pane-end.-d-side-pane-reveal.-d-side-pane-visible,
.d-rtl.-d-side-pane.-d-side-pane-end-reveal.-d-side-pane-hidden {
  left: 0;
  right: auto;
}