@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,500,600);html {
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent; }

*,
*:before,
*:after {
  box-sizing: inherit; }

body {
  margin: 0; }

iframe {
  border: 0; }

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
figure,
button {
  margin: 0;
  padding: 0; }

li {
  display: block; }

strong {
  font-weight: bold; }

sup {
  position: relative;
  top: -.5em;
  font-size: 65%;
  line-height: 0;
  vertical-align: baseline; }

a,
button {
  color: inherit; }

a {
  text-decoration: none; }

button {
  overflow: visible;
  border: 0;
  font: inherit;
  letter-spacing: inherit;
  background: none;
  cursor: pointer;
  -webkit-font-smoothing: inherit; }
  button:focus {
    outline: 0; }

::-moz-focus-inner {
  padding: 0;
  border: 0; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }

/*

    Name:       Base16 Solarized Light
    Author:     Ethan Schoonover (http://ethanschoonover.com/solarized)

    Pygments template by Jan T. Sott (https://github.com/idleberg)
    Created with Base16 Builder by Chris Kempson (https://github.com/chriskempson/base16-builder)

*/
.syntax .hll {
  background-color: #eee8d5; }

.syntax {
  background: #fdf6e3;
  color: #002b36; }

.syntax .c {
  color: #839496; }

/* Comment */
.syntax .err {
  color: #dc322f; }

/* Error */
.syntax .k {
  color: #6c71c4; }

/* Keyword */
.syntax .l {
  color: #cb4b16; }

/* Literal */
.syntax .n {
  color: #002b36; }

/* Name */
.syntax .o {
  color: #2aa198; }

/* Operator */
.syntax .p {
  color: #002b36; }

/* Punctuation */
.syntax .cm {
  color: #839496; }

/* Comment.Multiline */
.syntax .cp {
  color: #839496; }

/* Comment.Preproc */
.syntax .c1 {
  color: #839496; }

/* Comment.Single */
.syntax .cs {
  color: #839496; }

/* Comment.Special */
.syntax .gd {
  color: #dc322f; }

/* Generic.Deleted */
.syntax .ge {
  font-style: italic; }

/* Generic.Emph */
.syntax .gh {
  color: #002b36;
  font-weight: bold; }

/* Generic.Heading */
.syntax .gi {
  color: #859900; }

/* Generic.Inserted */
.syntax .gp {
  color: #839496;
  font-weight: bold; }

/* Generic.Prompt */
.syntax .gs {
  font-weight: bold; }

/* Generic.Strong */
.syntax .gu {
  color: #2aa198;
  font-weight: bold; }

/* Generic.Subheading */
.syntax .kc {
  color: #6c71c4; }

/* Keyword.Constant */
.syntax .kd {
  color: #6c71c4; }

/* Keyword.Declaration */
.syntax .kn {
  color: #2aa198; }

/* Keyword.Namespace */
.syntax .kp {
  color: #6c71c4; }

/* Keyword.Pseudo */
.syntax .kr {
  color: #6c71c4; }

/* Keyword.Reserved */
.syntax .kt {
  color: #b58900; }

/* Keyword.Type */
.syntax .ld {
  color: #859900; }

/* Literal.Date */
.syntax .m {
  color: #cb4b16; }

/* Literal.Number */
.syntax .s {
  color: #859900; }

/* Literal.String */
.syntax .na {
  color: #268bd2; }

/* Name.Attribute */
.syntax .nb {
  color: #002b36; }

/* Name.Builtin */
.syntax .nc {
  color: #b58900; }

/* Name.Class */
.syntax .no {
  color: #dc322f; }

/* Name.Constant */
.syntax .nd {
  color: #2aa198; }

/* Name.Decorator */
.syntax .ni {
  color: #002b36; }

/* Name.Entity */
.syntax .ne {
  color: #dc322f; }

/* Name.Exception */
.syntax .nf {
  color: #268bd2; }

/* Name.Function */
.syntax .nl {
  color: #002b36; }

/* Name.Label */
.syntax .nn {
  color: #b58900; }

/* Name.Namespace */
.syntax .nx {
  color: #268bd2; }

/* Name.Other */
.syntax .py {
  color: #002b36; }

/* Name.Property */
.syntax .nt {
  color: #2aa198; }

/* Name.Tag */
.syntax .nv {
  color: #dc322f; }

/* Name.Variable */
.syntax .ow {
  color: #2aa198; }

/* Operator.Word */
.syntax .w {
  color: #002b36; }

/* Text.Whitespace */
.syntax .mf {
  color: #cb4b16; }

/* Literal.Number.Float */
.syntax .mh {
  color: #cb4b16; }

/* Literal.Number.Hex */
.syntax .mi {
  color: #cb4b16; }

/* Literal.Number.Integer */
.syntax .mo {
  color: #cb4b16; }

/* Literal.Number.Oct */
.syntax .sb {
  color: #859900; }

/* Literal.String.Backtick */
.syntax .sc {
  color: #002b36; }

/* Literal.String.Char */
.syntax .sd {
  color: #839496; }

/* Literal.String.Doc */
.syntax .s2 {
  color: #859900; }

/* Literal.String.Double */
.syntax .se {
  color: #cb4b16; }

/* Literal.String.Escape */
.syntax .sh {
  color: #859900; }

/* Literal.String.Heredoc */
.syntax .si {
  color: #cb4b16; }

/* Literal.String.Interpol */
.syntax .sx {
  color: #859900; }

/* Literal.String.Other */
.syntax .sr {
  color: #859900; }

/* Literal.String.Regex */
.syntax .s1 {
  color: #859900; }

/* Literal.String.Single */
.syntax .ss {
  color: #859900; }

/* Literal.String.Symbol */
.syntax .bp {
  color: #002b36; }

/* Name.Builtin.Pseudo */
.syntax .vc {
  color: #dc322f; }

/* Name.Variable.Class */
.syntax .vg {
  color: #dc322f; }

/* Name.Variable.Global */
.syntax .vi {
  color: #dc322f; }

/* Name.Variable.Instance */
.syntax .il {
  color: #cb4b16; }

/* Literal.Number.Integer.Long */
h4, small, .article__metadata, .button, .button--secondary, .button--disabled, .button--disabled:hover, .content table, .content blockquote, .application-notice, .sidebar {
  font-size: 0.85rem;
  line-height: 1.6rem; }

h3, .button--large, .code, .content pre {
  font-size: 1rem;
  line-height: 1.6rem; }

.hero {
  font-size: 1.28rem;
  line-height: 2.048rem; }

h2, .footer__fine-print__social {
  font-size: 1.5rem;
  line-height: 2.4rem; }

.header__menu-toggler, .header__menu-toggler--is-active {
  font-size: 2rem;
  line-height: 3.2rem; }

h1 {
  font-size: 2.25rem;
  line-height: 3.6rem; }

html {
  font-size: 87.5%;
  line-height: 1.6em; }

@media (min-width: 668px) {
  html {
    font-size: 1.05rem; } }

body {
  background-color: #fff;
  color: #504335;
  font-family: "Work Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1,
h2,
h3,
p,
ul,
ol {
  margin-bottom: 1.6rem;
  margin-top: 0; }

h1 {
  font-weight: 600;
  color: #333; }

h2 {
  font-weight: 500;
  color: #333; }

h3 {
  font-weight: 600;
  color: #333;
  letter-spacing: 0.125em;
  text-transform: uppercase; }

h4 {
  margin-bottom: 1.6rem;
  font-weight: 600;
  color: #333;
  letter-spacing: 0.125em;
  text-transform: uppercase; }

p:last-child,
ul:last-child,
ol:last-child {
  margin-bottom: 0rem; }

ul, ol {
  margin-left: 1.6rem; }

li {
  display: list-item;
  list-style-type: disc; }

@media (min-width: 668px) {
  small {
    font-size: 0.74rem;
    line-height: 1.6rem; } }

strong {
  font-weight: 500; }

a {
  font-weight: 500;
  color: #9254a8;
  text-decoration: underline; }
  a:hover {
    color: #663b75; }

mark {
  background-color: #f7f5f3;
  color: #504335;
  padding: 0.2rem 0.4rem; }

pre {
  margin: 0; }
  pre code {
    padding: 0; }

code {
  background-color: #f7f5f3;
  color: #504335;
  padding: 0.2rem 0.4rem; }

.article {
  margin-bottom: 1.6rem; }
  .article:last-child {
    margin-bottom: 0rem; }
  .article__title {
    margin-bottom: 0rem; }
    .article__title__link, .article__title__link--is-active {
      text-decoration: none; }
      .article__title__link--is-active {
        color: #333; }
  .article__metadata {
    margin-bottom: 1.6rem; }
  .article__tags {
    display: inline-block;
    margin: 0; }
  .article__tag {
    display: inline-block;
    margin-right: 0.25rem; }
    .article__tag:after {
      content: ','; }
    .article__tag:last-child:after {
      content: ''; }

.button, .button--secondary, .button--disabled, .button--disabled:hover {
  font-weight: 600;
  background-color: #9254a8;
  border-radius: 0.3em;
  color: #fff;
  display: inline-block;
  letter-spacing: 0.15em;
  padding: 0.32rem 0.96rem;
  text-decoration: none;
  text-transform: uppercase; }
  .button:hover, .button--secondary:hover, .button--disabled:hover {
    background-color: #663b75;
    color: #fff; }
  .button--large {
    padding: 0.96rem 1.6rem; }
  .button--full {
    display: block;
    text-align: center; }
  .button--secondary {
    background-color: #fff;
    color: #9254a8; }
    .button--secondary:hover {
      background-color: #fff;
      color: #663b75; }
  .button--disabled, .button--disabled:hover {
    background-color: #f7f5f3;
    color: #d8cfc5; }

.code, .content pre {
  line-height: 1.2rem;
  background-color: #f7f5f3;
  border-radius: 0.5em;
  font-family: Menlo, monospace;
  overflow: auto;
  padding: 1.6rem;
  -webkit-overflow-scrolling: touch; }

.content {
  background-color: #fff;
  padding: 1.6rem; }
  @media (min-width: 668px) {
    .content {
      border-radius: 0.3rem;
      padding: 2.4rem; } }
  .content pre {
    margin-bottom: 1.6rem;
    display: block; }
    .content pre:last-child {
      margin-bottom: 0rem; }
  .content hr {
    margin-left: 16.66667%;
    margin-right: 16.66667%;
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
    background-color: #f7f5f3;
    border: 0;
    color: #f7f5f3;
    display: block;
    height: 0.2rem; }
  .content table {
    margin-bottom: 1.6rem;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%; }
    .content table th {
      font-weight: 600;
      border-bottom: 0.25rem solid #d8cfc5;
      margin: 0;
      padding: 0.4rem 0.8rem;
      text-align: left; }
    .content table tr:nth-child(2n) {
      background-color: #f7f5f3; }
    .content table td {
      margin: 0;
      padding: 0.4rem 0.8rem; }
  .content blockquote {
    margin: 0;
    margin-bottom: 1.6rem;
    background-color: #fff0f3;
    border-radius: 0.5rem;
    color: #90001e;
    padding: 1.6rem; }
    .content blockquote:last-child {
      margin-bottom: 0rem; }
  .content .text-center {
    text-align: center; }

.toc {
  margin-bottom: 2rem; }
  .toc h2 {
    margin-bottom: .5rem; }
  .toc ol {
    margin-left: 0.5rem;
    padding-left: 1.5rem; }
    @media (min-width: 321px) and (max-width: 667px) {
      .toc ol {
        column-count: 1; } }
    @media (min-width: 321px) and (max-width: 667px) {
      .toc ol {
        column-count: 2; } }
    @media (min-width: 668px) {
      .toc ol {
        column-count: 3; } }
    .toc ol li {
      padding-top: .50em;
      list-style-type: decimal; }

.application-notice {
  padding: 5px 12px 15px 12px;
  line-height: 24px;
  margin-bottom: 24px;
  border-radius: 0.3rem; }
  .application-notice .notice-title {
    margin: -5px -12px 15px;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    padding: 3px 12px 3px 12px; }

.info-notice {
  color: #0f6995;
  background-color: #dbf1fb; }
  .info-notice .notice-title {
    color: #FFF;
    background-color: #50baed; }

.warning-notice {
  color: #90001e;
  background-color: #fff0f3; }
  .warning-notice .notice-title {
    color: #FFF;
    background-color: #ff2a56; }

.footer {
  background-color: #fff;
  padding: 1.6rem; }
  .footer__content {
    margin-bottom: 1.6rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    text-align: center; }
    @media (min-width: 668px) {
      .footer__content {
        padding-left: 10.41667%;
        padding-right: 10.41667%; } }
  .footer__header {
    text-align: center; }
    .footer__header:after {
      background-color: #9254a8;
      content: '';
      display: block;
      height: 0.32rem;
      margin: 1.6rem auto 0 auto;
      width: 2.4rem; }
  .footer__fine-print {
    align-items: center;
    display: flex;
    justify-content: space-between; }
    .footer__fine-print__social {
      display: flex;
      flex-grow: 0; }
      .footer__fine-print__social__icon, .footer__fine-print__social__icon--last {
        color: #504335;
        margin-right: 1.6rem; }
        .footer__fine-print__social__icon:hover, .footer__fine-print__social__icon--last:hover {
          color: #333; }
        .footer__fine-print__social__icon--last {
          margin-right: 0; }

.grid {
  max-width: 60.71429rem;
  margin-left: auto;
  margin-right: auto; }
  .grid:after {
    content: " ";
    display: block;
    clear: both; }

.header {
  margin-bottom: 3.2rem;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .header__logo {
    background-image: url(/images/logo--small.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 2.272rem;
    width: 6.816rem; }
    @media (min-width: 321px) {
      .header__logo {
        background-image: url(/images/logo.svg);
        width: 19.17rem; } }
    @media (min-width: 668px) {
      .header__logo {
        height: 1.6rem;
        width: 13.5rem; } }
    .header__logo__link {
      overflow: hidden;
      text-indent: -1000px;
      display: block;
      height: 100%; }
  .header__menu-toggler, .header__menu-toggler--is-active {
    color: #9254a8; }
    @media (min-width: 668px) {
      .header__menu-toggler, .header__menu-toggler--is-active {
        display: none; } }
    .header__menu-toggler--is-active {
      color: #333; }
  .header__menu, .header__menu--is-active {
    display: none;
    flex-basis: 100%; }
    @media (min-width: 668px) {
      .header__menu, .header__menu--is-active {
        display: block;
        flex-basis: auto; } }
    .header__menu--is-active {
      margin-top: 1.6rem;
      display: block; }
      @media (min-width: 668px) {
        .header__menu--is-active {
          margin-top: 0rem; } }

.hero {
  padding-top: 1.6rem;
  text-align: center; }
  @media (min-width: 668px) {
    .hero {
      padding-left: 18.75%;
      padding-right: 18.75%; } }
  .hero__logo {
    margin-bottom: 3.2rem; }
    .hero__logo__image {
      max-width: 40%;
      width: 100%; }
  .hero__intro {
    margin-bottom: 3.2rem; }
    .hero__intro__name {
      font-weight: 600;
      letter-spacing: -0.025em; }
  .hero__buttons {
    margin-bottom: 3.2rem;
    padding-left: 10.41667%;
    padding-right: 10.41667%; }
    @media (min-width: 668px) {
      .hero__buttons {
        padding-left: 18.75%;
        padding-right: 18.75%; } }
  .hero__announcement {
    font-weight: 500;
    color: #333;
    text-decoration: none; }
    .hero__announcement:hover {
      color: #9254a8; }

.inline-buttons, .inline-buttons--stacked {
  margin-left: 0; }
  .inline-buttons--centered {
    text-align: center; }
  .inline-buttons__button, .inline-buttons__button--last, .inline-buttons__spacer, .inline-buttons--stacked__button, .inline-buttons--stacked__button--last {
    display: inline-block;
    list-style: none;
    margin-right: 0.8rem; }
    .inline-buttons__button--last {
      margin-right: 0; }
  .inline-buttons__spacer--wide {
    padding-left: 0.8rem;
    padding-right: 0.8rem; }
  .inline-buttons--stacked__button, .inline-buttons--stacked__button--last {
    margin-bottom: 1.2rem;
    display: block;
    margin-right: 0; }
    .inline-buttons--stacked__button--last {
      margin-bottom: 0rem; }

.menu__items {
  margin-left: 0; }
  @media (min-width: 668px) {
    .menu__items {
      display: flex; } }

.menu__item, .menu__item--last {
  list-style: none; }
  @media (max-width: 735px) {
    .menu__item, .menu__item--last {
      border-bottom: 0.1rem solid #ede8e4; }
      .menu__item:first-child, .menu__item--last:first-child {
        border-top: 0.1rem solid #ede8e4; } }
  @media (min-width: 668px) {
    .menu__item, .menu__item--last {
      margin-right: 1.2rem; } }
  @media (min-width: 668px) {
    .menu__item--last {
      margin-right: 0; } }
  .menu__item__link, .menu__item__link--is-active {
    font-weight: 600;
    display: block;
    text-decoration: none;
    text-transform: uppercase; }
    @media (max-width: 735px) {
      .menu__item__link, .menu__item__link--is-active {
        padding-top: 0.8rem;
        padding-bottom: 0.8rem; } }
    @media (min-width: 668px) {
      .menu__item__link, .menu__item__link--is-active {
        font-size: 0.85rem;
        line-height: 1.6rem; } }
    .menu__item__link--is-active {
      color: #333; }

.page {
  background-color: #f7f5f3;
  padding: 1.6rem;
  padding-bottom: 3.2rem; }
  .page .grid {
    max-width: 1165px; }
  @media (min-width: 668px) {
    .page__sidebar {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 25%;
      float: left;
      padding-right: 1.6rem; } }
  @media (min-width: 668px) {
    .page__sidebar + .page__content {
      float: left; } }
  .page__content {
    margin-left: -1.6rem;
    margin-right: -1.6rem; }
    @media (min-width: 668px) {
      .page__content {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 75%;
        float: left;
        float: none;
        margin-left: auto;
        margin-right: auto; } }

.sidebar {
  margin-bottom: 1.6rem; }
  .sidebar__header, .sidebar__header--first {
    margin-bottom: 0.8rem;
    letter-spacing: 0;
    text-transform: none; }
    .sidebar__header--first {
      margin-bottom: 1.6rem; }
  .sidebar__items {
    margin-left: 0; }
  .sidebar__item, .sidebar__sub-item {
    margin-bottom: 0.4rem;
    display: block; }
    .sidebar__item__icon {
      display: inline-block;
      width: 1.2rem; }
  .sidebar__link, .sidebar__link--is-active, .sidebar__sub-link--is-active, .sidebar__sub-link {
    font-weight: 500;
    display: block;
    text-decoration: none; }
    .sidebar__link--is-active, .sidebar__sub-link--is-active {
      color: #333; }
  .sidebar__sub-items {
    margin-left: 1.2rem; }
  .sidebar__sub-item {
    margin-bottom: 0rem; }
  .sidebar__sub-link {
    font-weight: 400; }
  .sidebar__version select {
    letter-spacing: 0; }

.feedback {
  margin-top: 1rem; }
  .feedback .inline-buttons, .feedback .inline-buttons--stacked {
    float: right; }
  .feedback .button, .feedback .button--secondary, .feedback .button--disabled {
    margin-left: 1rem;
    font-size: 0.65rem; }

blockquote .hd {
  margin-bottom: 0.35rem; }
  blockquote .hd:hover .anchor {
    display: none; }

.hd {
  display: block;
  margin-bottom: 1.2rem; }
  .hd .anchor {
    padding-right: 2px;
    margin-left: -18px;
    display: none; }
  .hd:hover .anchor {
    display: inline-block; }
