.sn-backdrop {
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: none;
  opacity: 0;
  z-index: 50;
  will-change: opacity;
}

.sn-visible .sn-backdrop { display: block }

.sn-sidenav {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 9999;
  overflow-y: auto;
  will-change: transform;
  box-shadow: 0 0 30px rgba(0,0,0,0.6);
  background-color: #FFC107;
  color: #fff;
}

.sn-content {
  position: relative;
  z-index: 10
}

.sn-visible, .sn-visible body, .sn-visible .sn-content { overflow: hidden }

html { height: 100% }

body { min-height: 100% }