// only enable on Retina displays
@media screen and (min-resolution 2dppx)
  html
    -webkit-font-smoothing antialiased
    -moz-osx-font-smoothing grayscale



*
*::before
*::after
  box-sizing border-box

html
  font-weight 400
  color #333
  scroll-behavior smooth

html
body
#__nuxt
#__layout
  height 100%

body
  margin-left 240px

button
input
  font inherit
  color inherit

a:focus
  outline none

main
  line-height 1.5

menu
  margin 0
  padding 0

.menu-item
  list-style none
  line-height 1

.menu-link
  display block
  position relative
  text-decoration none
  cursor default

  a&
    cursor pointer

  &::after
    content ""
    position absolute
    bottom 2px
    left 50%
    width 0
    height 2px
    transition width 0.2s, left 0.2s

  a&:focus::after
  a&:hover::after
    width 100%
    left 0

.algolia-autocomplete
  .algolia-docsearch-suggestion--title:last-child
    margin-bottom 0

  .ds-dropdown-menu
    &
    & [class^=ds-dataset-]
      border-radius 3px

    &::before
      width 10px
      height 10px
      top -4px

    .ds-suggestion.ds-cursor .algolia-docsearch-suggestion
      &.suggestion-layout-simple
      &:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content
        background-color #f8f8f8

  .algolia-docsearch-suggestion--category-header
    font-size 14px

  .algolia-docsearch-suggestion--subcategory-column
    font-size 12px
    overflow hidden
    white-space nowrap
    text-overflow ellipsis

  .algolia-docsearch-suggestion--highlight
    color #fff
    background-color #111

  .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight
    box-shadow inset 0 -2px 0 0 #111
