@import normalize
@import box-sizing-border-box
@import body-typography
@import navigation
@import button
@import more
@import stripe
@import hero
@import hero-buttons
@import browser-mock
@import tooltipped
@import hero-links-list
@import sponsorship
@import event-summary

@charset "UTF-8"

img
  border 0
  max-width 100%

a

  &:not(:hover)
    text-decoration none

.container
  width 75em
  margin 0 auto
  padding 0

  @media only all and (min-width 60em) and (max-width 74.938em)
    width 60em

  @media only all and (min-width 48em) and (max-width 59.938em)
    width 48em

  @media only all and (min-width 30.063em) and (max-width 47.938em)
    width 30em

  @media only all and (max-width 30em)
    width 100%

h1, h2, h3, h4, h5, h6
  text-rendering optimizeLegibility

h1
  font-size 2rem

h2
  font-size 1.5rem

h3
  font-size 1.25rem

h4
  font-size 1rem

h5
  font-size .875rem

h6
  font-size .75rem

p
  margin 1.5rem 0

ul, ol
  margin-top 0
  margin-bottom 1rem
  padding-left 1.5rem

ul ul, ul ol, ol ul, ol ol
  margin-top 0
  margin-bottom 0

blockquote
  margin 1.5rem 0
  padding-left 1rem

cite
  display block
  font-size .875rem

  &::before
    content "\2014 \0020"

pre
  margin 1.5rem 0
  padding 1rem

code
  vertical-align bottom

small
  font-size 0.75rem

fieldset
  border 0
  padding 1rem
  margin 0 0 1.5rem 0

input, label, select
  display block

label
  margin-bottom .5rem

  &.required::after
    content "*"

label abbr
  display none

textarea, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select[multiple=multiple]
  transition border-color
  border-radius 0.1875rem
  margin-bottom 0.85rem
  padding 0.425rem 0.425rem
  width 100%

textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus
  outline none

textarea
  resize vertical

input[type="checkbox"], input[type="radio"]
  display inline
  margin-right 0.5rem

input[type="file"]
  width 100%

select
  width auto
  max-width 100%
  margin-bottom 1.5rem

button, input[type="submit"]
  cursor pointer
  user-select none
  vertical-align middle
  white-space nowrap
  border inherit

p, ul, ol
  max-width 38em

.progress ul
  list-style none
  margin 0
  padding 0 4px

// TODO
#TableOfContents
  font-size 12px !important
  max-height 85vh
  overflow auto
  -webkit-overflow-scrolling touch
  padding 16px !important

  > ul > li

    > ul > li > ul li
      margin-right 8px

    > a
      font-weight bold
      padding 0 16px
      margin 0 2px

    > ul > li > a
      font-weight bold

    > ul > li > ul > li > ul > li > ul > li
      display none

#body a.highlight

  &, &:hover, &:focus
    text-decoration none

.progress
  position absolute
  background-color rgba(246, 246, 246, .97)
  width auto
  border thin solid #ECECEC
  display none
  z-index 200

// TODO - replace with .button?
.btn
  display inline-block !important
  padding 8px 16px !important
  margin-bottom 0 !important
  font-size 14px !important
  font-weight normal !important
  line-height 1.5!important
  text-align center !important
  white-space nowrap !important
  vertical-align middle !important
  -ms-touch-action manipulation !important
  touch-action manipulation !important
  cursor pointer !important
  -webkit-user-select none !important
  -moz-user-select none !important
  -ms-user-select none !important
  user-select none !important
  background-image none !important
  border 1px solid transparent !important
  border-radius 4px !important
  -webkit-transition all 0.15s !important
  -moz-transition all 0.15s !important
  transition all 0.15s !important

  &:focus
    outline none !important

  &:hover, &:focus
    color #2b2b2b !important
    text-decoration none !important

.btn-default
  color #333 !important
  background-color #fff !important
  border-color #ccc !important

  &:hover, &:focus, &:active
    color #fff !important
    background-color #9e9e9e !important
    border-color #9e9e9e !important

  &:active
    background-image none !important

.anchor
  color #764e20
  font-size 0.5em
  margin-top 0.25em
  margin-left 0.5em
  position absolute
  cursor pointer
  visibility hidden

  h2:hover &, h3:hover &, h4:hover &, h5:hover &, h6:hover &
    visibility visible

h1, h2, h3, h4, h5, h6
  font-weight 600
  line-height 1.25

  a
    font-weight inherit

h1
  line-height 1.25
  margin 2.5rem 0 .5rem 0

h2
  line-height 1.25
  margin 2.5rem 0 .5rem 0
  text-transform capitalize

h3
  line-height 1.25
  margin 2rem 0 .5rem 0

h4
  font-size 1.1rem
  line-height 1.25
  margin 1.5rem 0 0.25rem 0

h5
  font-size 1rem
  line-height 1.25
  margin 1rem 0 .25rem 0

h6
  font-size 0.75rem
  line-height 1.25
  margin 0.5rem 0 0.25rem 0

p
  margin-top 0
  margin-bottom 1rem

figcaption h4
  font-weight 300 !important
  opacity .85
  font-size 1em
  text-align center
  margin-top -1.5em

// TODO
#tags
  display block
  margin-top -1rem

// TODO
a
  color #3279B3

  &:hover
    color #0082a7

pre
  position relative

// TODO
.bg
  background #fff
  border 1px solid #eaeaea

b,
strong,
label,
th {
  font-weight: 600;
}

fieldset {
  border: 1px solid #ddd;
}

textarea,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"],
select[multiple=multiple] {
  background-color: white;
  border: 1px solid #ddd;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
}

textarea:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="url"]:hover,
input[type="color"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
select[multiple=multiple]:hover {
  border-color: #c4c4c4;
}

textarea:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
select[multiple=multiple]:focus {
  border-color: #2053AB;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), 0 0 5px rgba(0, 169, 218, .7)
}

.logo-title-wrapper {
  padding: 1rem;
  text-align: center;
}

.logo-title-wrapper-logo {
  display: block;
  margin-bottom: .5rem;
}

.logo-title-wrapper-logo svg {
  display: block;
  margin: 0 auto;
}

#sidebar-toggle
  display none
  position fixed
  top 0
  right 0
  z-index 12
  color inherit
  cursor pointer
  height 69px // TODO

  &:hover
    color sidebarEntryColor

  > span
    padding 1rem
    display flex
    align-items center
    flex-flow column
    height 100%
    justify-content center

    > b
      width 1.5rem
      height 3px
      background currentColor

      &:not(:last-child)
        margin-bottom 3px

      &:nth-child(1), &:nth-child(3)
        transition transform .3s ease

      .with-sidebar-open &:nth-child(1)
        transform translateY(6px) rotate(45deg)

      .with-sidebar-open &:nth-child(3)
        transform translateY(-6px) rotate(-45deg)

      &:nth-child(2)
        transition opacity .3s ease

        .with-sidebar-open &
          opacity 0

  @media (max-width 47.938em)
    display block

#sidebar-open-backdrop
  position fixed
  top 0
  right 0
  bottom 0
  left 0
  background rgba(0, 0, 0, .7)
  z-index 5
  opacity 0
  pointer-events none
  transition opacity .3s ease

  @media (max-width 47.938em)
    .with-sidebar-open &
      opacity 1
      pointer-events all

sidebarEntryHoverBackground = rgba(243, 128, 32, .1)
sidebarSearchEntryHoverBackground = rgba(225, 119, 69, 0.05)
sidebarEntryColor = #f38020
sidebarEntryHoverBorderColor = #fbc99e // TODO

#sidebar
  position fixed
  width 300px
  top 69px
  bottom 0
  left 0
  line-height 1.43
  font-weight normal
  box-shadow inset -1px 0 rgba(0, 0, 0, .15)
  z-index 1
  display flex
  flex-flow column

  @media (max-width 47.938em)
    box-shadow 1px 0 rgba(0, 0, 0, .15)

  a
    position relative

    &, &.subtitle
      color inherit

    &.padding
      padding 0 1rem

    .triangle-down, .triangle-up
      position absolute
      display block
      border-width 6px
      top 0
      bottom 0
      margin-top auto
      margin-bottom auto
      opacity .35

      @media (max-width 47.938em)
        display none

    .triangle-up
      border-width 6px 6px 0 6px
      border-color currentColor transparent transparent transparent
      left .75rem

    .triangle-down
      border-width 6px 0 6px 6px
      border-color transparent transparent transparent currentColor
      left 1rem

  hr
    border-bottom 1px solid #2a232f

  .search-container
    padding-top 1px
    width calc(100% - 1px)
    flex 0 0 auto

    .algolia-autocomplete
      display block

    input.search-input
      font inherit
      border 0
      border-radius 0
      padding .7em 1.5em .6em 2rem
      margin 0
      height 3rem
      background-color #f3f3f4
      box-shadow inset 0 -1px rgba(0, 0, 0, .15)

      &:focus
        outline none
        background-color transparent

  .algolia-autocomplete
    @media (max-width 47.938em)
      .ds-dropdown-menu
        min-width 0 !important
        border-radius 0 !important
        width 100vw !important
        left 0 !important
        right 0 !important

        [class^=ds-dataset-]
          border-radius 0 !important

    .algolia-docsearch-footer--logo
      // The Algolia logo is required for free use. This is identical to their default logo,
      // though the background color has been adjusted to match our color scheme.
      background-image url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 18'><g fill='none' fill-rule='evenodd'><path fill='#F38020' d='M59.399.022h13.299a2.372 2.372 0 0 1 2.377 2.364V15.62a2.372 2.372 0 0 1-2.377 2.364H59.399a2.372 2.372 0 0 1-2.377-2.364V2.381A2.368 2.368 0 0 1 59.399.022z'/><path fill='#FFF' d='M66.257 4.56c-2.815 0-5.1 2.272-5.1 5.078 0 2.806 2.284 5.072 5.1 5.072 2.815 0 5.1-2.272 5.1-5.078 0-2.806-2.279-5.072-5.1-5.072zm0 8.652c-1.983 0-3.593-1.602-3.593-3.574 0-1.972 1.61-3.574 3.593-3.574 1.983 0 3.593 1.602 3.593 3.574a3.582 3.582 0 0 1-3.593 3.574zm0-6.418v2.664c0 .076.082.131.153.093l2.377-1.226c.055-.027.071-.093.044-.147a2.96 2.96 0 0 0-2.465-1.487c-.055 0-.11.044-.11.104l.001-.001zm-3.33-1.956l-.312-.311a.783.783 0 0 0-1.106 0l-.372.37a.773.773 0 0 0 0 1.101l.307.305c.049.049.121.038.164-.011.181-.245.378-.479.597-.697.225-.223.455-.42.707-.599.055-.033.06-.109.016-.158h-.001zm5.001-.806v-.616a.781.781 0 0 0-.783-.779h-1.824a.78.78 0 0 0-.783.779v.632c0 .071.066.12.137.104a5.736 5.736 0 0 1 1.588-.223c.52 0 1.035.071 1.534.207a.106.106 0 0 0 .131-.104z'/><path fill='#000' d='M102.162 13.762c0 1.455-.372 2.517-1.123 3.193-.75.676-1.895 1.013-3.44 1.013-.564 0-1.736-.109-2.673-.316l.345-1.689c.783.163 1.819.207 2.361.207.86 0 1.473-.174 1.84-.523.367-.349.548-.866.548-1.553v-.349c-.272.125-.552.23-.838.316-.388.11-.79.164-1.194.158a4.515 4.515 0 0 1-1.616-.278 3.385 3.385 0 0 1-1.254-.817 3.744 3.744 0 0 1-.811-1.351c-.192-.539-.29-1.504-.29-2.212 0-.665.104-1.498.307-2.054a3.925 3.925 0 0 1 .904-1.433c.41-.406.901-.722 1.441-.926a5.31 5.31 0 0 1 1.945-.365c.696 0 1.337.087 1.961.191a15.86 15.86 0 0 1 1.588.332v8.456h-.001zm-5.954-4.206c0 .893.197 1.885.592 2.299.394.414.904.621 1.528.621.34 0 .663-.049.964-.142a2.75 2.75 0 0 0 .734-.332v-5.29c-.465-.1-.938-.16-1.413-.18-.778-.022-1.369.294-1.786.801-.411.507-.619 1.395-.619 2.223zm16.12 0c0 .719-.104 1.264-.318 1.858a4.389 4.389 0 0 1-.904 1.52c-.389.42-.854.746-1.402.975-.548.229-1.391.36-1.813.36-.422-.005-1.26-.125-1.802-.36a4.088 4.088 0 0 1-1.397-.975 4.486 4.486 0 0 1-.909-1.52 5.037 5.037 0 0 1-.329-1.858c0-.719.099-1.411.318-1.999.219-.588.526-1.09.92-1.509.394-.42.865-.741 1.402-.97a4.547 4.547 0 0 1 1.786-.338 4.69 4.69 0 0 1 1.791.338c.548.229 1.019.55 1.402.97.389.42.69.921.909 1.509.23.588.345 1.28.345 1.999h.001zm-2.191.005c0-.921-.203-1.689-.597-2.223-.394-.539-.948-.806-1.654-.806-.707 0-1.26.267-1.654.806-.394.539-.586 1.302-.586 2.223 0 .932.197 1.558.592 2.098.394.545.948.812 1.654.812.707 0 1.26-.272 1.654-.812.394-.545.592-1.166.592-2.098h-.001zm6.962 4.707c-3.511.016-3.511-2.822-3.511-3.274L113.583.926l2.142-.338v10.003c0 .256 0 1.88 1.375 1.885v1.792h-.001zm3.774 0h-2.153V5.072l2.153-.338v9.534zm-1.079-10.542c.718 0 1.304-.578 1.304-1.291 0-.714-.581-1.291-1.304-1.291-.723 0-1.304.578-1.304 1.291 0 .714.586 1.291 1.304 1.291zm6.431 1.013c.707 0 1.304.087 1.786.262.482.174.871.42 1.156.73.285.311.488.735.608 1.182.126.447.186.937.186 1.476v5.481a25.24 25.24 0 0 1-1.495.251c-.668.098-1.419.147-2.251.147a6.829 6.829 0 0 1-1.517-.158 3.213 3.213 0 0 1-1.178-.507 2.455 2.455 0 0 1-.761-.904c-.181-.37-.274-.893-.274-1.438 0-.523.104-.855.307-1.215.208-.36.487-.654.838-.883a3.609 3.609 0 0 1 1.227-.49 7.073 7.073 0 0 1 2.202-.103c.263.027.537.076.833.147v-.349c0-.245-.027-.479-.088-.697a1.486 1.486 0 0 0-.307-.583c-.148-.169-.34-.3-.581-.392a2.536 2.536 0 0 0-.915-.163c-.493 0-.942.06-1.353.131-.411.071-.75.153-1.008.245l-.257-1.749c.268-.093.668-.185 1.183-.278a9.335 9.335 0 0 1 1.66-.142l-.001-.001zm.181 7.731c.657 0 1.145-.038 1.484-.104v-2.168a5.097 5.097 0 0 0-1.978-.104c-.241.033-.46.098-.652.191a1.167 1.167 0 0 0-.466.392c-.121.169-.175.267-.175.523 0 .501.175.79.493.981.323.196.75.289 1.293.289h.001zM84.109 4.794c.707 0 1.304.087 1.786.262.482.174.871.42 1.156.73.29.316.487.735.608 1.182.126.447.186.937.186 1.476v5.481a25.24 25.24 0 0 1-1.495.251c-.668.098-1.419.147-2.251.147a6.829 6.829 0 0 1-1.517-.158 3.213 3.213 0 0 1-1.178-.507 2.455 2.455 0 0 1-.761-.904c-.181-.37-.274-.893-.274-1.438 0-.523.104-.855.307-1.215.208-.36.487-.654.838-.883a3.609 3.609 0 0 1 1.227-.49 7.073 7.073 0 0 1 2.202-.103c.257.027.537.076.833.147v-.349c0-.245-.027-.479-.088-.697a1.486 1.486 0 0 0-.307-.583c-.148-.169-.34-.3-.581-.392a2.536 2.536 0 0 0-.915-.163c-.493 0-.942.06-1.353.131-.411.071-.75.153-1.008.245l-.257-1.749c.268-.093.668-.185 1.183-.278a8.89 8.89 0 0 1 1.66-.142l-.001-.001zm.186 7.736c.657 0 1.145-.038 1.484-.104v-2.168a5.097 5.097 0 0 0-1.978-.104c-.241.033-.46.098-.652.191a1.167 1.167 0 0 0-.466.392c-.121.169-.175.267-.175.523 0 .501.175.79.493.981.318.191.75.289 1.293.289h.001zm8.682 1.738c-3.511.016-3.511-2.822-3.511-3.274L89.461.926l2.142-.338v10.003c0 .256 0 1.88 1.375 1.885v1.792h-.001zM5.027 11.025c0 .698-.252 1.246-.757 1.644-.505.397-1.201.596-2.089.596-.888 0-1.615-.138-2.181-.414v-1.214c.358.168.739.301 1.141.397.403.097.778.145 1.125.145.508 0 .884-.097 1.125-.29a.945.945 0 0 0 .363-.779.978.978 0 0 0-.333-.747c-.222-.204-.68-.446-1.375-.725-.716-.29-1.221-.621-1.515-.994-.294-.372-.44-.82-.44-1.343 0-.655.233-1.171.698-1.547.466-.376 1.09-.564 1.875-.564.752 0 1.5.165 2.245.494l-.408 1.047c-.698-.294-1.321-.44-1.869-.44-.415 0-.73.09-.945.271a.89.89 0 0 0-.322.717c0 .204.043.379.129.524.086.145.227.282.424.411.197.129.551.299 1.063.51.577.24.999.464 1.268.671.269.208.466.442.591.704.125.261.188.569.188.924l-.001.002zm3.98 2.24c-.924 0-1.646-.269-2.167-.808-.521-.539-.782-1.281-.782-2.226 0-.97.242-1.733.725-2.288.483-.555 1.148-.833 1.993-.833.784 0 1.404.238 1.858.714.455.476.682 1.132.682 1.966v.682H7.357c.018.577.174 1.02.467 1.329.294.31.707.465 1.241.465.351 0 .678-.033.98-.099a5.1 5.1 0 0 0 .975-.33v1.026a3.865 3.865 0 0 1-.935.312 5.723 5.723 0 0 1-1.08.091l.002-.001zm-.231-5.199c-.401 0-.722.127-.964.381s-.386.625-.432 1.112h2.696c-.007-.491-.125-.862-.354-1.115-.229-.252-.544-.379-.945-.379l-.001.001zm7.692 5.092l-.252-.827h-.043c-.286.362-.575.608-.865.739-.29.131-.662.196-1.117.196-.584 0-1.039-.158-1.367-.473-.328-.315-.491-.761-.491-1.337 0-.612.227-1.074.682-1.386.455-.312 1.148-.482 2.079-.51l1.026-.032v-.317c0-.38-.089-.663-.266-.851-.177-.188-.452-.282-.824-.282-.304 0-.596.045-.876.134a6.68 6.68 0 0 0-.806.317l-.408-.902c.335-.173.69-.302 1.058-.384.356-.085.72-.129 1.085-.132.756 0 1.326.165 1.711.494.385.329.577.847.577 1.552v4.002h-.902l-.001-.001zm-1.88-.859c.458 0 .826-.128 1.104-.384.278-.256.416-.615.416-1.077v-.516l-.763.032c-.594.021-1.027.121-1.297.298s-.406.448-.406.814c0 .265.079.47.236.615.158.145.394.218.709.218h.001zm7.557-5.189c.254 0 .464.018.628.054l-.124 1.176a2.383 2.383 0 0 0-.559-.064c-.505 0-.914.165-1.227.494-.313.329-.47.757-.47 1.284v3.105h-1.262V7.218h.988l.167 1.047h.064c.197-.354.454-.636.771-.843a1.83 1.83 0 0 1 1.023-.312h.001zm4.125 6.155c-.899 0-1.582-.262-2.049-.787-.467-.525-.701-1.277-.701-2.259 0-.999.244-1.767.733-2.304.489-.537 1.195-.806 2.119-.806.627 0 1.191.116 1.692.349l-.381 1.015c-.534-.208-.974-.312-1.321-.312-1.028 0-1.542.682-1.542 2.046 0 .666.128 1.166.384 1.501.256.335.631.502 1.125.502a3.23 3.23 0 0 0 1.595-.419v1.101a2.53 2.53 0 0 1-.722.285c-.307.062-.62.09-.932.086v.002zm8.277-.107h-1.268V9.506c0-.458-.092-.8-.277-1.026-.184-.226-.477-.338-.878-.338-.53 0-.919.158-1.168.475-.249.317-.373.848-.373 1.593v2.949h-1.262V4.801h1.262v2.122c0 .34-.021.704-.064 1.09h.081a1.76 1.76 0 0 1 .717-.666c.306-.158.663-.236 1.072-.236 1.439 0 2.159.725 2.159 2.175v3.873l-.001-.001zm7.649-6.048c.741 0 1.319.269 1.732.806.414.537.62 1.291.62 2.261 0 .974-.209 1.732-.628 2.275-.419.542-1.001.814-1.746.814-.752 0-1.336-.27-1.751-.811h-.086l-.231.704h-.945V4.801h1.262v1.987l-.021.655-.032.553h.054c.401-.591.992-.886 1.772-.886zm-.328 1.031c-.508 0-.875.149-1.098.448-.224.299-.339.799-.346 1.501v.086c0 .723.115 1.247.344 1.571.229.324.603.486 1.123.486.448 0 .787-.177 1.018-.532.231-.354.346-.867.346-1.536 0-1.35-.462-2.025-1.386-2.025l-.001.001zm3.244-.924h1.375l1.209 3.368c.183.48.304.931.365 1.354h.043c.032-.197.091-.436.177-.717.086-.281.541-1.616 1.364-4.004h1.364l-2.541 6.73c-.462 1.235-1.232 1.853-2.31 1.853-.279 0-.551-.03-.816-.091v-.999c.19.043.406.064.65.064.609 0 1.037-.353 1.284-1.058l.22-.559-2.385-5.941h.001z'/></g></svg>")

    .algolia-docsearch-suggestion--no-results
      padding 2em 0 0

    .algolia-docsearch-suggestion--highlight
      background sidebarEntryHoverBackground
      color rgba(0,0,0,.8)

    .algolia-docsearch-suggestion--text
      .algolia-docsearch-suggestion--highlight
        box-shadow inset 0 -2px 0 0 sidebarEntryColor
    .algolia-docsearch-suggestion--subcategory-column
      color #222

  .ds-dropdown-menu
    left 0.6rem !important
    top calc(100% + 0.4rem) !important
    border-radius 3px
    box-shadow 0 0 0 0.0625em rgba(0,0,0,.2), 0 0 0.625em rgba(0,0,0,.2)

    &::before
      top -8px
      border-top-color rgba(0,0,0,.3)
      border-right-color rgba(0,0,0,.3)
      border-radius 0

    [class^=ds-dataset-]
      border none

    .ds-suggestion
      .algolia-docsearch-suggestion--subcategory-column::before,
      .algolia-docsearch-suggestion--content::before
        // TODO: ideally this should match the sidebar box-shadow.
        // However, the rgba version causes some visual artifacts from the overlapping elements.
        background rgb(216.75, 216.75, 216.75)

      &.ds-cursor
        .algolia-docsearch-suggestion--subcategory-column::before,
        .algolia-docsearch-suggestion--content::before
          background sidebarEntryHoverBorderColor

        .algolia-docsearch-suggestion.suggestion-layout-simple,
        .algolia-docsearch-suggestion:not(.suggestion-layout-simple)
          .algolia-docsearch-suggestion--content
            background-color sidebarSearchEntryHoverBackground

  .algolia-docsearch-suggestion--category-header
    margin-bottom .5rem

  .algolia-docsearch-suggestion--wrapper
    padding 0

  h5
    margin 2rem 0 0
    position relative
    line-height 1.5

    a
      display block
      margin-left 0
      margin-right 0
      padding-left 1rem
      padding-right 1rem

    i
      color rgba(204, 204, 204, .6)
      position absolute
      right .6rem
      top .7rem
      font-size 80%

    + ul.topics
      display none
      margin-top 0

    &.parent + ul.topics, &.active + ul.topics
      display block

  ul
    list-style none
    padding 0
    margin 0

    li a
      display flex
      align-items center
      text-decoration none

    &.searched

      a
        // TODO - pick better color?
        color #999999

      &.search-match a
        // TODO - pick better color?
        color #e6e6e6

      &.searched .search-match a:hover
        // TODO - pick better color?
        color #fff

    &.topics
      margin 0
      padding 0

      @media (max-width 47.938em)
        padding-top 0

      &.searched ul
        display block

      ul
        display none
        padding-bottom .5rem

      li.docs-nav-item-header
        display none

        + li
          margin-top .75em

      li.docs-nav-item-header a
        margin 0
        padding 1rem 1rem 1rem 2rem
        font-weight 500

  ul.topics ul ul
    padding-bottom 0

  ul.topics li.parent > ul, li.active > ul
    display block

    &:empty
      display none

  // All child pages of template gallery are hidden from the sidebar
  ul.topics li[data-nav-id="/templates/"]

    .triangle-down, .triangle-up
      display none

    > ul
      display none

  ul.topics > li > a
    font-size 16px
    padding .5rem 1rem .5rem 2rem
    display flex
    align-items center

    @media (max-width 47.938em)
      padding-left 1rem

  ul.topics li a:hover
    background sidebarEntryHoverBackground
    color sidebarEntryColor
    box-shadow inset -1px 0 sidebarEntryHoverBorderColor

    @media (max-width 47.938em)
      box-shadow none

  ul.topics > li > a b
    font-weight normal

  ul li.active > a
    background sidebarEntryHoverBackground
    color sidebarEntryColor

    &, &:hover
      box-shadow inset 3px 0 currentColor, inset -1px 0 sidebarEntryHoverBorderColor

      @media (max-width 47.938em)
        box-shadow inset 3px 0 currentColor // TODO

  ul li
    padding 0

  ul li.visited + span
    margin-right 16px

  ul li a span
    text-overflow ellipsis
    overflow hidden
    white-space nowrap
    display block
    padding-right 4px

  ul li a i
    margin-left auto

  ul li ul li a
    font-size .9em
    padding .25rem 1rem .25rem 3rem

    @media (max-width 47.938em)
      padding-left 2rem

    .triangle-down, .triangle-up
      margin-left 1.125rem

  ul li ul li ul li a
    padding-left 4rem

    @media (max-width 47.938em)
      padding-left 3rem

  ul li ul li ul li ul li a
    padding-left 5rem

    @media (max-width 47.938em)
      padding-left 4rem

  ul li ul li ul li ul li ul li a
    padding-left 6rem

    @media (max-width 47.938em)
      padding-left 5rem

  ul li ul li ul li ul li ul li ul li a
    padding-left 7rem

    @media (max-width 47.938em)
      padding-left 6rem

#main {
  background: #fff;
  margin: 0 0 1.5rem;
}

#body {
  position: relative;
  margin-left: 300px;
  min-height: 100%;
}

#body img,
#body .video-container {
  margin: 3rem auto;
  display: block;
  text-align: center;
}

#body img.border,
#body .video-container.border {
  border: 2px solid #e6e6e6 !important;
  padding: 2px;
}

#body img.shadow,
#body .video-container.shadow {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

#body img.inline {
  display: inline !important;
  margin: 0 !important;
  vertical-align: bottom;
}

#body .bordered {
  border: 1px solid #ccc;
}


#body .padding {
  position: static;
  padding: 1rem;
}

@media (min-width 48em)
  #body .padding
    padding 2rem

.footer-pagination {
  padding: 1rem;
}

@media only all and (min-width: 59.938em) {
  #body .padding {
    padding: 4rem 4rem 1rem 4rem;
  }

  .footer-pagination {
    padding: 1rem 4rem 4rem;
  }
}


#body h1+hr {
  margin-top: -1.7rem;
  margin-bottom: 3rem;
}

#body-inner > *:first-child {
  margin-top: 0;
}

#body-inner > h1:first-child {
  font-weight: 400;
}

#body-inner > *:last-child {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-rendering: optimizeLegibility;
  font-weight: 600;
}

blockquote {
  border-left: 10px solid #F0F2F4;
}

blockquote p {
  font-size: 1.1rem;
  color: #999;
}

blockquote cite {
  display: block;
  text-align: right;
  color: #666;
  font-size: 1.2rem;
}

div.notices {
  padding: 1rem;
  margin: 1rem 0;
  position: relative;
  max-width: 38em;
}

div.notices {
  display: block;
  font-size: 1rem;
}

div.notices p:first-child:before {
  position: absolute;
  top: -27px;
  color: #fff;
  font-family: FontAwesome;
  content: '';
  left: 10px;
}

div.notices p:first-child:after {
  position: absolute;
  top: -27px;
  color: #fff;
  left: 2rem;
}

div.notices > pre {
  background: rgba(0, 0, 0, .1);
}

div.notices > *:first-child {
  margin-top: 0;
}

div.notices > *:last-child {
  margin-bottom: 0;
}

div.notices.info {
  border-top: 30px solid #F59360;
  background: #ffeadf;
}

div.notices.info a {
  color: #F59360;
}

div.notices.info p:first-child:after {
  content: 'Info';
}

div.notices.warning {
  border-top: 30px solid rgba(0, 0, 0, .1);
  background: #EF6A77;
  color: #fff;
}

div.notices.warning p:first-child:after {
  content: 'Warning';
}

div.notices.note {
  border-top: 32px solid #6AB0DE;
  background: #E7F2FA;
}

div.notices.note p:first-child:after {
  content: 'Note';
}

div.notices.tip {
  border-top: 30px solid rgba(0, 0, 0, .1);
  background: #448CC7;
  color: #fff;
}

div.notices.tip p:first-child:after {
  content: 'Tip';
}

code, kbd, pre, samp
  font-family monaco, courier, monospace

code
  font-size 14px
  background #f3f3f4
  color inherit
  padding 2px 4px

// TODO
code + .copy-to-clipboard
  font-size inherit !important // TODO
  vertical-align middle
  height 22px
  top 0

pre
  padding 1rem
  margin 1rem 0
  background #f4f4f4
  color inherit
  line-height 1.25

hr
  border 1px solid #eee
  border-bottom 0

.page-title
  margin-top -25px
  padding 25px
  float left
  clear both
  background #183f81
  color #fff

#body

  a.anchor-link
    color #ccc

    &:hover
      color #183f81

#body-inner

  .tabs-wrapper.ui-theme-badges
    background #1d1f21

    .tabs-nav li
      font-size .9rem
      text-transform uppercase

      a
        background #35393c

      &.current a
        background #4d5257

  pre
    white-space pre-wrap

.tabs-wrapper pre
  margin 1rem 0
  border 0
  padding 0
  background inherit

table
  background #fff
  border-collapse collapse
  border-spacing 0
  border 1px solid #d8d8d8

table th
  vertical-align bottom
  font-weight bold

table th, table td
  padding .75em
  text-align left

table th, tbody td
  border-top 1px solid #d8d8d8

#body-inner > table
  margin 1em 0 2em

.bullets
  margin 1.7rem 0
  margin-left -0.85rem
  margin-right -0.85rem
  overflow auto
  -webkit-overflow-scrolling touch

.bullet
  float left
  padding 0 0.85rem

.two-column-bullet
  width 50%

  @media only all and (max-width 47.938em)
    width 100%

.three-column-bullet
  width 33.33333%

  @media only all and (max-width 47.938em)
    width 100%

.four-column-bullet
  width 25%

  @media only all and (max-width 47.938em)
    width 100%

.bullet-icon
  float left
  background #183f81
  padding 0.875rem
  width 3.5rem
  height 3.5rem
  border-radius 50%
  color #fff
  font-size 1.75rem
  text-align center

.bullet-icon-1
  background #183f81;

.bullet-icon-2
  background #00f3d8;

.bullet-icon-3
  background #e6f300;

.bullet-content
  margin-left 4.55rem

.highlightable {
  padding: 0rem 0 0rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: 100%;
}

.featherlight img {
  margin: 0 !important;
}

@media only all and (max-width: 59.938em) {
  #sidebar {
    width: 230px;
  }
  #body {
    margin-left: 230px;
  }
}

@media only all and (max-width: 47.938em) {
  #sidebar {
    width: 230px;
    transform: translateX(-230px);
    z-index: 8;
    background: #fff;
    transition: transform .3s ease;
  }
  #body {
    margin-left: 0;
    width: 100%;
  }
  .with-sidebar-open {
    overflow: hidden;
  }
  .with-sidebar-open #sidebar {
    transform: translateX(0);
  }
  .with-sidebar-open #body {
    overflow: hidden;
  }
  .with-sidebar-open #overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
  }
}

.copy-to-clipboard {
  background-image: url(../images/clippy.svg);
  background-position: 50% 50%;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  width: 27px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px!important;
  color: #052844;
  cursor: pointer;
  border-radius: 0 2px 2px 0;
}

.copy-to-clipboard:hover {
  opacity: .7;
}

pre .copy-to-clipboard {
  position: absolute;
  right: 4px;
  margin-top: 8px;
  background-color: transparent;
  color: #ccc;
  border-radius: 2px;
}

pre .copy-to-clipboard:hover {
  background-color: transparent;
  opacity: .7;
}

.parent-element {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

#sidebar > div {
  display: flex;
  flex-direction: column;
}

#sidebar > div > #footer {
  margin-top: auto;
  padding-bottom: 1rem;
}

#sidebar ul li .category-icon {
  color: inherit;
  display: block;
  float: right;
  position: absolute;
  right: 0px;
  margin: 0px !important;
  padding-left: 20px !important;
  top: 9px;
}

#sidebar ul li.active>a .category-icon {
  right: 15px;
}

#sidebar #shortcuts h3 {
  color: white;
}

#shortcuts {
  margin-top: 4rem;
}

#shortcuts li a {
  background: #2F7BBF;
  color: #fff;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-align: center;
  border-radius: .25rem;
  transition: background-color .125s ease-in;
}

#shortcuts li a:hover,
#shortcuts li a:focus {
  background-color: #2f70a7;
  transition: background-color .125s ease-in;
}

#searchResults {
  text-align: left;
}


/*# sourceMappingURL=theme.css.map */


/* Children shortcode */

.children p {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.children-li p {
  font-style: italic;
}

.children-h2 p,
.children-h3 p {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.children h3,
.children h2 {
  margin-bottom: 0px;
  margin-top: 5px;
}

@media print {
  #sidebar,
  #navigation {
    display: none;
  }
  #navigation * {
    display: none;
    visibility: hidden;
  }
  #body-inner {
    margin-bottom: 0px;
  }
  #body {
    margin-left: 0px;
  }
}

// TODO - clean up / move into #sidebar?
.triangle-up
  display block
  width 0
  height 0
  border-style solid
  border-width 0 6px 8px 6px
  border-color transparent transparent currentColor transparent
  opacity .65

.triangle-down
  display block
  width 0
  height 0
  border-style solid
  border-width 8px 6px 0 6px
  border-color currentColor transparent transparent transparent
  opacity .65

// TODO
#navigation
  text-align justify

  .nav-prev.nav-prev, .nav-next.nav-next
    display inline-block
    border-radius 2px
    color #fff
    background #2F7BBF
    padding-top .5rem
    padding-bottom .5rem
    padding-left 1rem
    padding-right 1rem
    margin-right 4px

pre code, pre code.hljs
  display block
  white-space inherit
  border 0
  padding 0
  margin 0
  font-size 14px
  background transparent
  overflow-x auto
  overflow-wrap break-word
  -webkit-overflow-scrolling touch
  padding 0
  color inherit

.hljs-emphasis
  font-style italic

.hljs-strong
  font-weight bold

img
  max-width 100%