.rt-drawer-root {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  position: absolute;
  top: 0;
  display: block;
  width: 24rem;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  color: #424242;
  pointer-events: none;
  background-color: #fafafa;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform; }
  .rt-drawer-root.rt-drawer-active {
    pointer-events: all;
    -webkit-transition-delay: 0.07s;
    transition-delay: 0.07s;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .rt-drawer-root.rt-drawer-right {
    right: 0;
    border-left: 1px solid #e0e0e0; }
    .rt-drawer-root.rt-drawer-right:not(.rt-drawer-active) {
      -webkit-transform: translateX(100%);
      transform: translateX(100%); }
  .rt-drawer-root.rt-drawer-left {
    left: 0;
    border-right: 1px solid #e0e0e0; }
    .rt-drawer-root.rt-drawer-left:not(.rt-drawer-active) {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%); }