/* line 4, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 8, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
.m-pikabu-viewport {
  position: relative;
  display: -webkit-box;
  /*display: -moz-box;*/
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  overflow: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

/* line 20, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
.m-pikabu-sidebar {
  position: absolute;
  overflow: visible;
  display: block;
  width: 80%;
  background: #0092d6;
}
/* line 30, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
.m-pikabu-sidebar.m-pikabu-left {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  border-right: 3px solid #000;

}
/* line 34, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
.m-pikabu-sidebar.m-pikabu-right {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
/* line 40, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
.m-pikabu-left-visible .m-pikabu-sidebar.m-pikabu-left, .m-pikabu-right-visible .m-pikabu-sidebar.m-pikabu-right {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 45, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
.m-pikabu-container {
  width: 100%;
  -webkit-backface-visibility: hidden;
}
/* line 50, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
.m-pikabu-left-visible .m-pikabu-container.m-pikabu-left, .m-pikabu-right-visible .m-pikabu-container.m-pikabu-right {
  position: absolute;
}
/* line 54, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
.m-pikabu-left-visible .m-pikabu-container {
  -webkit-transform: translate3d(80%, 0, 0);
  -moz-transform: translate3d(80%, 0, 0);
  -ms-transform: translate3d(80%, 0, 0);
  -o-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}
/* line 58, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
.m-pikabu-right-visible .m-pikabu-container {
  -webkit-transform: translate3d(-80%, 0, 0);
  -moz-transform: translate3d(-80%, 0, 0);
  -ms-transform: translate3d(-80%, 0, 0);
  -o-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}

/* line 64, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
.m-pikabu-container,
.m-pikabu-sidebar {
  -webkit-transition: -webkit-transform 0.2s ease-in;
  -moz-transition: -webkit-transform 0.2s ease-in;
  -o-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
}

/* line 70, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
.m-pikabu-overlay {
  display: none;
  transition: background 4s ease-in-out;
}
/* line 74, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
.m-pikabu-left-visible .m-pikabu-overlay, .m-pikabu-right-visible .m-pikabu-overlay {
  position: absolute;
  top: 0;
  z-index: 30;
  display: block;
  height: 100%;
  width: 100%;
  cursor: pointer;
  background: #000;
  opacity: 0.6;
  left: -1px;
}

/* line 89, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
.m-pikabu-overflow-scrolling .m-pikabu-sidebar {
  overflow: auto;
}

/* line 93, /Users/keith/Work/modules/pikabu/src/scss/pikabu.scss */
.m-pikabu-overflow-touch {
  -webkit-overflow-scrolling: touch;
}