//-----------------------------
// nav
//-----------------------------

.__web-inspector-hide-shortcut__
  visibility: hidden !important

button
  align-items: flex-start
  text-align: center
  cursor: default
  color: buttontext
  background-color: buttonface
  box-sizing: border-box
  padding: 2px 6px 3px
  border-width: 2px
  border-style: outset
  border-color: buttonface
  border-image: initial
  
  text-rendering: auto
  color: initial
  letter-spacing: normal
  word-spacing: normal
  text-transform: none
  text-indent: 0px
  text-shadow: none
  display: inline-block
  text-align: start
  margin: 0em 0em 0em 0em
  font: 11px system-ui
  
  -webkit-writing-mode: horizontal-tb
  -webkit-appearance: button

.hamburger
  display: inline-block
  background-color: transparent
  background-image: url('data:image/svg+xmlutf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-3 -6 24 24\"><path fill=\"#4A4A4A\" d=\"M0 12h18v-2H0v2M0 7h18V5H0v2M0 0v2h18V0H0\"/></svg>')
  background-repeat: no-repeat
  background-size: 30px 24px
  background-position: center center
  border: none
  margin: 0
  padding: 0
  width: 60px
  height: 60px
  cursor: pointer
  -ms-flex-item-align: center
  -ms-grid-row-align: center
  align-self: center

.nav ul:after
  clear: both
  visibility: hidden

.nav, .nav-icon
  position: relative

.nav ul
  display: block
  li
    display: block
    a
      display: block

.tab
  position: relative
  color: #424242
  padding: 6px
  margin: 0 4px
  text-decoration: none
  text-transform: uppercase
  font-weight: 400
  -webkit-transition: .1s ease color
  transition: .1s ease color

amp-sidebar
  width: 200px
  ul
    padding: 10px 0
  li
    a
      display: block
      padding: 10px 20px