@charset "UTF-8";
/* ==========================================================================
   Global Vars
   ========================================================================== */
/* =========================================================================
   Layout
   ========================================================================= */
/* =========================================================================
   Breakpoints
   ========================================================================= */
/* =========================================================================
   Colors
   ========================================================================= */
/* =========================================================================
   Typography
   ========================================================================= */
/* =========================================================================
   Timing Function
   ========================================================================= */
/* =========================================================================
   Border Radii
   ========================================================================= */
/* =========================================================================
   Shadow Distance
   ========================================================================= */
/* =========================================================================
   layout
   ========================================================================= */
/* ==========================================================================
   Functions
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/* ==========================================================================
   Creates a sizing and vertical rhythm type style with the given value. The
   CSS `line-height` property remains unitless to avoid unexpected results.
   ========================================================================== */
/* ==========================================================================
   mixins/prefixer
   ========================================================================== */
/* ==========================================================================
   mixins/animation
   ========================================================================== */
/* ==========================================================================
   Transitions
   ========================================================================== */
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=e7becabb-204e-4503-bb59-9e33ed900aa3");
.csstransforms3d .fade-in--top-1 {
  -moz-animation: fade-in--top 600ms cubic-bezier(0.6, 0, 0.5, 1) both 1s;
  -o-animation: fade-in--top 600ms cubic-bezier(0.6, 0, 0.5, 1) both 1s;
  -webkit-animation: fade-in--top 600ms cubic-bezier(0.6, 0, 0.5, 1) both 1s;
  animation: fade-in--top 600ms cubic-bezier(0.6, 0, 0.5, 1) both 1s;
  opacity: 0; }

.csstransforms3d .fade-in--top-2 {
  -moz-animation: fade-in--top 600ms cubic-bezier(0.6, 0, 0.5, 1) both 1.5s;
  -o-animation: fade-in--top 600ms cubic-bezier(0.6, 0, 0.5, 1) both 1.5s;
  -webkit-animation: fade-in--top 600ms cubic-bezier(0.6, 0, 0.5, 1) both 1.5s;
  animation: fade-in--top 600ms cubic-bezier(0.6, 0, 0.5, 1) both 1.5s;
  opacity: 0; }

.csstransforms3d .fade-in--top-3 {
  -moz-animation: fade-in--top 600ms cubic-bezier(0.6, 0, 0.5, 1) both 1.6s;
  -o-animation: fade-in--top 600ms cubic-bezier(0.6, 0, 0.5, 1) both 1.6s;
  -webkit-animation: fade-in--top 600ms cubic-bezier(0.6, 0, 0.5, 1) both 1.6s;
  animation: fade-in--top 600ms cubic-bezier(0.6, 0, 0.5, 1) both 1.6s;
  opacity: 0; }

.csstransforms3d .fade-in {
  -moz-animation: fade-in 600ms cubic-bezier(0.6, 0, 0.5, 1) both 0.7s;
  -o-animation: fade-in 600ms cubic-bezier(0.6, 0, 0.5, 1) both 0.7s;
  -webkit-animation: fade-in 600ms cubic-bezier(0.6, 0, 0.5, 1) both 0.7s;
  animation: fade-in 600ms cubic-bezier(0.6, 0, 0.5, 1) both 0.7s;
  opacity: 0; }

/* ==========================================================================
   Flexbox
   ========================================================================== */
/* ==========================================================================
   Browser Prefixes
   ========================================================================== */
/* ==========================================================================
   Transition
   usage: @include transition(transition-props)

   Shorthand mixin. Supports multiple parentheses-deliminated values for each variable.
   Example:  @include transition (all 2s ease-in-out);
             @include transition (opacity 1s ease-in 2s, width 2s ease-out);
             @include transition-property (transform, opacity);
   ========================================================================== */
/* ==========================================================================
   Placeholder Styles
   ========================================================================== */
/* ==========================================================================
   mixins/animation
   Adds keyframes blocks for supported prefixes, removing redundant prefixes in the block's content
   ========================================================================== */
/* ==========================================================================
   Animation Helpers
   ========================================================================== */
@-webkit-keyframes fade-in--top {
  0% {
    -webkit-transform: translate3d(0px, -30px, 0px);
    -moz-transform: translate3d(0px, -30px, 0px);
    -ms-transform: translate3d(0px, -30px, 0px);
    transform: translate3d(0px, -30px, 0px);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-moz-keyframes fade-in--top {
  0% {
    -webkit-transform: translate3d(0px, -30px, 0px);
    -moz-transform: translate3d(0px, -30px, 0px);
    -ms-transform: translate3d(0px, -30px, 0px);
    transform: translate3d(0px, -30px, 0px);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-o-keyframes fade-in--top {
  0% {
    -webkit-transform: translate3d(0px, -30px, 0px);
    -moz-transform: translate3d(0px, -30px, 0px);
    -ms-transform: translate3d(0px, -30px, 0px);
    transform: translate3d(0px, -30px, 0px);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fade-in--top {
  0% {
    -webkit-transform: translate3d(0px, -30px, 0px);
    -moz-transform: translate3d(0px, -30px, 0px);
    -ms-transform: translate3d(0px, -30px, 0px);
    transform: translate3d(0px, -30px, 0px);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* ==========================================================================
   Normalizing
   ========================================================================== */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Global
   ========================================================================== */
* {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* ==========================================================================
   Headings
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

/* =========================================================================
   Anchor
   ========================================================================== */
a {
  text-decoration: none; }

/* ==========================================================================
   Paragraph
   ========================================================================== */
p {
  margin: 0; }

/* ==========================================================================
   List
   ========================================================================== */
ul {
  list-style: none;
  margin: 0;
  padding: 0; }

/* ==========================================================================
   Image
   ========================================================================== */
img {
  max-width: 100%; }

/* ==========================================================================
   Base
   ========================================================================== */
/* tracks pageviews */
/* thin */
@font-face {
  font-family: 'Avenir Next W01';
  font-weight: 200;
  font-style: normal;
  src: url("https://assets.braintreegateway.com/fonts/64779e28-a3b8-4364-949c-771372a0a327.woff2") format("woff2"), url("https://assets.braintreegateway.com/fonts/c6c8e4be-17eb-4475-bbfc-bb485ffde766.woff") format("woff");
  font-display: swap; }

/* light */
@font-face {
  font-family: 'Avenir Next W01';
  font-weight: 300;
  font-style: normal;
  src: url("https://assets.braintreegateway.com/fonts/49c5f3e1-5867-4b1d-a843-2d07fa60d85d.woff2") format("woff2"), url("https://assets.braintreegateway.com/fonts/f401df6f-54eb-406c-b46a-90b9451c598d.woff") format("woff");
  font-display: swap; }

/* regular */
@font-face {
  font-family: 'Avenir Next W01';
  font-weight: 400;
  font-style: normal;
  src: url("https://assets.braintreegateway.com/fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"), url("https://assets.braintreegateway.com/fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff");
  font-display: swap; }

/* regular italic */
@font-face {
  font-family: 'Avenir Next W01';
  font-weight: 400;
  font-style: italic;
  src: url("https://assets.braintreegateway.com/fonts/7377dbe6-f11a-4a05-b33c-bc8ce1f60f84.woff2") format("woff2"), url("https://assets.braintreegateway.com/fonts/92b66dbd-4201-4ac2-a605-4d4ffc8705cc.woff") format("woff");
  font-display: swap; }

/* medium */
@font-face {
  font-family: 'Avenir Next W01';
  font-weight: 500;
  font-style: normal;
  src: url("https://assets.braintreegateway.com/fonts/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2") format("woff2"), url("https://assets.braintreegateway.com/fonts/f26faddb-86cc-4477-a253-1e1287684336.woff") format("woff");
  font-display: swap; }

/* demi bold */
@font-face {
  font-family: 'Avenir Next W01';
  font-weight: 600;
  font-style: normal;
  src: url("https://assets.braintreegateway.com/fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"), url("https://assets.braintreegateway.com/fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff");
  font-display: swap; }

/* demi bold italic */
@font-face {
  font-family: 'Avenir Next W01';
  font-weight: 600;
  font-style: italic;
  src: url("https://assets.braintreegateway.com/fonts/687932cb-145b-4690-a21d-ed1243db9e36.woff2") format("woff2"), url("https://assets.braintreegateway.com/fonts/bc350df4-3100-4ce1-84ce-4a5363dbccfa.woff") format("woff");
  font-display: swap; }

/* bold */
@font-face {
  font-family: 'Avenir Next W01';
  font-weight: 800;
  font-style: normal;
  src: url("https://assets.braintreegateway.com/fonts/14c73713-e4df-4dba-933b-057feeac8dd1.woff2") format("woff2"), url("https://assets.braintreegateway.com/fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff") format("woff");
  font-display: swap; }

/* brand font */
@font-face {
  font-family: 'B_Proportional-Bold';
  font-style: normal;
  font-weight: 700;
  src: local("BMono Proportional"), url("https://assets.braintreegateway.com/fonts/B_Proportional-Bold.woff") format("woff"), url("https://assets.braintreegateway.com/fonts/B_Proportional-Bold.woff2") format("woff2");
  font-display: swap; }

.button, .ais-infinite-hits--showmore button {
  background: #000000;
  border-radius: 0.25rem;
  border: 0;
  cursor: pointer;
  color: white;
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  padding: 0.5rem 1.5rem;
  transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1); }
  .button:focus, .ais-infinite-hits--showmore button:focus {
    background: #1524D9;
    box-shadow: 0 0 0 0.4375rem rgba(21, 36, 217, 0.1);
    color: #FFFFFF;
    transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1);
    outline: none; }
  .button:hover, .ais-infinite-hits--showmore button:hover {
    background: #1524D9;
    color: #FFFFFF;
    transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1); }
  .articles .button, .articles .ais-infinite-hits--showmore button, .ais-infinite-hits--showmore .articles button {
    color: #FFFFFF; }

/* ==========================================================================
   Button styles
   ========================================================================== */
.button--primary {
  background-color: #1524D9; }
  .button--primary:hover, .button--primary:focus {
    background-color: #2332ea; }

.button--secondary {
  background: #EDEEF2;
  color: #000000; }
  .articles .button--secondary {
    color: #000000; }
  .button--secondary:hover {
    background-color: #e2e4fc;
    color: #1524D9;
    transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1); }
  .button--secondary:focus {
    background: #EDEEF2;
    box-shadow: 0 0 0 0.125rem #1524D9, 0 0 0 0.4375rem rgba(21, 36, 217, 0.1);
    color: #000000;
    outline: none;
    transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1); }
  .button--secondary svg {
    fill: currentColor; }

.button--circle {
  border-radius: 5rem;
  cursor: pointer;
  padding: 1rem;
  display: inline-flex; }

.button--small, .ais-infinite-hits--showmore button {
  font-size: 0.875rem;
  padding: 0.5rem 1rem; }

.button--warning:focus {
  background: #EE0000;
  box-shadow: 0 0 0 0.4375rem rgba(238, 0, 0, 0.1); }

.menu__button {
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.08);
  left: 0.375rem;
  margin-top: 0.375rem;
  position: absolute;
  top: 8.4rem;
  z-index: 5; }
  @media (min-width: 55rem) {
    .menu__button {
      display: none; } }

/* ==========================================================================
Flex utilties
========================================================================== */
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.flex-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row; }

.flex-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.flex-justify-end {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-pack: end; }

.flex-justify-start {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-pack: start; }

.flex-justify--center {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center; }

.flex-justify--between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify; }

.flex-align--center {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center; }

.flex-wrap--wrap {
  flex-wrap: wrap; }

/* ==========================================================================
Layout
========================================================================== */
html,
body {
  height: 100%; }

body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.flex-header {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify; }

.flex-body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  height: 100vh;
  overflow: hidden; }
  @media (max-width: 55rem) {
    .flex-body {
      overflow: auto;
      height: auto; } }
  .ie9 .flex-body {
    display: block;
    margin: 0 auto;
    overflow: auto;
    width: 1040px; }

.flex-sidebar {
  height: calc(100vh-$global-header-height);
  overflow-y: scroll;
  margin-top: 8.4rem; }
  @media (max-width: 55rem) {
    .flex-sidebar {
      margin-top: 0; } }
  @media (min-width: 55rem) {
    .flex-sidebar {
      -webkit-box-flex: 0 0 13.25rem;
      -webkit-flex: 0 0 13.25rem;
      -ms-flex: 0 0 13.25rem;
      flex: 0 0 13.25rem;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; } }
  @media (min-width: 71.875rem) {
    .flex-sidebar {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      -webkit-box-flex: 0 0 17.75em;
      -webkit-flex: 0 0 17.75em;
      -ms-flex: 0 0 17.75em;
      flex: 0 0 17.75em;
      -ms-flex-order: -1;
      -webkit-box-ordinal-group: -1;
      -moz-box-ordinal-group: -1;
      -webkit-order: -1;
      order: -1; } }
  .app--collapsed .flex-sidebar {
    margin-top: 4.2rem; }
  .menu-is-hidden .flex-sidebar {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    display: none; }
  .ie9 .flex-sidebar {
    display: block;
    float: left;
    width: 25%; }

.flex-content {
  -webkit-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
  min-height: calc(100vh - 8.4rem);
  min-width: 0.0625rem;
  margin-top: 8.4rem;
  overflow-y: scroll;
  width: 100%; }
  @media (max-width: 55rem) {
    .flex-content {
      margin-top: 0;
      overflow-y: auto; } }
  .app--collapsed .flex-content {
    margin-top: 4.2rem; }
  .ie9 .flex-content {
    float: left;
    position: relative;
    width: 75%;
    z-index: 999; }

.flex-content--noscroll {
  -ms-overflow-style: none; }

.flex--constrained {
  max-width: 45em;
  padding: 1.875em 1.875em 5em 1.875em; }

/* STAND ALONE CONTAINERS ----------*/
.container--center {
  -webkit-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin: 0 auto;
  width: 52.5rem; }
  @media (max-width: 55rem) {
    .container--center {
      padding: 1rem;
      width: 100%; } }

.container--center--small {
  margin: 0 auto;
  max-width: 43.75rem; }

.centered--vertical {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 30rem; }
  .centered--vertical svg {
    width: auto; }

.stop-scroll {
  height: 100%;
  overflow: hidden; }

.documentation-content__wrapper, .articles-content__wrapper {
  padding-left: 2rem; }
  @media (max-width: 55rem) {
    .documentation-content__wrapper, .articles-content__wrapper {
      padding-left: 0; } }

/* ==========================================================================
   Theme
   ========================================================================== */
/* ==========================================================================
   Braintree Syntax Theme – BTS
   ========================================================================== */
.hljs {
  color: #DEDEDE;
  display: block; }
  .snippet--disabled .hljs {
    color: #888888; }

/* BTS Comment */
.hljs-comment,
.hljs-title {
  color: #888888; }

.hljs-variable,
.hljs-attribute,
.hljs-tag,
.hljs-regexp,
.xml .hljs-tag .hljs-title,
.xml .hljs-pi,
.xml .hljs-doctype,
.html .hljs-doctype,
.css .hljs-id,
.css .hljs-class,
.css .hljs-pseudo {
  color: #FF6B00; }

.hljs-number,
.hljs-pragma,
.hljs-built_in,
.hljs-literal,
.hljs-params,
.hljs-constant {
  color: #EE0000; }

.ruby .hljs-constant,
.ruby .hljs-class .hljs-title,
.css .hljs-rules .hljs-attribute {
  color: #FF6B00; }

.hljs-preprocessor,
.hljs-value,
.hljs-inheritance,
.hljs-header,
.ruby .hljs-symbol,
.xml .hljs-cdata {
  color: #2EAB00; }

.hljs-string,
.css .hljs-hexcolor,
.javascript .hljs-function {
  color: #2EAB00; }

.hljs-function,
.hljs-keyword,
.python .hljs-decorator,
.python .hljs-title,
.ruby .hljs-function .hljs-title,
.ruby .hljs-title .hljs-keyword,
.javascript .hljs-title,
.coffeescript .hljs-title,
.java .hljs-title {
  color: #A574D0; }

.html .hljs-title {
  color: #1524D9; }

@media (prefers-color-scheme: dark) {
  body {
    content: "dark"; } }

@media (prefers-color-scheme: light) {
  body {
    content: "light"; } }

/* ==========================================================================
   Typography
   ========================================================================== */
/* ==========================================================================
   Base Type Styles
   ========================================================================== */
html {
  color: #202020;
  font: 1rem/1.875 "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300; }

body {
  font-size: 1.125rem; }
  @media (max-width: 55rem) {
    body {
      font-size: 1rem; } }

strong {
  font-weight: 500; }

a {
  color: #1524D9;
  text-decoration: underline; }
  a:hover {
    color: #111cab;
    text-decoration: none; }

/* ==========================================================================
   Headings
   ========================================================================== */
h1 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.05;
  color: #202020;
  font-family: "B_Proportional-Bold", courier, monospace;
  font-weight: 600;
  margin-bottom: 1.5rem;
  margin-top: 0; }

h2 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.0714285714;
  color: #202020;
  font-family: "B_Proportional-Bold", courier, monospace;
  font-weight: 600;
  margin-bottom: 0.75rem;
  margin-top: 0; }
  @media (min-width: 71.875rem) {
    h2 {
      font-size: 34px;
      font-size: 2.125rem;
      line-height: 1.0588235294; } }

h3 {
  color: #202020;
  font-family: "B_Proportional-Bold", courier, monospace;
  font-weight: 600;
  margin-bottom: 0.375rem;
  margin-top: 1.875rem;
  font-size: 2rem;
  line-height: 1; }
  @media (max-width: 71.875rem) {
    h3 {
      font-size: 1.75rem; } }
  @media (max-width: 55rem) {
    h3 {
      font-size: 1.5625rem; } }

h4 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.0909090909;
  color: #202020;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  margin-bottom: 0.25em;
  margin-top: 1.875rem; }
  @media (min-width: 71.875rem) {
    h4 {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.25; } }

h5 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
  color: #202020;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  margin-bottom: 0.3em;
  margin-top: 0; }

h6 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.125;
  color: #202020;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  margin-bottom: 0.375em;
  margin-top: 0.375em; }

.heading--small-margin {
  margin-top: 0.3125rem; }

.markdown-h1 {
  font-size: 2.625rem; }
  @media (max-width: 55rem) {
    .markdown-h1 {
      font-size: 2.25rem; } }

.markdown-h2 {
  border-bottom: 3px solid #F4F4F7;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.0625rem;
  margin-bottom: 1.3rem;
  padding-bottom: .7rem;
  padding-top: 2.4rem; }

.markdown-h3 {
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.625rem;
  font-weight: 600;
  padding-bottom: 0.8rem; }
  @media (max-width: 71.875rem) {
    .markdown-h3 {
      font-size: 1.75rem; } }
  @media (max-width: 55rem) {
    .markdown-h3 {
      font-size: 1.5625rem; } }

.markdown-h4 {
  font-size: 1.375rem; }
  @media (max-width: 71.875rem) {
    .markdown-h4 {
      font-size: 1.25rem; } }
  @media (max-width: 55rem) {
    .markdown-h4 {
      font-size: 1.125rem; } }
  .markdown-h4 .syntax-inline {
    font-size: 98%;
    font-weight: 800; }

.section__title {
  font-size: 2rem; }
  @media (max-width: 71.875rem) {
    .section__title {
      font-size: 1.75rem; } }
  @media (max-width: 55rem) {
    .section__title {
      font-size: 1.5625rem; } }

/* ==========================================================================
   List
   ========================================================================== */
.list {
  margin: auto 0 1.125em 1.125em;
  padding: 0; }
  .list .list {
    margin: 0 0 0 1.1em; }
  .list .list--disc {
    list-style-type: circle; }

.list--disc {
  list-style-type: disc; }

.list--horizontal {
  list-style-type: none;
  margin-left: 0; }
  .list--horizontal .list__item {
    display: inline-block;
    margin-right: 0.875rem; }

li .markdown-p {
  margin-bottom: 0; }

table li {
  font-size: 1rem; }
  @media (max-width: 55rem) {
    table li {
      font-size: 0.875rem; } }

/* ==========================================================================
   Markdown Paragraph
   ========================================================================== */
p {
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300; }

.markdown-p {
  margin-bottom: 1.125em; }

table .markdown-p,
.api-table .markdown-p {
  font-size: 1rem; }
  @media (max-width: 55rem) {
    table .markdown-p,
    .api-table .markdown-p {
      font-size: 0.875rem; } }

/* ==========================================================================
   Monospaced Font Styles
   ========================================================================== */
.monospaced {
  font-family: "B_Proportional-Bold", courier, monospace; }

details summary {
  cursor: pointer; }

details summary:focus {
  outline: none; }

/* ==========================================================================
   Graphic
   ========================================================================== */
/* ==========================================================================
   General
   ========================================================================== */
.diagram {
  width: 98%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  min-height: 23.75rem; }
  @media (max-width: 71.875rem) {
    .diagram {
      min-height: inherit; } }

/* ==========================================================================
   Paths
   ========================================================================== */
.diagram__paths {
  stroke: #DEDEDE;
  color: #DEDEDE; }

use.path--is-active {
  stroke: #1524D9;
  color: #1524D9; }

/* ==========================================================================
   Sections
   ========================================================================== */
.diagram__section {
  stroke: #DEDEDE;
  color: #DEDEDE; }

use.section--is-active {
  stroke: #202020; }

/* ==========================================================================
   Label
   ========================================================================== */
.diagram__label {
  color: #202020; }

use.label--is-inactive {
  color: #DEDEDE; }

use.label--is-active {
  color: #1524D9; }

/* ==========================================================================
   Steps
   ========================================================================== */
.diagram__step {
  color: #DEDEDE; }

use.step--is-active {
  color: #1524D9; }

/* ==========================================================================
   Sprite
   ========================================================================== */
.icon--svg {
  fill: currentColor; }

.icon--arrow {
  margin-left: 0.625rem;
  width: 1.25rem;
  vertical-align: middle; }

.icon--error {
  color: inherit;
  height: 100%;
  margin-right: 0.375rem;
  vertical-align: middle;
  width: 1.125rem; }

.icon--error--large {
  min-width: 1.5rem; }

.icon--attach {
  margin-right: 0.375rem;
  width: 1rem;
  vertical-align: middle; }

.icon--caret {
  transition: transform 200ms cubic-bezier(0.77, 0, 0.175, 1);
  width: 1.5rem; }

.icon--phone {
  fill: #FFFFFF;
  margin-right: 0.375rem;
  height: 1.25rem;
  width: 1.25rem; }

.icon--link--external {
  fill-opacity: 0.6;
  height: 0.9375rem;
  margin-left: 0.125rem;
  width: 0.9375rem; }

.icon--link--external--inline {
  fill-opacity: 0.8;
  height: 0.75rem;
  margin-bottom: -0.125rem;
  margin-left: 0.25rem;
  width: 0.75rem; }

/* ==========================================================================
   function to make background-images into svgs and accept color argument, replaces need for iconfont, useful in :before/:after usage; formatting is crazy for IE rendering purposes, special characters in svg are encoded in order to render
   ========================================================================== */
/* Function usage (but you probably want to use the mixin below)
:after {
  background-image: icon(home, red);
  content: '';
}
*/
/* ==========================================================================
   Function to replace unacceptable special characters with encoded versions (for example: '#' in color hex values to '%23')
   Icons won't show up in firefox without the hash replacement
   ========================================================================== */
/* Mixin usage
:after {
  @include background-icon(arrow, $docs-color);
}
*/
.image--svg {
  display: inline-block; }

.image--chat {
  color: #662DC2;
  width: 5.25rem;
  fill: currentColor; }

/* ==========================================================================
   Components
   ========================================================================== */
/* ==========================================================================
   Nav Dropdown
   ========================================================================== */
.sandbox-links {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  background-color: #3F3D43;
  border-radius: 0.5rem 0 0 0.5rem;
  padding-left: 0.9375rem; }

.sandbox-links__title {
  color: #d1d1d1; }

.sandbox-links__link {
  color: #DEDEDE;
  font-size: 0.9375rem;
  text-decoration: none; }
  @media (max-width: 42.1875rem) {
    .sandbox-links__link {
      display: none; } }
  .sandbox-links__link:hover, .sandbox-links__link:focus {
    color: #FFFFFF;
    text-decoration: underline; }

.header__dropdown {
  border-radius: 0.25rem;
  cursor: default;
  margin-left: auto;
  position: relative; }
  .header__dropdown .dropdown__icon--active {
    display: none; }
  .header__dropdown.header__dropdown--active .dropdown__icon--closed {
    display: none; }
  .header__dropdown.header__dropdown--active .dropdown__icon--active {
    display: block; }
  .header__dropdown.header__dropdown--active .dropdown__content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: #FFFFFF;
    margin-top: 0.5rem;
    max-height: 31.25rem;
    opacity: 1;
    visibility: visible; }
  .header__dropdown.header__dropdown--active .dropdown__title {
    -webkit-transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1);
    background: #e2e4fc;
    box-shadow: 0 0 0 0.125rem #1524D9, 0 0 0 0.4375rem rgba(21, 36, 217, 0.1);
    color: #202020; }
  .header__dropdown.header__dropdown--active .dropdown__title-text {
    color: #202020; }
  .header__dropdown a {
    color: #1524D9; }
    .articles .header__dropdown a {
      color: #1524D9; }
  @media (max-width: 55rem) {
    .header__dropdown {
      display: none; } }

.dropdown__title {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  border-radius: 0.25rem;
  transition: 150ms;
  white-space: nowrap;
  width: 100%; }
  .dropdown__title:focus, .dropdown__title:hover {
    outline: none; }
    .dropdown__title:focus .dropdown__caret, .dropdown__title:hover .dropdown__caret {
      color: inherit; }

.dropdown__title-text {
  margin-left: 0.375rem;
  margin-right: 0.625rem;
  margin-bottom: 0; }

.dropdown__caret {
  color: #FFFFFF;
  height: 1.375rem;
  transform: rotate(0deg);
  transition: 150ms;
  width: 1.375rem; }

.dropdown__content {
  background: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0.4rem 1.6rem 0.4rem rgba(0, 0, 0, 0.04);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding-bottom: 0.625rem;
  position: absolute;
  right: 0;
  transition: all 200ms ease;
  visibility: hidden;
  width: 12.5rem;
  z-index: 1; }

.dropdown__section-title {
  color: #888888;
  font-size: 0.875rem;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  margin-bottom: 0;
  margin-top: 1.25rem;
  padding-left: 1rem; }
  .dropdown__section-title:first-child {
    margin-top: 1rem; }

.link-list-link.dropdown__link {
  border-bottom: 0;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1rem; }

/* ==========================================================================
   Markdown Images
   ========================================================================== */
.markdown-img img {
  display: block;
  margin: 0 auto 1.5rem;
  max-width: 100%; }

/* ==========================================================================
   Link Lists
   ========================================================================== */
.link-list {
  border: 0.0625rem solid #DEDEDE;
  border-bottom: none;
  border-radius: 0.25rem;
  margin-bottom: 1.5rem; }
  @media (min-width: 71.875rem) {
    .link-list {
      margin-bottom: 0; } }

.link-list-link {
  -webkit-transition: padding 222ms cubic-bezier(0.6, 0, 0.5, 1);
  -moz-transition: padding 222ms cubic-bezier(0.6, 0, 0.5, 1);
  transition: padding 222ms cubic-bezier(0.6, 0, 0.5, 1);
  background: transparent;
  border-bottom: 0.0625rem solid #DEDEDE;
  display: block;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.75rem;
  position: relative;
  text-decoration: none; }
  .link-list-link:before {
    -webkit-transform: scale3d(0.5, 1, 1);
    -moz-transform: scale3d(0.5, 1, 1);
    -ms-transform: scale3d(0.5, 1, 1);
    transform: scale3d(0.5, 1, 1);
    -webkit-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
    -moz-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
    transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
    transform-origin: 0, 50%;
    background: rgba(21, 36, 217, 0.05);
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0; }
  .link-list-link:after {
    -webkit-transition: all 111ms cubic-bezier(0.6, 0, 0.5, 1);
    -moz-transition: all 111ms cubic-bezier(0.6, 0, 0.5, 1);
    transition: all 111ms cubic-bezier(0.6, 0, 0.5, 1);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' %3E%3Cpolygon fill='%231524D9' points='11.2,4.5 7.35,8.35 6.65,7.65 9.3,5 0,5 0,4 9.3,4 6.65,1.35 7.35,0.65'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    content: '';
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 1.25rem;
    top: 0;
    width: 1rem; }
  .link-list-link:hover, .link-list-link:focus, .link-list-link:active {
    padding-left: 1.125rem; }
    .link-list-link:hover:before, .link-list-link:focus:before, .link-list-link:active:before {
      -webkit-transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      opacity: 1; }
    .link-list-link:hover:after, .link-list-link:focus:after, .link-list-link:active:after {
      opacity: 1;
      right: 0.625rem; }

/* ==========================================================================
   Checkbox List
   ========================================================================== */
.checklist--checkbox {
  margin-left: -1.5rem;
  margin-right: 0.375rem; }

.link--long {
  word-break: break-all; }

/* ==========================================================================
   Copyright
   ========================================================================== */
.copyright {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #4B4950;
  margin-top: 5.625em;
  text-align: right; }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 55rem) {
  .copyright {
    text-align: center; } }

.section--feedback {
  margin-bottom: 2rem;
  margin-top: 1.5rem;
  text-align: center; }

.section__articles-graphic {
  color: #DEDEDE;
  margin-bottom: 1.25rem;
  max-width: 12.6rem;
  width: 100%; }

/* ==========================================================================
   Section layouts
   ========================================================================== */
.section-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-left;
  -moz-justify-content: flex-left;
  justify-content: flex-left;
  -ms-flex-pack: flex-left;
  -webkit-box-pack: flex-left;
  padding-top: 1.25rem; }
  @media only screen and (max-width: 71.875rem) {
    .section-wrapper {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
  @media only screen and (max-width: 55rem) {
    .section-wrapper {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.section-wrapper--centered {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center; }

.section-wrapper--extra-margin {
  margin-bottom: 2.5rem; }

.section-wrapper--no-padding {
  padding: 0; }

.section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 1.875rem;
  max-width: 60rem;
  width: 100%; }
  @media only screen and (max-width: 55rem) {
    .section {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .section p {
    max-width: 40rem;
    line-height: 140%; }

.section .button, .section .ais-infinite-hits--showmore button, .ais-infinite-hits--showmore .section button {
  margin-top: 1.25rem; }

.section .hide-for-small {
  display: block;
  position: relative;
  visibility: visible; }
  @media only screen and (max-width: 55rem) {
    .section .hide-for-small {
      display: none;
      visibility: hidden; } }

.section .hide-for-medium {
  display: block;
  position: relative;
  visibility: visible; }
  @media only screen and (max-width: 71.875rem) {
    .section .hide-for-medium {
      display: none;
      visibility: hidden; } }

.section--divider-top {
  border-top: 0.0625rem solid #EDEEF2;
  margin-top: 1.25rem;
  padding-top: 2.5rem; }

.section--padded {
  padding: 30px; }
  .section--padded:nth-of-type(1) {
    padding-left: 0; }
  @media only screen and (max-width: 71.875rem) {
    .section--padded {
      padding-left: 0; } }

.section-list {
  margin-left: 0; }

.section-list--centered {
  text-align: center; }
  .section-list--centered li {
    display: inline-block; }

.section--large {
  min-width: 65%; }

.section--medium {
  min-width: 55%; }

.section--vertical {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-grow: 1; }

.section--vertical-half {
  max-width: 50%; }

.section--vertical-third {
  max-width: 33%; }
  @media only screen and (max-width: 71.875rem) {
    .section--vertical-third {
      max-width: inherit; } }

.section--centered {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  text-align: center; }

.section--divider-side + .section--divider-side {
  border-left: 0.0625rem solid #EDEEF2;
  margin-left: 1rem;
  padding-left: 1rem; }
  @media only screen and (max-width: 42.1875rem) {
    .section--divider-side + .section--divider-side {
      border-left: none;
      padding-left: 0;
      padding-top: 1.25rem;
      margin-left: 0; } }

.section-content p {
  margin-bottom: 0.625rem; }

.section--content-small {
  font-size: 1rem; }

.section-context {
  padding-right: 1.875rem;
  width: 60%; }
  @media only screen and (max-width: 42.1875rem) {
    .section-context {
      padding-right: 0;
      padding-bottom: 1.25rem;
      width: 100%; } }

.section-context__inner {
  border-right: 0.0625rem solid #EDEEF2;
  margin-right: 1.25rem; }
  @media only screen and (max-width: 55rem) {
    .section-context__inner {
      border-right: none; } }

.section-diagram {
  margin-top: 0;
  margin-bottom: 0; }

.section__links {
  width: 40%; }
  @media only screen and (max-width: 42.1875rem) {
    .section__links {
      padding-bottom: 0.9rem;
      padding-right: 0;
      width: 100%; } }

.section__links--list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.section__links--item {
  padding-bottom: 0.375rem;
  width: 50%; }

.section--small {
  width: 25%; }
  @media only screen and (max-width: 55rem) {
    .section--small {
      width: 100%; } }

.section--half {
  width: 50%; }
  @media only screen and (max-width: 55rem) {
    .section--half {
      width: 100%; } }

.language-options-list {
  margin-left: 0.9375rem;
  margin-top: 0.625rem; }

.language-option {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  padding: 0.375rem 0.625rem;
  width: 14.375rem; }
  .language-option .language-option--text {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    padding-left: 0.9375rem;
    text-align: left; }

.language-option:hover {
  background-color: #E8EAFC; }

.language-option--active {
  border-color: #1524DF;
  color: #1524DF; }
  .language-option--active .language-option--text {
    font-weight: 500; }

.language-option #check-icon {
  opacity: 0; }

.language-option--active #check-icon {
  opacity: 1; }

.check-icon #check {
  fill: #1524DF; }

.check-icon {
  fill: #1524DF; }

.language-option__icon {
  margin-right: 0.625rem; }

/* ==========================================================================
   Hash Link
   ========================================================================== */
.hash-link-container,
.markdown-h1,
.markdown-h2,
.markdown-h3,
.markdown-h4,
.markdown-h5,
.markdown-h6 {
  position: relative; }
  .hash-link-container:hover .hash-link,
  .hash-link-container:hover .hash-link-right,
  .markdown-h1:hover .hash-link,
  .markdown-h1:hover .hash-link-right,
  .markdown-h2:hover .hash-link,
  .markdown-h2:hover .hash-link-right,
  .markdown-h3:hover .hash-link,
  .markdown-h3:hover .hash-link-right,
  .markdown-h4:hover .hash-link,
  .markdown-h4:hover .hash-link-right,
  .markdown-h5:hover .hash-link,
  .markdown-h5:hover .hash-link-right,
  .markdown-h6:hover .hash-link,
  .markdown-h6:hover .hash-link-right {
    opacity: 1; }

.hash-link-target {
  margin: -1.25rem 0 0 0;
  position: absolute;
  right: -1em;
  top: 0;
  width: 0; }

.hash-link {
  background: none;
  color: #1524D9;
  height: 100%;
  left: -0.8em;
  opacity: 0;
  padding-right: 0.2em;
  position: absolute;
  text-decoration: none;
  transition-duration: 0.1s;
  transition-property: opacity;
  width: 0.8em; }
  @media only screen and (max-width: 55rem) {
    .hash-link {
      visibility: hidden; } }
  .hash-link:active, .hash-link:focus {
    opacity: 1; }
  .hash-link::before {
    bottom: 0.05em;
    font-size: 0.6em;
    position: absolute; }
  .markdown-h5 .hash-link::before,
  .markdown-h4 .hash-link::before {
    font-size: 0.85em;
    right: 0.3em;
    top: 0.32em; }

/* ==========================================================================
   Footer
   ========================================================================== */
.footer {
  margin-top: auto;
  min-height: 5rem;
  width: 100%; }
  .footer.footer-aligned-center .footer-section-inner {
    margin: 0 auto; }
  .footer .footer-section {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    background: #FFFFFF;
    color: #202020;
    padding: 2rem 4rem; }
    @media only screen and (max-width: 55rem) {
      .footer .footer-section {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 1.5rem 2rem; } }
    .footer .footer-section h1, .footer .footer-section h2, .footer .footer-section h3, .footer .footer-section h4, .footer .footer-section h5 {
      color: #202020; }
  .footer .footer-section--light {
    background: #EDEEF2;
    color: #202020; }
    .footer .footer-section--light h1, .footer .footer-section--light h2, .footer .footer-section--light h3, .footer .footer-section--light h4, .footer .footer-section--light h5 {
      color: #202020; }
    .footer .footer-section--light .button, .footer .footer-section--light .ais-infinite-hits--showmore button, .ais-infinite-hits--showmore .footer .footer-section--light button {
      margin-top: 1rem; }
    .footer .footer-section--light .button.button--secondary, .footer .footer-section--light .ais-infinite-hits--showmore button.button--secondary, .ais-infinite-hits--showmore .footer .footer-section--light button.button--secondary {
      background-color: #FFFFFF; }
  .footer .footer-cta-section {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-pack: start; }
    @media only screen and (max-width: 55rem) {
      .footer .footer-cta-section {
        padding-bottom: 2rem; } }
  .footer .footer-cta-icon {
    max-width: 6.25rem; }
  .footer .footer-section-inner {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    max-width: 60rem;
    width: 100%; }
  .footer .footer-section-inner--align-center {
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center; }
  .footer .footer-section-inner--right-padding {
    padding-right: 1rem; }
  .footer .footer-section-inner--top-padding {
    padding-top: 1rem; }
  .footer .footer-legal-section {
    border-top: 0.0625rem solid #DEDEDE;
    padding-top: 1rem; }
    @media only screen and (max-width: 55rem) {
      .footer .footer-legal-section {
        border-top: 0;
        padding-top: 0; } }
  @media screen and (max-width: 71.875rem) {
    .footer {
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      align-items: flex-start;
      -ms-flex-align: start;
      -webkit-box-align: start; } }
  .footer li {
    display: inline-block;
    line-height: 1;
    margin-left: 0.625rem; }
    .footer li a {
      color: #202020; }
  .footer li:first-child {
    margin-right: 0.3125rem;
    margin-left: 0; }
  .footer a {
    color: #4B4950; }
    .footer a:hover {
      color: #202020; }
    .articles .footer a {
      color: #4B4950; }
      .articles .footer a:hover {
        color: #202020; }

.legal {
  color: #4B4950;
  font-size: 0.8125em;
  text-align: right; }
  @media screen and (max-width: 71.875rem) {
    .legal {
      text-align: left; } }
  .legal a {
    color: #4B4950; }
    .legal a:hover {
      color: #202020; }
    .articles .legal a {
      color: #4B4950; }

/* ==========================================================================
   Footer Link
   ========================================================================== */
.footer-link-list--vertical li {
  display: block;
  margin: 1rem 0; }

.footer__link {
  color: #000000;
  font-size: 0.8125em;
  text-decoration: underline; }
  .footer__link:hover {
    color: #1524D9; }

li.footer__link--sitemap, li.footer__link--sitemap a {
  line-height: 1.2rem;
  text-decoration: none; }
  li.footer__link--sitemap:hover, li.footer__link--sitemap:focus, li.footer__link--sitemap a:hover, li.footer__link--sitemap a:focus {
    color: #202020;
    text-decoration: underline; }

/* ==========================================================================
   Signup Card
   ========================================================================== */
.signup-card {
  color: #4B4950;
  font-size: 0.875em;
  font-weight: 500; }

.gdpr-card-text a {
  color: #FFFFFF; }

.gdpr-card,
.gdpr-card-action button {
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif; }

.gdpr-card-wrapper {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-animation: presentCard 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  -moz-animation: presentCard 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  -o-animation: presentCard 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation: presentCard 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  bottom: -12.5rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
  left: 50%;
  max-width: 50rem;
  position: fixed;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  width: 100%;
  z-index: 2147483647; }

.gdpr-card-wrapper * {
  line-height: initial; }

.gdpr-card {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  background: #202020;
  border-radius: 1rem;
  box-shadow: 0 0.4rem 1.6rem 0.4rem rgba(0, 0, 0, 0.04);
  color: #FFFFFF;
  display: flex;
  font-size: 0.875rem;
  max-width: 50rem;
  padding: 0.5rem 0;
  width: 100%; }

.gdpr-card-dismissed .gdpr-card-wrapper {
  -webkit-animation: dismissCard 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  -moz-animation: dismissCard 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  -o-animation: dismissCard 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation: dismissCard 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; }

.gdpr-card-action,
.gdpr-card-icon {
  padding: 0 1.25rem; }

@media only screen and (max-width: 600px) {
  .gdpr-card {
    flex-direction: column; }
  .gdpr-card-icon {
    display: none; }
  .gdpr-card-text {
    padding: 0.5rem 1.5rem; }
  .gdpr-card-action {
    padding-bottom: 0.5rem; } }

.gdpr-card-action button {
  background-color: #EDEEF2;
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.08);
  color: #202020;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.5rem 1.5rem;
  transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1); }

.gdpr-card-action button:hover {
  background-color: #DEDEDE;
  color: #1524D9; }

.gdpr-card-action button:focus {
  background: #EDEEF2;
  box-shadow: 0 0 0 0.4375rem #1524D9, 0 0 0 0.4375rem rgba(21, 36, 217, 0.1);
  color: #000000;
  outline: 0; }

@-webkit-keyframes presentCard {
  0% {
    bottom: -12.5rem; }
  100% {
    bottom: 1.25rem; } }

@-moz-keyframes presentCard {
  0% {
    bottom: -12.5rem; }
  100% {
    bottom: 1.25rem; } }

@-o-keyframes presentCard {
  0% {
    bottom: -12.5rem; }
  100% {
    bottom: 1.25rem; } }

@keyframes presentCard {
  0% {
    bottom: -12.5rem; }
  100% {
    bottom: 1.25rem; } }

@-webkit-keyframes dismissCard {
  0% {
    bottom: 1.25rem; }
  100% {
    bottom: -12.5rem; } }

@-moz-keyframes dismissCard {
  0% {
    bottom: 1.25rem; }
  100% {
    bottom: -12.5rem; } }

@-o-keyframes dismissCard {
  0% {
    bottom: 1.25rem; }
  100% {
    bottom: -12.5rem; } }

@keyframes dismissCard {
  0% {
    bottom: 1.25rem; }
  100% {
    bottom: -12.5rem; } }

/* ==========================================================================
   Header
   ========================================================================== */
.header {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  background-color: #202020;
  color: #FFFFFF;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
  height: 8.4rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.1875rem;
  position: fixed;
  top: 0;
  transition: all 0.2s ease;
  width: 100%;
  z-index: 6; }
  @media (max-width: 55rem) {
    .header {
      position: relative; } }
  .app--collapsed .header {
    height: 4.2rem; }
  .header.header--contact {
    height: 4.2rem; }

.header--aside {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row; }
  @media (max-width: 42.1875rem) {
    .header--aside {
      display: none; } }

.header--custom-title {
  border-left: 0.0625rem solid #DEDEDE;
  color: #FFFFFF;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  padding: 0 1.25rem; }

/* ==========================================================================
   Logo
   ========================================================================== */
.logo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-family: "B_Proportional-Bold", courier, monospace;
  color: #FFFFFF;
  padding-right: 1rem;
  text-decoration: none; }
  .logo:hover {
    color: #FFFFFF; }
  .ie9 .logo {
    margin-top: 36px; }
  @media (max-width: 71.875rem) {
    .logo {
      padding-right: 0; } }

.logo--mark {
  display: inline-block;
  text-indent: -999em;
  background: url("../img/svg/logo-tiny.svg") no-repeat center center;
  width: 20px;
  height: 36px;
  background-position: left center;
  position: relative;
  width: 15px; }
  .logo--mark .no-svg,
  .ie8 .logo--mark {
    background: url("../img/svg/logo-tiny.png") no-repeat center center; }
  .logo--mark:focus {
    border-bottom: 2px solid #1524D9; }
  @media (min-width: 55rem) {
    .logo--mark {
      display: inline-block;
      text-indent: -999em;
      background: url("../img/svg/logo.svg") no-repeat center center;
      width: 130px;
      height: 30px; }
      .logo--mark .no-svg,
      .ie8 .logo--mark {
        background: url("../img/svg/logo.png") no-repeat center center; } }

.logo--mark--light {
  display: inline-block;
  text-indent: -999em;
  background: url("../img/svg/logo--light.svg") no-repeat center center;
  width: 130px;
  height: 30px; }
  .logo--mark--light .no-svg,
  .ie8 .logo--mark--light {
    background: url("../img/svg/logo--light.png") no-repeat center center; }
  @media (max-width: 71.875rem) {
    .logo--mark--light {
      display: inline-block;
      text-indent: -999em;
      background: url("../img/svg/logo--mobile.svg") no-repeat center center;
      width: 20px;
      height: 36px; }
      .logo--mark--light .no-svg,
      .ie8 .logo--mark--light {
        background: url("../img/svg/logo--mobile.png") no-repeat center center; } }

.logo--fallback {
  display: none;
  font-family: monospace;
  font-size: 18px; }
  .ie8 .logo--fallback {
    display: block; }

.logo--site {
  margin-left: 0.625rem; }
  @media (max-width: 71.875rem) {
    .logo--site {
      margin-top: 0.25rem; } }
  @media (max-width: 55rem) {
    .logo--site {
      display: none; } }
  a .logo--site {
    color: #FFFFFF; }

/* ==========================================================================
   Masthead
   ========================================================================== */
.masthead {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  padding-bottom: 1.25em;
  padding-top: 3.75em; }
  @media only screen and (max-width: 71.875rem) {
    .masthead {
      padding: 0.9375rem; } }

.masthead--centered {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center; }

.masthead__inner {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.masthead__inner--constrained {
  max-width: 60rem; }

.masthead__image {
  height: 22rem;
  margin-right: 2.5rem;
  max-width: 23rem;
  width: 100%; }

@media only screen and (max-width: 810px) {
  .masthead__image {
    max-width: 16rem; } }

@media only screen and (max-width: 730px) {
  .masthead__image {
    max-width: 12.5rem; } }

.masthead__search .search__trigger-icon {
  left: 1.2rem;
  position: absolute;
  top: 1rem; }

.masthead__search .search-trigger__wrapper {
  margin: 0;
  max-width: 26.5rem;
  position: relative;
  width: 100%; }
  .masthead__search .search-trigger__wrapper .search-trigger__search-input {
    backface-visibility: hidden;
    background: #EDEEF2;
    border-radius: 2rem;
    border: none;
    box-sizing: border-box;
    color: #4B4950;
    cursor: text;
    font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 24;
    font-weight: 300;
    height: 3rem;
    overflow: hidden;
    padding-left: 3rem;
    text-align: left;
    transform: translate3d(0, 0, 0);
    transition: background-color 150ms cubic-bezier(0.77, 0, 0.175, 1);
    width: 100%; }
    .masthead__search .search-trigger__wrapper .search-trigger__search-input::-ms-clear {
      display: none; }
    .masthead__search .search-trigger__wrapper .search-trigger__search-input:before {
      border-radius: 3rem;
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #DEDEDE;
      transform: translate3d(-100%, -50%, 0);
      transform-origin: 0 0;
      transition: transform 200ms ease; }
    .masthead__search .search-trigger__wrapper .search-trigger__search-input:hover:before {
      transform: translate3d(0, 0, 0); }
    .masthead__search .search-trigger__wrapper .search-trigger__search-input:focus {
      background: #EDEEF2;
      box-shadow: 0 0 0 0.125rem #1524D9, 0 0 0 0.4375rem rgba(21, 36, 217, 0.1);
      color: #000000;
      outline: none;
      transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1); }
  .masthead__search .search-trigger__wrapper .search__icon.search__icon--search {
    fill: #2EAB00;
    left: 1rem; }
    @media (max-width: 71.875rem) {
      .masthead__search .search-trigger__wrapper .search__icon.search__icon--search {
        left: 2rem; } }

.masthead__search .search--wrapper {
  padding: 0; }

.masthead__heading {
  font-size: 2.5rem;
  margin-top: 2rem;
  max-width: 25rem; }
  @media (max-width: 55rem) {
    .masthead__heading {
      font-size: 2.25rem; } }

.masthead__text--small {
  display: inline-block; }

.masthead__intro {
  max-width: 60rem;
  width: 100%; }

.masthead__content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-grow: 1;
  width: 100%; }

/* ==========================================================================
   Message
   ========================================================================== */
.message {
  background: #EDEEF2;
  border-radius: 1rem;
  margin: auto 0 1.125rem;
  padding: 0.625rem 1.25rem 0.875rem; }
  .message .list {
    font-size: 1rem; }
  .message .markdown-p {
    line-height: 150%; }
  .message.message--availability {
    background-color: rgba(255, 168, 22, 0.1); }
  .message.message--important {
    background-color: rgba(238, 0, 0, 0.1); }
  .message.message--note {
    background-color: rgba(21, 36, 217, 0.1); }

.message :last-child {
  margin-bottom: 0; }

.message p {
  font-size: 1rem; }

/* ==========================================================================
   Title
   ========================================================================== */
.message__title {
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.0625rem;
  text-transform: uppercase; }
  @media (max-width: 55rem) {
    .message__title {
      font-size: 0.875rem; } }

/* =========================================================================
   Off Canvas
   ========================================================================= */
.off-canvas-menu {
  -webkit-transition: -webkit-transform 366ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: -moz-transform 366ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 366ms cubic-bezier(0.77, 0, 0.175, 1);
  font-family: "B_Proportional-Bold", courier, monospace;
  position: relative; }

/* =========================================================================
   Media Queries
   ========================================================================= */
@media only screen and (max-width: 71.875rem) {
  .off-canvas-menu {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    background: #FFFFFF;
    border-left: 0.0625rem solid #DEDEDE;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    padding-top: 5rem;
    position: fixed;
    right: 0;
    top: 0;
    width: 50%;
    z-index: 998; }
  .touch .off-canvas-menu {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll; }
  .off-canvas-menu-open {
    overflow: hidden; }
    .off-canvas-menu-open .main-content {
      position: relative; }
    .off-canvas-menu-open .off-canvas-menu {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }

@media only screen and (max-width: 55rem) {
  .off-canvas-menu {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    padding-top: 3.75em;
    width: 100%; }
  .off-canvas-menu-open .main-content {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    position: relative; }
  .off-canvas-menu-open .off-canvas-menu {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-left: 0.0625rem solid #DEDEDE; } }

/* ==========================================================================
   Nav Global
   ========================================================================== */
.nav--global__wrapper {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 3.125rem;
  width: 100%; }
  .app--collapsed .nav--global__wrapper {
    display: none; }

.nav--global {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  width: 100%; }

.nav--global-sites {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  margin-left: 0.75rem; }

.nav--global-sites__item {
  padding-right: 1.875rem; }

a.nav--global-sites__link {
  color: #DEDEDE;
  font-size: 1.0625rem;
  text-decoration: none; }
  @media (max-width: 42.1875rem) {
    a.nav--global-sites__link {
      display: none; } }
  a.nav--global-sites__link:before {
    background-color: rgba(255, 255, 255, 0.3);
    content: "";
    display: block;
    height: 0.1875rem;
    opacity: 0;
    position: relative;
    top: -0.625rem;
    width: 100%;
    transition: opacity 200ms ease; }
  a.nav--global-sites__link:hover, a.nav--global-sites__link:focus {
    color: #FFFFFF; }
    a.nav--global-sites__link:hover:before, a.nav--global-sites__link:focus:before {
      opacity: 1; }
  a.nav--global-sites__link.nav--global-sites__link--active {
    color: #FFFFFF;
    font-weight: 700; }
    a.nav--global-sites__link.nav--global-sites__link--active:before {
      background-color: #FFFFFF;
      opacity: 1; }
    @media (max-width: 42.1875rem) {
      a.nav--global-sites__link.nav--global-sites__link--active {
        display: inherit; } }

/* ==========================================================================
   Nav Local
   ========================================================================== */
.nav--local {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-align: end;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  padding: 0 1rem 0 9.5rem;
  width: 100%; }
  @media (max-width: 71.875rem) {
    .nav--local {
      padding-left: 2rem; } }
  @media (max-width: 55rem) {
    .nav--local {
      padding-left: 0; } }

.nav__list {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-align: end;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: 0.875rem;
  margin-bottom: 1rem; }
  @media (max-width: 42.1875rem) {
    .nav__list {
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: justify;
      -webkit-box-pack: justify; } }
  @media (max-width: 21.25rem) {
    .nav__list {
      margin-right: 0; } }

/* ==========================================================================
   Nav Item
   ========================================================================== */
.nav__item {
  position: relative;
  text-align: center;
  margin-right: 0.625rem; }
  @media (max-width: 55rem) {
    .nav__item {
      padding-left: 0.2rem; } }
  @media (max-width: 42.1875rem) {
    .nav__item {
      margin-right: 0rem; } }

/* ==========================================================================
   Nav Link
   ========================================================================== */
.nav--link {
  backface-visibility: hidden;
  background: transparent;
  border-radius: 1.25rem;
  color: #FFFFFF;
  display: block;
  font-size: 1.25rem;
  line-height: 1.5;
  overflow: hidden;
  padding: 0.1rem 0.7rem;
  position: relative;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  white-space: nowrap; }
  .nav--link:before {
    border-radius: 3rem;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.2);
    transform: translate3d(-100%, -50%, 0);
    transform-origin: 0 0;
    transition: transform 200ms ease; }
  .nav--link:hover, .nav--link:focus {
    color: #FFFFFF; }
    .nav--link:hover:before, .nav--link:focus:before {
      transform: translate3d(0, 0, 0); }
  @media (max-width: 55rem) {
    .nav--link {
      font-size: 1.125rem; } }
  @media (max-width: 42.1875rem) {
    .nav--link {
      font-size: 1rem;
      white-space: normal; } }
  @media (max-width: 21.25rem) {
    .nav--link {
      font-size: 0.875rem;
      padding: 0 0.25rem; } }

a.nav--link {
  color: #FFFFFF; }
  .articles a.nav--link {
    color: #FFFFFF; }

/* =========================================================================
   State
   ========================================================================= */
.no-touch .nav--link:hover,
.no-touch .nav--link:active,
.no-touch .nav--link:focus,
.nav--link.is-active {
  background-color: #FFFFFF;
  color: #202020;
  font-weight: 500; }
  .articles .no-touch .nav--link:hover, .articles
  .no-touch .nav--link:active, .articles
  .no-touch .nav--link:focus, .articles
  .nav--link.is-active {
    color: #202020;
    font-weight: 500; }

/* =========================================================================
   GQL Link
   ========================================================================= */
.nav-gql-link {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  font-size: 1rem;
  max-height: 4rem;
  text-align: right; }
  .nav-gql-link p {
    font-weight: 600;
    line-height: 130%; }
  .nav-gql-link a {
    color: #FBAFBC;
    font-size: 0.9rem;
    line-height: 130%; }
  @media (max-width: 55rem) {
    .nav-gql-link {
      display: none; } }

/* ==========================================================================
   Menu Group
   ========================================================================== */
.menu-group {
  margin-bottom: 1.75rem; }

/* ==========================================================================
   Menu Group Title
   ========================================================================== */
.menu-group__title {
  color: #4B4950;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  padding-left: 1rem;
  text-transform: uppercase; }

/* ==========================================================================
   Menu
   ========================================================================== */
.menu__item {
  position: relative; }

.menu__item.auto-open .menu-secondary {
  height: auto; }

.menu__item.is-open .menu__link {
  color: #202020;
  font-weight: 500; }

/* ==========================================================================
   Menu Link
   ========================================================================== */
.menu__link {
  -webkit-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  -moz-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  background-color: transparent;
  background-position: left center;
  background-repeat: no-repeat;
  border: 0;
  color: #4B4950;
  cursor: pointer;
  display: inline-block;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  padding: 0.5em 2em 0.48em 1em;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .menu__link:hover {
    color: #202020;
    font-weight: 600;
    padding-left: 1.325rem; }
  .menu__link:focus {
    color: #202020;
    padding-left: 1.325rem;
    outline: none; }
  .menu__link.is-active {
    color: #202020;
    font-weight: 700; }
    .menu__link.is-active:before {
      background-color: #202020;
      bottom: 0;
      content: "";
      display: inline-block;
      left: 0;
      position: absolute;
      top: 0;
      width: 0.3125rem; }
    .menu__link.is-active:after {
      -webkit-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
      -moz-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
      transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' %3E%3Cpolygon fill='%23202020' points='11.2,4.5 7.35,8.35 6.65,7.65 9.3,5 0,5 0,4 9.3,4 6.65,1.35 7.35,0.65'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
      content: '';
      height: 100%;
      opacity: 1;
      position: absolute;
      right: 0.625rem;
      width: 1.125rem;
      top: 0; }

.menu__item.is-open .menu-secondary {
  visibility: visible; }

.menu__item.is-open .menu__link.has-menu {
  color: #202020;
  font-weight: 700;
  outline: none; }

.menu__item.is-open:before {
  background-color: rgba(32, 32, 32, 0.2);
  bottom: 0;
  content: "";
  display: inline-block;
  left: 0;
  position: absolute;
  top: 0;
  width: 0.3125rem;
  z-index: 8; }

/* ==========================================================================
   Sub Menu
   ========================================================================== */
.menu-secondary {
  height: 0;
  overflow: hidden;
  visibility: hidden; }
  @media (min-width: 71.875rem) {
    .menu-secondary {
      right: 1rem; } }

/* ==========================================================================
   Sub Menu Item
   ========================================================================== */
.menu-secondary__item {
  max-width: 95%; }

.menu-secondary__item:nth-child(1) {
  padding-bottom: 0;
  padding-top: 0.625rem; }

.menu-secondary__item.is-open .menu-secondary__link {
  color: #202020;
  font-weight: 700; }

.menu-secondary__item.is-open .menu-secondary__link:before {
  background: transparent; }

/* ==========================================================================
   Sub Menu Link
   ========================================================================== */
.menu-secondary__link {
  -webkit-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  -moz-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  background: transparent;
  border: 0;
  color: #4B4950;
  cursor: pointer;
  display: block;
  display: block;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  padding: 0.25em 2em 0.25em 1.5em;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%; }
  @media (max-width: 71.875rem) {
    .menu-secondary__link {
      line-height: 150%; } }
  .menu-secondary__link.is-active:before {
    background-color: #202020;
    content: "";
    display: inline-block;
    font-weight: 700;
    position: absolute;
    width: 0.3125rem;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 9; }
  .menu-secondary__link:hover, .menu-secondary__link:focus {
    color: #202020;
    font-weight: 600;
    padding-left: 1.75rem; }
    .menu-secondary__link:hover:before, .menu-secondary__link:focus:before {
      -webkit-transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      opacity: 1; }
    .menu-secondary__link:hover:after, .menu-secondary__link:focus:after {
      opacity: 1;
      right: 0.75rem; }

.menu-secondary__link.is-active,
.menu-secondary__link:focus {
  color: #202020;
  font-weight: 700;
  outline: none; }

.menu-secondary__link.is-active:after {
  -webkit-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  -moz-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' %3E%3Cpolygon fill='%23202020' points='11.2,4.5 7.35,8.35 6.65,7.65 9.3,5 0,5 0,4 9.3,4 6.65,1.35 7.35,0.65'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  content: '';
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0.625rem;
  width: 1.125rem;
  top: 0; }

.is-active.menu-secondary__link:after {
  -webkit-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  -moz-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  opacity: 1; }

/* ==========================================================================
   Sub-Sub Menu (Third Tier)
   ========================================================================== */
.menu-tertiary {
  height: 0;
  margin: 0;
  padding-left: 1rem;
  overflow: hidden;
  visibility: hidden; }
  .menu-tertiary.is-open {
    margin-bottom: 0.5625rem;
    visibility: visible; }
  @media (min-width: 71.875rem) {
    .menu-tertiary {
      right: 0.9375rem; } }

/* =========================================================================
   Sub-Sub Menu Link
   ========================================================================= */
.menu-tertiary__link {
  -webkit-transition: padding 200ms cubic-bezier(0.22, 0.44, 0.22, 1.2);
  -moz-transition: padding 200ms cubic-bezier(0.22, 0.44, 0.22, 1.2);
  transition: padding 200ms cubic-bezier(0.22, 0.44, 0.22, 1.2);
  background: none;
  border: 0;
  color: #4B4950;
  display: block;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  overflow: visible;
  padding: 0.25rem 1rem;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%; }
  .articles .menu-tertiary__link {
    color: #4B4950; }
  .no-touch .menu-tertiary__link:hover {
    color: #202020;
    font-weight: 600; }
  .menu-tertiary__link:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' %3E%3Cpolygon fill='%23202020' points='11.2,4.5 7.35,8.35 6.65,7.65 9.3,5 0,5 0,4 9.3,4 6.65,1.35 7.35,0.65'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    content: '';
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.125rem; }
    @media (min-width: 71.875rem) {
      .menu-tertiary__link:after {
        -webkit-transition: all 111ms cubic-bezier(0.6, 0, 0.5, 1);
        -moz-transition: all 111ms cubic-bezier(0.6, 0, 0.5, 1);
        transition: all 111ms cubic-bezier(0.6, 0, 0.5, 1); } }
  .menu-tertiary__link:hover {
    color: #202020;
    font-weight: 600;
    padding-left: auto; }
    .menu-tertiary__link:hover:before {
      opacity: 1;
      transform: scale3d(1, 1, 1); }

.menu-tertiary__link.is-active,
.menu-tertiary__link:focus {
  color: #202020;
  font-weight: 700;
  outline: none; }
  .menu-tertiary__link.is-active:hover,
  .menu-tertiary__link:focus:hover {
    background: none; }
  .menu-tertiary__link.is-active:before,
  .menu-tertiary__link:focus:before {
    background-color: #202020;
    bottom: 0;
    content: "";
    display: inline-block;
    font-weight: 700;
    left: -1rem;
    position: absolute;
    top: 0;
    width: 0.3125rem;
    z-index: 9; }

.menu-tertiary__link.is-active:after {
  opacity: 1; }

/* ==========================================================================
   Sidebar
   ========================================================================== */
.sidebar {
  width: 100%;
  z-index: 0; }

.sidebar__inner {
  padding-top: 0; }

.documentation-sidebar,
.articles-sidebar {
  background: #F4F4F7;
  bottom: 0;
  min-width: 16rem;
  overflow: auto;
  padding: 3.125rem 0.5rem 3.125rem 0;
  position: static;
  left: 0;
  right: 0;
  top: 3.6875rem;
  visibility: visible;
  width: 40%;
  z-index: 2; }
  @media (max-width: 55rem) {
    .documentation-sidebar,
    .articles-sidebar {
      padding: 9rem 4.5rem 0;
      position: fixed;
      left: -625rem;
      top: 0;
      visibility: hidden;
      width: 100%;
      z-index: 4; } }
  .ie9 .documentation-sidebar, .ie9
  .articles-sidebar {
    border: none; }
  .off-canvas-menu-open .documentation-sidebar, .off-canvas-menu-open
  .articles-sidebar {
    left: 0;
    visibility: visible; }

.developers-site.off-canvas-menu-open {
  overflow: hidden; }

.menu__item.is-open {
  padding: 0 0 0.5rem; }
  .menu__item.is-open .menu__link.has-menu {
    padding-bottom: 0; }

/* ==========================================================================
   Syntax
   ========================================================================== */
.snippet {
  background-color: #202020;
  border-radius: 0.25rem;
  color: #FFFFFF;
  font-size: 0.875em;
  line-height: 1.4;
  margin: 0 0 1.875rem 0;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative; }

.snippet--disabled {
  background-color: #EDEEF2;
  border-left: 0.25rem solid #888888; }
  .snippet--disabled .language-id + .snippet__pre {
    padding-top: 0; }

.snippet__copy-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  background: none;
  border: 0;
  border-radius: 0.25rem;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
  height: 1.875rem;
  justify-content: flex-end;
  margin-top: 0.5rem;
  overflow: hidden;
  padding: 0 0.5rem 0 0;
  position: absolute;
  right: 0.625rem;
  top: 0;
  transition: background 0.2s ease; }

.snippet__copy-wrapper:hover,
.snippet__copy-wrapper:focus {
  background: #4B4950; }
  .snippet__copy-wrapper:hover .snippet__copy-status,
  .snippet__copy-wrapper:focus .snippet__copy-status {
    color: #FFFFFF;
    font-weight: 400; }

.snippet__copy-status {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: margin 300ms cubic-bezier(0.77, 0, 0.175, 1), opacity 200ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: margin 300ms cubic-bezier(0.77, 0, 0.175, 1), opacity 200ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: margin 300ms cubic-bezier(0.77, 0, 0.175, 1), opacity 200ms cubic-bezier(0.77, 0, 0.175, 1);
  align-items: flex-end;
  flex-direction: column;
  font-size: 0.75rem;
  padding-right: 0.625rem;
  height: 3.75rem;
  justify-content: space-between;
  padding-top: 0.5rem; }

.snippet__copy-icon {
  padding-top: 0.25rem;
  width: 1rem; }

.snippet.copied .snippet__pre {
  -webkit-transition: background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
  background-color: rgba(255, 255, 255, 0.27); }

.snippet.copied:hover .snippet__pre {
  -webkit-transition: background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
  background-color: rgba(255, 255, 255, 0.27); }

.snippet.copied .snippet__copy-status {
  margin-top: -2.5rem; }

.snippet.selected {
  cursor: default; }

.snippet.selected .snippet__copy-wrapper {
  opacity: 0; }

.snippet.selected:hover {
  box-shadow: none; }
  .snippet.selected:hover .snippet__pre {
    background: none; }
  .snippet.selected:hover .snippet__copy-status {
    color: #4B4950; }

.snippet__copy-text {
  opacity: 0;
  height: 0rem;
  padding: 0;
  position: absolute; }

.snippet__pre {
  margin: 0;
  overflow-x: auto;
  padding: 1.125rem 1.875rem;
  tab-size: 0.375rem;
  white-space: pre; }

.snippet__code {
  cursor: text;
  font-family: "B_Proportional-Bold", courier, monospace;
  font-weight: 800;
  max-width: 100%; }

.snippet__banner {
  background: #171717;
  color: #FFFFFF;
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1;
  padding: 0.1875rem 0.4375rem; }

.snippet__banner--warning a {
  color: yellow; }
  .snippet__banner--warning a:hover {
    color: yellow; }

.snippet__banner--warning i {
  color: yellow;
  display: inline-block;
  font-style: normal;
  fill: currentColor;
  height: 100%;
  margin-right: 0.1875rem;
  width: auto;
  vertical-align: middle; }

.syntax.is-hidden {
  display: none; }

/* ==========================================================================
   Syntax Inline
   ========================================================================== */
.syntax-inline {
  font-size: 16px;
  font-size: 1rem;
  display: inline;
  line-height: 1;
  margin-left: 0.0625em;
  margin-right: 0.0625em;
  padding: 0.125em 0.1875em;
  word-break: break-all; }
  @media (max-width: 55rem) {
    .syntax-inline {
      font-size: 0.875rem; } }
  .markdown-h1 .syntax-inline,
  .markdown-h2 .syntax-inline,
  .markdown-h3 .syntax-inline,
  .markdown-h4 .syntax-inline,
  .markdown-h5 .syntax-inline,
  .markdown-h6 .syntax-inline {
    display: inline;
    line-height: inherit;
    margin-left: inherit;
    margin-right: inherit;
    padding: inherit; }

.syntax-inline--theme {
  background: #EDEEF2;
  border-radius: 0.25rem;
  padding: 0.1875rem 0.25rem; }
  .markdown-h1 .syntax-inline--theme,
  .markdown-h2 .syntax-inline--theme,
  .markdown-h3 .syntax-inline--theme,
  .markdown-h4 .syntax-inline--theme,
  .markdown-h5 .syntax-inline--theme,
  .markdown-h6 .syntax-inline--theme {
    background-color: inherit;
    border: none;
    border-radius: inherit;
    font-size: 100%; }

.no-highlight {
  color: #888888; }

.code-link {
  text-decoration: none; }
  .code-link .syntax-inline--theme {
    border-bottom: 0.0625rem solid #1524D9; }
    .code-link .syntax-inline--theme:hover {
      border-bottom: 0.0625rem solid #e2e2ea; }

.articles .code-link .syntax-inline--theme {
  border-bottom: 0.0625rem solid #308810; }

/* ==========================================================================
   Syntax ID Icon
   ========================================================================== */
.language-id {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: rgba(255, 255, 255, 0.27);
  line-height: 1;
  min-height: 2.8125rem; }

.language-id--disabled {
  border-bottom: 0; }

.language-id__text, .language-id__tab {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 0.75rem;
  padding: 0.5rem 0;
  position: relative; }

.language-id__text--disabled {
  color: #888888;
  padding-bottom: 0.25rem; }

.language-id__tab {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background: none;
  border: 0;
  color: white;
  cursor: pointer;
  font-weight: 500;
  height: 2.8125rem;
  margin-right: 0.375rem;
  padding: 0; }
  .language-id__tab:hover, .language-id__tab:focus {
    -webkit-transition: color 200ms ease-in;
    -moz-transition: color 200ms ease-in;
    transition: color 200ms ease-in;
    color: #DEDEDE; }
  .language-id__tab.active {
    box-shadow: inset 0 -0.1875rem 0 #DEDEDE;
    font-weight: 700; }

/* ==========================================================================
   Syntax Global
   ========================================================================== */
pre,
code {
  font-family: "B_Proportional-Bold", courier, monospace;
  font-weight: 700; }

table {
  width: 100%; }

td {
  vertical-align: top; }

th {
  padding: 0 1em 0 0;
  text-align: left; }

.main-content table {
  font-size: 1rem;
  margin-bottom: 1.875em; }
  @media (max-width: 55rem) {
    .main-content table {
      font-size: 0.875rem; } }
  .main-content table th {
    border-color: #DEDEDE;
    border-style: solid;
    border-width: 0.0625rem;
    line-height: 1.4;
    padding: 0.6875rem;
    white-space: pre-line; }
    .main-content table th code {
      background: none;
      border: 0;
      font-size: 1.2rem;
      padding: 0;
      word-break: normal; }
      @media (max-width: 55rem) {
        .main-content table th code {
          font-size: 1rem;
          word-break: break-word; } }
  .main-content table td {
    border-color: #DEDEDE;
    border-style: solid;
    border-width: 0.0625rem;
    line-height: 1.7;
    max-width: 19rem;
    min-width: 5rem;
    padding: 0.6875rem;
    white-space: normal;
    word-break: break-word; }
    @media (max-width: 55rem) {
      .main-content table td {
        line-height: 1.4; } }
    .main-content table td code {
      word-break: break-word; }
  .main-content table td.numeric,
  .main-content table th.numeric {
    text-align: right; }
  .main-content table th.numeric {
    padding: 0 0 0 1em; }
  .main-content table .custom-table {
    border: 0.0625rem solid #DEDEDE;
    margin-bottom: 1em; }
    .main-content table .custom-table th,
    .main-content table .custom-table td {
      border: 0.0625rem solid #DEDEDE;
      font-size: 0.875em;
      padding: 0.375em; }
      @media (min-width: 55rem) {
        .main-content table .custom-table th,
        .main-content table .custom-table td {
          padding: 0.75em; } }

.table__subheader {
  background: white;
  color: #888888;
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase; }

.main-content table td.table__subheader {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem; }

.selectable-row {
  position: relative; }
  .selectable-row:after {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' width='27' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231524D9' d='M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    content: '';
    cursor: pointer;
    position: absolute;
    left: 0;
    opacity: 0;
    padding-right: 2.25rem;
    height: 1.25rem;
    margin-top: 0.875rem; }

@-moz-document url-prefix() {
  .selectable-row:after {
    left: -2.25rem; } }

.selectable-row:hover {
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  transition: all 150ms ease;
  box-shadow: inset 0.3125rem 0 #DEDEDE; }
  .selectable-row:hover:after {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    opacity: 1; }

.selectable-row--highlighted {
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  transition: all 150ms ease;
  background: #f1f2fc;
  box-shadow: inset 0.3125rem 0 #1524D9; }
  .selectable-row--highlighted:hover {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    box-shadow: inset 0.3125rem 0 #111cab; }
  .selectable-row--highlighted .table__subheader {
    background-color: #f1f2fc; }
  .selectable-row--highlighted .syntax-inline {
    background-color: #F4F4F7; }

.separator {
  margin-bottom: 0.75em;
  margin-top: 0.75em; }

/* ==========================================================================
   Page Header
   ========================================================================== */
.page-header {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  z-index: 1; }

.page-header__inner {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: opacity 200ms;
  padding: 4rem 1.875em 1.875em 1.875em; }
  .csstransitions .is-loading .page-header__inner {
    opacity: 0.4; }
  .page-header__inner.page-header--hidden {
    display: none; }

.page-header__title-group {
  color: #202020;
  font-family: "B_Proportional-Bold", courier, monospace;
  font-size: 2.5rem;
  margin: 0;
  width: 100%; }
  @media (max-width: 55rem) {
    .page-header__title-group {
      font-size: 1.875rem; } }
  .page-header__title-group .page-header__title {
    font-size: 3rem; }

.page-header--title-divider {
  display: none;
  margin: 0 0.5rem; }

.page-header__section {
  display: block;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.25rem;
  opacity: 0.5; }

.page-header--guides {
  background: #FFFFFF; }

.page-header__picker {
  line-height: 2.5rem;
  margin-top: 1.25rem; }

.page-header--centered {
  margin-bottom: 4.375rem;
  padding-top: 1.875rem;
  text-align: center; }
  .page-header--centered svg {
    margin: 0 auto 2.25rem; }

/* ==========================================================================
   SDK Picker
   ========================================================================== */
.sdk-picker__wrapper {
  position: relative; }

.sdk-picker__button {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  -khtml-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  position: relative; }
  .sdk-picker-is-open .sdk-picker__button, .sdk-picker__button:active {
    background: #FFFFFF;
    box-shadow: 0 0 0 0.125rem #1524D9, 0 0 0 0.4375rem rgba(21, 36, 217, 0.1);
    color: #000000;
    outline: none;
    transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1); }

.sdk-picker__title {
  padding-left: 0.75rem;
  font-weight: 500;
  line-height: 2; }

.sdk-picker__description {
  padding-left: 0.375rem;
  padding-right: 0.75rem;
  line-height: 2; }

.sdk-picker__caret {
  height: 100%;
  margin-left: auto; }

.sdk-picker__menu-title {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 600;
  padding-left: 1.25rem;
  margin-top: 1.25rem;
  text-align: left; }
  .sdk-picker__menu-title:first-child {
    margin-top: 0.5rem; }

.sdk-picker__list {
  -webkit-animation: sdk-menu-open 350ms normal cubic-bezier(0.68, -0.55, 0.265, 1);
  -moz-animation: sdk-menu-open 350ms normal cubic-bezier(0.68, -0.55, 0.265, 1);
  animation: sdk-menu-open 350ms normal cubic-bezier(0.68, -0.55, 0.265, 1);
  background: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0.4rem 1.6rem 0.4rem rgba(0, 0, 0, 0.04);
  display: none;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2.5rem;
  overflow: hidden;
  position: absolute;
  top: 3.75rem;
  width: 100%;
  z-index: 5; }
  .sdk-picker-is-open .sdk-picker__list {
    display: block; }
  @media (min-width: 55rem) {
    .sdk-picker__list {
      width: 15rem; } }

.sdk-picker__item {
  color: #1524D9; }
  .sdk-picker__item:last-child {
    border-bottom: none; }

.sdk-picker__link {
  -webkit-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  -moz-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  color: #202020;
  display: inline-block;
  font-size: 1rem;
  padding-bottom: 0.375rem;
  padding-left: 1.25rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%; }
  .sdk-picker__link:before {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale3d(0.5, 1, 1);
    -moz-transform: scale3d(0.5, 1, 1);
    -ms-transform: scale3d(0.5, 1, 1);
    transform: scale3d(0.5, 1, 1);
    -webkit-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
    -moz-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
    transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
    background: rgba(21, 36, 217, 0.05);
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1; }
  .sdk-picker__link:hover, .sdk-picker__link:focus {
    color: #1524D9;
    padding-left: 1.375rem; }
    .sdk-picker__link:hover:before, .sdk-picker__link:focus:before {
      -webkit-transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      opacity: 1; }
  .sdk-picker__link.is-active {
    color: #1524D9; }
    .sdk-picker__link.is-active:before {
      -webkit-transform: scale3d(0.025, 1, 1);
      -moz-transform: scale3d(0.025, 1, 1);
      -ms-transform: scale3d(0.025, 1, 1);
      transform: scale3d(0.025, 1, 1);
      opacity: 1; }
    .sdk-picker__link.is-active:after {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48' height='32'%3E%3Cpath fill='%231524D9' d='M14.379 29.76L39.741 3.415 36.194.001l-21.815 22.79-10.86-11.17L0 15.064z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
      content: '';
      height: 100%;
      position: absolute;
      right: 1.125em;
      top: 0;
      width: 1rem; }
    .ie9 .sdk-picker__link.is-active {
      color: #FFFFFF; }

@-webkit-keyframes sdk-menu-open {
  0% {
    -webkit-transform: translate3d(0, -18px, 0);
    -moz-transform: translate3d(0, -18px, 0);
    -ms-transform: translate3d(0, -18px, 0);
    transform: translate3d(0, -18px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-moz-keyframes sdk-menu-open {
  0% {
    -webkit-transform: translate3d(0, -18px, 0);
    -moz-transform: translate3d(0, -18px, 0);
    -ms-transform: translate3d(0, -18px, 0);
    transform: translate3d(0, -18px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes sdk-menu-open {
  0% {
    -webkit-transform: translate3d(0, -18px, 0);
    -moz-transform: translate3d(0, -18px, 0);
    -ms-transform: translate3d(0, -18px, 0);
    transform: translate3d(0, -18px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.braintree-demo-frame {
  border: 0.0625rem solid #DEDEDE;
  border-radius: 0.25rem;
  margin-bottom: 0.75rem;
  min-height: 18.75rem;
  padding: 1.5rem;
  width: 100%; }

.braintree-demo-frame--large {
  height: 29rem; }

.braintree-dropin-demo {
  font-weight: normal;
  margin-top: -0.625rem; }
  .braintree-dropin-demo .button:disabled, .braintree-dropin-demo .ais-infinite-hits--showmore button:disabled, .ais-infinite-hits--showmore .braintree-dropin-demo button:disabled {
    opacity: 0.6; }

.loading-spinner {
  border-radius: 50%;
  border: solid 0.125rem rgba(255, 255, 255, 0.4);
  display: block;
  height: 1.125rem;
  margin: 0 auto;
  position: relative;
  width: 1.125rem; }

.loading-spinner:before {
  animation: rotateLoader 512ms infinite cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 50%;
  border-top-color: #FFFFFF;
  border: solid 0.125rem transparent;
  content: '';
  display: block;
  height: 100%;
  margin-left: -0.125rem;
  margin-top: -0.125rem;
  width: 100%; }

@keyframes rotateLoader {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

form {
  padding: 3.25rem 0 4.5rem; }
  @media (max-width: 55rem) {
    form {
      padding: 1.5rem 2%; } }
  form.js-enabled-only {
    display: none; }

.sr-hide {
  display: none !important; }

/* ==========================================================================
   Forms header
   ========================================================================== */
.contact-form__masthead {
  background: #202020;
  color: #FFFFFF;
  margin-bottom: 3rem;
  margin-top: 4.2rem;
  padding-bottom: 5rem;
  padding-top: 2rem; }
  @media (max-width: 55rem) {
    .contact-form__masthead {
      margin-top: 0;
      margin-bottom: 1rem;
      padding-bottom: 2rem;
      padding-top: 1rem;
      padding-left: 2%;
      padding-right: 2%; } }
  .contact-form__masthead a {
    color: #FFFFFF; }

.contact-form__error {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #EE0000;
  margin-bottom: 1rem; }
  .contact-form__error .icon--error {
    margin-top: 0.2rem; }

.support__contact--wrap {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  @media (max-width: 55rem) {
    .support__contact--wrap {
      -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      justify-content: flex-end;
      -ms-flex-pack: end;
      -webkit-box-pack: end;
      margin-top: 0.4rem;
      width: 100%; } }
  @media screen and (min-width: 0\0) {
    .support__contact--wrap {
      display: block; } }

.support__number {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #1524D9;
  font-size: 1rem;
  font-weight: 500; }
  .support__number:hover {
    cursor: pointer; }

.link--phone {
  color: #FFFFFF;
  text-decoration: none;
  transition: box-shadow 200ms ease; }
  .link--phone:hover, .link--phone:focus {
    color: #FFFFFF;
    outline: none;
    text-decoration: underline; }

/* Form Body ---------*/
.form__body {
  box-sizing: border-box;
  padding-bottom: 4.5rem; }
  @media (max-width: 55rem) {
    .form__body {
      padding-bottom: 1.25rem; } }

.form-title {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 3.75rem;
  line-height: 3.795rem;
  margin-top: 1.875rem; }
  @media (max-width: 55rem) {
    .form-title {
      font-size: 1.875rem;
      line-height: 1.2;
      margin-bottom: 0.625rem;
      margin-top: 0.9375rem;
      padding: 0.5rem 0; } }

.form-subtitle {
  display: block;
  font-size: 1.25rem;
  line-height: 1.3;
  margin-bottom: 1.25rem; }
  @media (max-width: 42.1875rem) {
    .form-subtitle {
      display: none; } }

.form-info {
  color: #DEDEDE; }
  .form-info a {
    color: #DEDEDE; }

.form-row {
  padding-bottom: 1rem; }

@media (max-width: 55rem) {
  .contact-form__masthead p {
    font-size: 1rem;
    line-height: 1.4; } }

.form__heading {
  color: #000000;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 2rem;
  margin-bottom: 1.25rem;
  position: relative; }
  @media (max-width: 55rem) {
    .form__heading {
      font-size: 1.5rem; } }

.form__header {
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  position: relative; }
  @media (max-width: 55rem) {
    .form__header {
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column; } }

.form__description--issues {
  max-width: 37.5rem; }
  @media (max-width: 55rem) {
    .form__description--issues {
      line-height: 1.4; } }

.form-user-message {
  line-height: 1.3;
  margin-bottom: 1.25rem; }
  @media (max-width: 42.1875rem) {
    .form-user-message {
      display: none; } }

.form-row--recaptcha {
  margin-top: 3rem; }
  .form-row--recaptcha .form-field__input-state-container {
    margin-top: 0.5rem;
    position: relative; }
    .form-row--recaptcha .form-field__input-state-container .form-field__error {
      -webkit-transition: visibility 0s, opacity 0.2s, bottom 0.2s;
      -moz-transition: visibility 0s, opacity 0.2s, bottom 0.2s;
      transition: visibility 0s, opacity 0.2s, bottom 0.2s;
      opacity: 1;
      visibility: visible; }
    .form-row--recaptcha .form-field__input-state-container .icon--error {
      -webkit-transition: visibility 0s, opacity 0.2s, bottom 0.2s;
      -moz-transition: visibility 0s, opacity 0.2s, bottom 0.2s;
      transition: visibility 0s, opacity 0.2s, bottom 0.2s;
      opacity: 1;
      visibility: visible; }

.input {
  appearance: none;
  background-color: transparent;
  border: none;
  display: block;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 600;
  margin: 0;
  outline: none;
  width: 100%;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-appearance: none; }

select::-ms-expand {
  display: none; }

.input--textarea {
  overflow: hidden;
  min-height: 4rem;
  resize: none; }

.input--checkbox {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48' height='32'%3E%3Cpath fill='%23FFFFFF' d='M14.379 29.76L39.741 3.415 36.194.001l-21.815 22.79-10.86-11.17L0 15.064z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  content: '';
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.75rem;
  border-radius: 0.25rem;
  border: 0.125rem solid black;
  cursor: pointer;
  display: inline-block;
  height: 1.25rem;
  margin-right: 0.5rem;
  opacity: 0.32;
  transition: all 0.1s;
  vertical-align: top;
  width: 1.25rem; }
  .input--checkbox:focus {
    border-color: #1524D9;
    box-shadow: 0 0 0 0.4375rem rgba(21, 36, 217, 0.1);
    opacity: 1; }
    .input--checkbox:focus:checked {
      background-color: #1524D9;
      border-color: #1524D9;
      box-shadow: 0 0 0 0.4375rem rgba(21, 36, 217, 0.1); }
  .input--checkbox:hover {
    border-color: #1524D9;
    opacity: 1; }
    .input--checkbox:hover:checked {
      border-color: #1524D9;
      background-color: #1524D9; }
  .input--checkbox:checked {
    background-color: black;
    border-color: black;
    opacity: 1; }

.input--radio {
  background-color: #FFFFFF;
  border-radius: 50%;
  border: 0.0625rem solid #4B4950;
  font-size: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
  max-width: 100%;
  transition: all 0.1s;
  width: 1.25rem; }
  .input--radio:focus, .input--radio:hover {
    border-color: #1524D9;
    box-shadow: 0 0 0 0.0625rem #1524D9, 0 0 0 0.4375rem rgba(21, 36, 217, 0.1);
    opacity: 1; }
  .input--radio:focus:checked {
    border-color: #1524D9;
    box-shadow: inset 0 0 0 0.3125rem #1524D9, 0 0 0 0.0625rem #1524D9, 0 0 0 0.4375rem rgba(21, 36, 217, 0.1); }
  .input--radio:checked {
    border-color: black;
    box-shadow: inset 0 0 0 0.3125rem #000000;
    opacity: 1; }

.input--file {
  display: none; }

::-webkit-input-placeholder {
  color: #999;
  font-weight: 500; }

::-moz-placeholder {
  color: #999;
  font-weight: 500; }

:-ms-input-placeholder {
  color: #999;
  font-weight: 500; }

:-moz-placeholder {
  color: #999;
  font-weight: 500; }

.form-field__item {
  display: block;
  position: relative;
  transition-duration: 150ms; }

.option-group-item {
  display: inline-block;
  line-height: 1.25rem;
  margin-bottom: 0.66rem;
  margin-right: 0.66rem; }

.form-field__input {
  border-radius: 0.25rem;
  border: none;
  box-shadow: 0 0 0 0.0625rem #888888;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  padding: 1.6875rem 0.75rem 0.4375rem;
  transition: 100ms ease;
  width: 100%; }
  .form-field__input:focus {
    box-shadow: 0 0 0 0.125rem #1524D9, 0 0 0 0.5rem rgba(21, 36, 217, 0.1);
    outline: none;
    transition: 100ms ease; }
  .form-field__input:focus + .form-field__label--dynamic {
    color: #1524D9;
    font-size: 0.875rem;
    top: 0.1875rem;
    transition: 100ms ease; }
  .form-field__input:not(:focus):valid + .form-field__label--dynamic {
    color: #4B4950;
    font-size: 0.875rem;
    top: 0.1875rem;
    transition: 100ms ease; }

textarea.form-field__input + .form-field__label--dynamic {
  top: 0.4rem; }

.form-field__label {
  color: #4B4950;
  font-size: 1rem;
  font-weight: 400; }

.form-field__label--heading {
  color: #000000;
  display: block;
  font-weight: 600;
  font-size: 1rem;
  margin-top: 0.75rem;
  padding-bottom: 0.375rem; }

.form-field__label--dynamic {
  font-size: 1rem;
  position: absolute;
  top: 0.75rem;
  margin-left: 0.75rem;
  transition: 100ms ease; }

.form-field__tag {
  color: #666;
  font-weight: 400;
  font-style: italic;
  font-size: 0.875rem; }

.form-field__error {
  color: #EE0000;
  display: none;
  font-size: 0.875rem;
  line-height: 1.5;
  padding-top: .3rem; }

.form-field__textarea {
  line-height: 1.5; }

.form-field__radio {
  display: inline-flex;
  align-items: center;
  margin-right: 0.625rem; }
  .form-field__radio strong {
    margin-right: 0.25rem; }

.form-field__file-upload {
  display: flex;
  align-items: center; }

.form-field__file-upload-button {
  cursor: pointer; }

.form-field__file-upload-description {
  align-items: center;
  display: inline-flex;
  font-weight: 500;
  margin-left: 0.625rem; }

.form-field--has-error .form-field__error {
  display: block; }

.form-field--has-error .form-field__input {
  box-shadow: 0 0 0 0.125rem #EE0000; }
  .form-field--has-error .form-field__input:focus {
    box-shadow: 0 0 0 0.125rem #EE0000, 0 0 0 0.4375rem rgba(238, 0, 0, 0.1); }

/* ==========================================================================
   Issue Container
   ========================================================================== */
.issue__container {
  box-shadow: 0 0.25rem 1.625rem rgba(0, 0, 0, 0.08), 0 0.125rem 0.5rem rgba(0, 0, 0, 0.02);
  border-radius: 0.25rem;
  margin-bottom: 2rem;
  margin-top: 1.5rem;
  overflow: hidden;
  padding: 1rem 1.5rem 1.5rem;
  position: relative;
  width: 100%; }
  @media (max-width: 55rem) {
    .issue__container {
      padding: 0.8rem;
      max-height: inherit; } }
  .issue__container.fallback {
    border: 0;
    box-shadow: none;
    max-height: none;
    max-width: none;
    overflow-y: auto;
    padding: 0; }
  .contact-form.collapsed .issue__container {
    border: 0;
    box-shadow: none;
    overflow-y: hidden;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0; }

.issues__wrapper {
  visibility: visible;
  opacity: 1;
  position: static;
  height: 100%;
  transform: translateY(0) scale(1);
  transition: transform 200ms ease, opacity 250ms ease;
  max-height: 35vh;
  overflow: hidden scroll; }
  @media (max-width: 71.875rem) {
    .issues__wrapper {
      max-height: 50vh; } }
  .contact-form.collapsed .issues__wrapper {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    height: 0;
    transform: translateY(-20px) scaleY(1.1);
    transition: transform 200ms ease, opacity 250ms ease; }

.issues__wrapper--fallback {
  display: none; }

.issue--fallback {
  border-bottom: 0; }

.issue__container--wrapper {
  box-shadow: none;
  border-radius: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  .contact-form.collapsed .issue__container--wrapper {
    box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.08), 0 0.25rem 1rem rgba(0, 0, 0, 0.02); }

.issue__input {
  display: block;
  height: 0;
  opacity: 0; }

.issue__input + label {
  -webkit-transition: box-shadow 0.2s ease;
  -moz-transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  background: #FFFFFF;
  border-left: 0.25rem solid #FFFFFF;
  cursor: pointer;
  display: block;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.4;
  margin-left: -1.5rem;
  padding: 0.75rem 1.5rem; }
  @media (max-width: 55rem) {
    .issue__input + label {
      font-size: 1rem; } }
  .issue--fallback .issue__input + label {
    border: 0.0625rem solid #DEDEDE;
    margin-bottom: 0.75rem;
    margin-left: 0;
    max-width: none;
    padding: 0.75rem 1rem; }

.issue__input:hover + label,
.issue__input:active + label,
.issue__input:focus + label {
  border-left: 0.25rem solid #1524D9;
  color: #1524D9; }

.issue__input:checked + label {
  border: 0;
  border-radius: 1rem;
  color: #1524D9;
  font-weight: 500;
  margin: 0;
  padding: 1.625rem;
  pointer-events: none;
  width: 100%;
  z-index: 2; }
  .issue__input:checked + label:hover, .issue__input:checked + label:active, .issue__input:checked + label:focus {
    border-color: #1524D9; }

.issue__heading {
  color: #000000;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  margin-left: 0.25rem;
  padding-top: 1.25rem; }

/* Issue filtering / search ---------*/
.issue__search-filter {
  display: block;
  position: relative; }
  .contact-form.collapsed .issue__search-filter,
  .issue__container.fallback .issue__search-filter {
    display: none; }

.issue__search-input {
  border: 0;
  box-shadow: 0 0.0625rem 0 #DEDEDE;
  font-size: 1.125rem;
  padding-bottom: 0.8rem;
  padding-left: 2rem;
  padding-top: 0.8rem;
  transition: all 0.15s ease-out;
  width: 100%; }
  .issue__search-input:focus, .issue__search-input:active {
    box-shadow: 0 0.125rem 0 #1524D9;
    outline: none; }
  .issue__search-input::-ms-clear {
    display: none; }
  .issue__search-input-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #666; }
  .issue__search-input::-moz-placeholder {
    /* Firefox 19+ */
    color: #666; }
  .issue__search-input:-ms-input-placeholder {
    /* IE 10+ */
    color: #666; }
  .issue__search-input:-moz-placeholder {
    /* Firefox 18- */
    color: #666; }
  .issue__search-input::placeholder {
    /* Chrome/Opera/Safari */
    color: #666; }

.issue__search-input--reset {
  background: none;
  border: none;
  height: 1rem;
  line-height: 0;
  margin-top: -0.5rem;
  padding: 0;
  position: absolute;
  right: 0.0625rem;
  width: 1rem;
  top: 50%;
  z-index: 2; }
  .issue__search-input--reset svg {
    fill: #DEDEDE;
    transition: fill 0.15s ease-out; }
  .issue__search-input--reset:focus, .issue__search-input--reset:hover, .issue__search-input--reset:active {
    outline: none; }
    .issue__search-input--reset:focus svg, .issue__search-input--reset:hover svg, .issue__search-input--reset:active svg {
      fill: #4B4950; }

.search__icon--issues {
  height: 1.5rem;
  left: 0;
  position: absolute;
  top: 0.7rem;
  width: 1.5rem;
  z-index: 2; }

.search__icon--issues-reset {
  height: 1.5rem;
  left: 0;
  position: absolute;
  top: 0.35rem;
  width: 1.5rem;
  z-index: 2;
  left: 1rem;
  top: 1.2rem; }

.issue__reset {
  background: #FFFFFF;
  border-radius: 0.25rem;
  border: 0.0625rem solid #DEDEDE;
  color: #888888;
  cursor: text;
  display: none;
  font-size: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 1rem 1rem 3rem;
  position: relative;
  text-align: left;
  transition: box-shadow 0.15s ease-out;
  width: 100%; }
  .issue__reset:hover, .issue__reset:focus, .issue__reset:active {
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.08);
    outline: none; }
  .contact-form.collapsed .issue__reset {
    display: block; }

.issue__quotable {
  font-size: 1rem;
  padding: 0.75rem 1.5rem;
  max-height: 218.75rem;
  overflow: hidden scroll;
  display: block; }
  @media (max-width: 55rem) {
    .issue__quotable {
      max-height: 31.25rem; } }

/* ==========================================================================
   Suggested Articles
   ========================================================================== */
.article__container {
  margin: auto 0 2rem;
  overflow: hidden;
  padding: 0 1.625rem 1.625rem; }
  .article__container .hide {
    display: none; }

.article__heading {
  border-top: 0.0625rem solid #DEDEDE;
  display: block;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  padding-top: 1.5rem;
  padding-bottom: 1rem; }

.article__list {
  columns: 2; }

.article__item {
  color: #000000;
  display: block;
  line-height: 1.3;
  font-size: 1rem;
  padding-bottom: 0.875rem; }
  .article__item:hover {
    background: none; }
  .article__item.hide {
    display: none; }

/* ==========================================================================
   Country Selector
   ========================================================================== */
.country-selector {
  font-size: 1rem;
  font-weight: 500;
  margin-left: 1rem;
  position: relative; }
  .country-selector:focus {
    outline: none; }
  @media (max-width: 55rem) {
    .country-selector {
      margin-left: 1rem; } }
  @media screen and (min-width: 0\0) {
    .country-selector {
      margin-left: 0; } }

.country-selector__trigger {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  background: #000000;
  border: 0;
  border-radius: 0.25rem;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  height: 100%;
  max-height: 2.625rem;
  min-width: 11rem;
  outline: none;
  padding: 0.375rem 0.75rem;
  transition: all 200ms cubic-bezier(0.77, 0, 0.175, 1); }
  .country-selector__trigger:hover, .country-selector__trigger:focus {
    background: #1524D9; }
  .country-selector.open .country-selector__trigger {
    background: #FFFFFF;
    box-shadow: 0 0 0 0.125rem #1524D9, 0 0 0 0.4375rem rgba(21, 36, 217, 0.1);
    color: #000000;
    transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1); }
  @media screen and (min-width: 0\0) {
    .country-selector__trigger {
      display: block;
      height: 2.625rem; } }
  @media (max-width: 42.1875rem) {
    .country-selector__trigger {
      min-width: 0; } }

.icon--caret {
  margin-left: auto; }
  .country-selector.open .icon--caret {
    transform: rotate(180deg);
    transition: transform 200ms cubic-bezier(0.77, 0, 0.175, 1); }

.country-name {
  display: inline-block; }
  @media (max-width: 42.1875rem) {
    .country-name {
      display: none; } }

.country__list {
  background: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0.4rem 1.6rem 0.4rem rgba(0, 0, 0, 0.04);
  line-height: 2.5rem;
  margin-top: 0.5rem;
  max-height: 16.875rem;
  min-width: 11rem;
  overflow-y: scroll;
  opacity: 0;
  position: absolute;
  transition: all 200ms cubic-bezier(0.77, 0, 0.175, 1);
  width: 100%;
  visibility: hidden;
  z-index: -1; }
  @media (max-width: 42.1875rem) {
    .country__list {
      right: 0; } }
  .country-selector.open .country__list {
    opacity: 1;
    visibility: visible;
    z-index: 1; }
  .country__list:focus {
    border: 0.3125rem solid blue; }

.country__item {
  color: #000000;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1); }
  .country__item:before {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale3d(0.5, 1, 1);
    -moz-transform: scale3d(0.5, 1, 1);
    -ms-transform: scale3d(0.5, 1, 1);
    transform: scale3d(0.5, 1, 1);
    -webkit-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
    -moz-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
    transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
    background: rgba(21, 36, 217, 0.05);
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1; }
  .country__item:hover, .country__item:focus {
    color: #1524D9; }
    .country__item:hover:before, .country__item:focus:before {
      -webkit-transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      opacity: 1; }

.country__item-input {
  display: none; }

.country__item-label {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  -moz-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  cursor: pointer;
  padding: 0.375rem 0.75rem; }
  .country__item-label:hover, .country__item-label:focus {
    padding-left: 1rem; }

.country__item--selected {
  font-weight: 500; }

.country__item--display {
  padding: 0 0.375rem 0 0; }
  .country__item--display:hover {
    box-shadow: none; }

/* ==========================================================================
   Flags
   ========================================================================== */
.country-flag {
  background-image: url("../img/svg/country-flags.jpg");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  border-radius: 100%;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.2);
  height: 1.5rem;
  margin-right: 0.75rem;
  width: 1.5rem; }

.country-flag--us {
  background-position: 0 -1.5rem; }

.country-flag--ca {
  background-position: 0 -264px; }

.country-flag--ad {
  background-position: 0 -480px; }

.country-flag--at {
  background-position: 0 -1104px; }

.country-flag--be {
  background-position: 0 -816px; }

.country-flag--bg {
  background-position: 0 -840px; }

.country-flag--hr {
  background-position: 0 -216px; }

.country-flag--cy {
  background-position: 0 -120px; }

.country-flag--cz {
  background-position: 0 -504px; }

.country-flag--dk {
  background-position: 0 -648px; }

.country-flag--ee {
  background-position: 0 -888px; }

.country-flag--fi {
  background-position: 0 -744px; }

.country-flag--fr {
  background-position: 0 -912px; }

.country-flag--de {
  background-position: 0 -864px; }

.country-flag--gi {
  background-position: 0 -72px; }

.country-flag--gr {
  background-position: 0 -552px; }

.country-flag--gg {
  background-position: 0 -432px; }

.country-flag--hu {
  background-position: 0 -936px; }

.country-flag--is {
  background-position: 0 -600px; }

.country-flag--ie {
  background-position: 0 -960px; }

.country-flag--im {
  background-position: 0 -240px; }

.country-flag--it {
  background-position: 0 -984px; }

.country-flag--je {
  background-position: 0 -192px; }

.country-flag--lv {
  background-position: 0 -720px; }

.country-flag--li {
  background-position: 0 -456px; }

.country-flag--lt {
  background-position: 0 -1008px; }

.country-flag--lu {
  background-position: 0 -1032px; }

.country-flag--mt {
  background-position: 0 -576px; }

.country-flag--mc {
  background-position: 0 -768px; }

.country-flag--nl {
  background-position: 0 -1056px; }

.country-flag--no {
  background-position: 0 -39rem; }

.country-flag--pl {
  background-position: 0 -792px; }

.country-flag--pt {
  background-position: 0 -408px; }

.country-flag--ro {
  background-position: 0 -1080px; }

.country-flag--sm {
  background-position: 0 -360px; }

.country-flag--sk {
  background-position: 0 -96px; }

.country-flag--si {
  background-position: 0 -384px; }

.country-flag--es {
  background-position: 0 -528px; }

.country-flag--se {
  background-position: 0 -672px; }

.country-flag--ch {
  background-position: 0 -696px; }

.country-flag--tr {
  background-position: 0 -288px; }

.country-flag--gb {
  background-position: 0 -168px; }

.country-flag--sg {
  background-position: 0 -312px; }

.country-flag--hk {
  background-position: 0 -144px; }

.country-flag--my {
  background-position: 0 -336px; }

.country-flag--au {
  background-position: 0 -48px; }

.country-flag--nz {
  background-position: 0 0; }

.search {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: none;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 2; }
  .search.is-visible {
    visibility: visible; }
  .search.active {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    animation-direction: both;
    animation-duration: 100ms;
    animation-name: fadeIn;
    background: rgba(222, 222, 222, 0.8);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw; }
  @media (max-width: 42.1875rem) {
    .search {
      padding-left: 0;
      padding-right: 0; } }

.search__trigger {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  background: rgba(255, 255, 255, 0.2);
  border: 0;
  border-radius: 3rem;
  color: #FFFFFF;
  cursor: text;
  font-size: 1.1rem;
  line-height: 1.5;
  overflow: hidden;
  min-width: 8rem;
  padding: 0.2rem 0.7rem;
  position: relative; }
  @media (max-width: 71.875rem) {
    .search__trigger {
      background-color: transparent;
      border-radius: 50%;
      cursor: pointer;
      padding: 0;
      min-width: 0;
      height: 2rem;
      width: 2rem; }
      .search__trigger:before {
        border-radius: 50%; } }

.search__trigger-icon {
  height: 1rem;
  margin-right: 0.5rem;
  width: 1rem; }
  @media (max-width: 71.875rem) {
    .search__trigger-icon {
      margin-left: 0.5rem; } }

.search__trigger-text {
  color: #DEDEDE;
  font-size: 1rem; }
  @media (max-width: 71.875rem) {
    .search__trigger-text {
      display: none; } }

.search__header {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  background-color: #000000;
  display: none;
  padding: 0.1875rem 0.75rem 0 0.75rem;
  position: fixed;
  height: 8.4rem;
  width: 100%; }
  .search.active .search__header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .search__header .nav--search__wrapper {
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    height: 3rem;
    width: 100%; }

/* ==========================================================================
Primary and secondary panels
========================================================================== */
.search__panels-container {
  height: 100vh;
  margin-top: 4.2rem;
  padding-bottom: 4.2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%; }
  @media (max-width: 55rem) {
    .search__panels-container {
      margin-top: 4.2rem;
      padding-left: 0;
      padding-right: 0; } }

.search__panels {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  background: #FFFFFF;
  border-radius: 0.5rem 0.5rem 0 0;
  box-shadow: 0 0.8rem 6.4rem 0.8rem rgba(0, 0, 0, 0.08);
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  min-width: 3rem;
  max-width: 69rem;
  position: relative;
  z-index: 2; }
  @media (max-width: 55rem) {
    .search__panels {
      min-width: 90%; } }
  @media (max-width: 42.1875rem) {
    .search__panels {
      min-width: auto; } }

.search__panel {
  background-color: transparent;
  overflow-y: auto; }
  .search.active .search__panel {
    background-color: #FFFFFF; }

.search__panel--primary {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  border-radius: 0.5rem 0 0 0.5rem;
  max-width: 48.25rem;
  width: 65%; }
  @media (max-width: 55rem) {
    .search__panel--primary {
      border-radius: 0;
      max-width: 100%;
      width: 100%; } }

.search__panel--secondary {
  border-radius: 0 0.5rem 0.5rem 0;
  width: 35%;
  display: block; }
  @media (max-width: 55rem) {
    .search__panel--secondary {
      display: none; } }

/* ==========================================================================
Input group
========================================================================== */
.search__input-group {
  line-height: 0;
  max-width: 43rem;
  overflow: hidden;
  position: relative;
  width: 60%; }
  .search.active .search__input-group {
    overflow: visible; }
  .search__input-group:hover:before, .search__input-group:focus:before {
    transform: translate(0, 0); }
  @media (max-width: 55rem) {
    .search__input-group {
      visibility: none; } }
  .search.active .search__input-group {
    -webkit-animation: expand-search-box-animation 0.5s forwards;
    animation: expand-search-box-animation 0.5s forwards; }

.search__input {
  -webkit-align-self: center;
  -moz-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  -webkit-transition: width 250ms cubic-bezier(0.44, 0.22, 0, 1);
  -moz-transition: width 250ms cubic-bezier(0.44, 0.22, 0, 1);
  transition: width 250ms cubic-bezier(0.44, 0.22, 0, 1);
  background-color: #202020;
  border: 0.3125rem solid rgba(255, 255, 255, 0.08);
  border-radius: 5rem;
  box-shadow: none;
  color: #FFFFFF;
  display: inline-block;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1;
  padding: 0.45rem 0.75rem 0.45rem 3.2rem;
  width: 100%; }
  .search__input::-webkit-input-placeholder {
    color: #7d7a85; }
  .search__input:-moz-placeholder {
    color: #7d7a85; }
  .search__input::-moz-placeholder {
    color: #7d7a85; }
  .search__input:-ms-input-placeholder {
    color: #7d7a85; }
  .search__input::-ms-clear {
    display: none; }
  .search__input:active, .search__input:focus {
    outline: none;
    background-color: #2d2d2d; }

.search__icon--search {
  height: 1.2rem;
  left: 1.4rem;
  margin-top: -0.6rem;
  position: absolute;
  top: 50%;
  width: 1.2rem; }

.search__input-reset {
  background: none;
  border: none;
  display: none !important;
  height: 1rem;
  line-height: 0;
  margin-top: -0.5rem;
  padding: 0;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  width: 1rem; }
  .search.active .search__input-reset {
    display: block !important; }
  .search__input-reset:focus, .search__input-reset:hover, .search__input-reset:active {
    outline: none; }
    .search__input-reset:focus svg, .search__input-reset:hover svg, .search__input-reset:active svg {
      fill: #DEDEDE; }
  .search__input-reset svg {
    fill: #888888;
    transition: fill 0.15s ease-out; }

.search__icon {
  display: inline-block; }

.search__keyboard-shortcut {
  color: #FFFFFF;
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 2;
  margin-top: -0.75rem;
  position: absolute;
  right: 1rem;
  top: 50%; }
  .search.active .search__keyboard-shortcut {
    display: none; }
  .search__keyboard-shortcut span {
    border: 0.0625rem solid #888888;
    border-radius: 0.25rem;
    font-weight: 500;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    padding: 0.125rem 0.25rem; }
  @media (max-width: 71.875rem) {
    .search__keyboard-shortcut {
      display: none; } }

/* ==========================================================================
   Close search
   ========================================================================== */
.search__button--close {
  background: none;
  border: 0;
  display: none;
  line-height: 0;
  padding: 0; }
  .search.active .search__button--close {
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    animation: flowInRight 200ms cubic-bezier(0.77, 0, 0.175, 1) both;
    fill: #FFFFFF; }

.search__close-message {
  color: #FFFFFF;
  font-size: 0.75rem;
  margin-right: 1rem; }
  .search__close-message span {
    border: 0.0625rem solid #888888;
    border-radius: 0.25rem;
    font-weight: 500;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    padding: 0.125rem 0.25rem; }
  @media (max-width: 71.875rem) {
    .search__close-message {
      display: none; } }

.search__icon--close {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  background-color: #202020;
  border-radius: 0.25rem;
  height: 2rem;
  width: 2rem;
  transition: background-color 200ms ease; }
  .search__button--close:hover .search__icon--close,
  .search__button--close:focus .search__icon--close {
    background-color: #2d2d2d; }

/* ==========================================================================
Tooltip
========================================================================== */
.search__tooltip {
  right: 1rem;
  position: absolute; }

.search__icon--tooltip {
  color: #888888;
  height: 0.875rem;
  width: 0.875rem; }

.search__button--tooltip {
  background-color: transparent;
  border: 0;
  display: inline-block;
  padding: 0; }
  .search__button--tooltip:hover + .search__tooltip__text,
  .search__button--tooltip:focus + .search__tooltip__text {
    display: block; }
  .search.active .search__button--tooltip {
    display: block; }
    @media (max-width: 55rem) {
      .search.active .search__button--tooltip {
        display: none; } }
    .search.active .search__button--tooltip.isHidden {
      display: none; }

.search__tooltip__text {
  background-color: #FFFFFF;
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.08);
  display: none;
  right: -1rem;
  font-size: 0.875rem;
  padding: 1rem;
  position: absolute;
  top: 2rem;
  width: 16rem;
  z-index: 3; }
  @media (max-width: 71.875rem) {
    .search__tooltip__text {
      border: 0.0625rem solid #DEDEDE;
      left: auto;
      right: -1rem; } }
  .search__tooltip__text h3 {
    font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.875rem;
    margin-top: 0; }

/* ==========================================================================
Search Results
========================================================================== */
mark {
  background: #ffffa6;
  border-bottom: 0.0625rem solid #eded00; }

.hits-container {
  -webkit-transition: opacity 100ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: opacity 100ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 100ms cubic-bezier(0.77, 0, 0.175, 1);
  color: #4B4950;
  display: none;
  opacity: 0;
  padding: 1rem 1.5rem; }
  .hits-container .ais-hits {
    font-size: 1rem;
    text-align: left; }
  .hits-container .small {
    -webkit-flex-basis: 35%;
    -moz-flex-basis: 35%;
    -ms-flex-basis: 35%;
    flex-basis: 35%; }
  .search.active .hits-container {
    display: block;
    opacity: 1; }

.hits-container--secondary {
  overflow-x: hidden; }

.hits-container__header {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  margin-bottom: 2rem;
  position: relative; }
  .hits-container__header.isHidden {
    display: none; }

.hits-container__title {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 2;
  height: 3rem;
  margin-bottom: 0; }
  @media (max-width: 55rem) {
    .hits-container__title {
      display: none; } }

.hits-container__icon {
  height: 2rem;
  margin-right: 1rem;
  width: 2rem; }

.hits-container__no-results {
  font-size: 0.875rem;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 22rem;
  text-align: center;
  width: 100%; }

.hit a {
  box-shadow: 0 0.0625rem 0 #DEDEDE;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  color: inherit;
  display: block;
  text-decoration: none; }
  .hit a:hover, .hit a:focus {
    box-shadow: 0 0.125rem 0 #1524D9;
    cursor: pointer; }
    .hit a:hover .hit__title, .hit a:focus .hit__title {
      color: #1524D9;
      text-decoration: underline; }
    .hit a:hover .hit__title--ref small, .hit a:focus .hit__title--ref small {
      color: #1524D9;
      font-weight: 600; }

.hit__title {
  display: inline-block;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0; }
  .hits--secondary .hit__title {
    font-size: 1rem; }
  .hit__title mark {
    font-weight: 500; }

.hit__description {
  color: #000000;
  display: block;
  font-size: 1rem;
  line-height: 1.7;
  margin-top: 0.1875rem;
  text-decoration: none;
  overflow-wrap: break-word; }
  .hits--secondary .hit__description {
    font-size: 0.875rem; }
  .hit__description mark {
    font-weight: 500; }

.hit__title--ref {
  text-decoration: none; }
  .hit__title--ref small {
    color: #888888;
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.0625rem;
    margin-bottom: 0.375rem;
    text-transform: uppercase; }
  .hit__title--ref i {
    opacity: 0.5; }

.hit__breadcrumb {
  color: #a09f9f;
  display: block; }
  @media (max-width: 42.1875rem) {
    .hit__breadcrumb {
      display: none; } }

.hit__breadcrumb--container {
  display: flex;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem; }
  .hit__breadcrumb--container mark {
    font-weight: 500; }

.hit__sdk {
  align-items: center;
  background: #EDEEF2;
  border-radius: 0.25rem;
  color: #4B4950;
  display: flex;
  font-family: "B_Proportional-Bold", courier, monospace;
  font-size: 0.8rem;
  line-height: 2;
  margin-right: 0.5rem;
  padding: 0 0.5rem; }

.hit__anchor {
  color: #000000;
  margin-left: 0.4rem; }

/* special hits */
.hit__content {
  overflow: hidden; }
  .hit__content .api-table {
    margin-bottom: 0; }
    .hit__content .api-table mark {
      font-weight: 500; }
    .hit__content .api-table .type {
      font-size: 1rem;
      font-style: italic; }
    .hit__content .api-table .description {
      font-size: 1rem; }
  .hit__content .hit__gradient-container {
    position: relative;
    max-height: 10rem;
    overflow-x: hidden;
    overflow-y: scroll; }
  .hit__content .snippet {
    cursor: pointer;
    color: #888888;
    margin-bottom: 0; }
  .hit__content .snippet__pre {
    overflow-x: hidden; }
  .hit__content .list {
    color: #000000;
    font-size: 1rem;
    margin-bottom: 0; }
    .hit__content .list mark {
      font-weight: 500; }
  .hit__content table {
    background: #F4F4F7;
    position: relative;
    word-break: normal; }
  .hit__content th {
    border: 0.0625rem solid #DEDEDE;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.5rem 0.8rem;
    white-space: nowrap; }
    .hit__content th mark {
      font-weight: 500; }
  .hit__content td {
    border: 0.0625rem solid #DEDEDE;
    font-size: 1rem;
    line-height: 1.6;
    padding: 0.5rem 0.8rem; }
    .hit__content td mark {
      font-weight: 500; }

/* special hits in secondary search*/
.hits--secondary table,
.hits--secondary .api-table {
  width: -ms-max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content; }

.hits--secondary .hit__gradient-container {
  position: relative; }

.hits--secondary .hit__gradient {
  background: linear-gradient(to right, transparent 10rem, white);
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  z-index: 5; }

/* ==========================================================================
Placeholder
========================================================================== */
.hits__placeholder {
  -webkit-animation: flowInBottom 500ms 50ms cubic-bezier(0.77, 0, 0.175, 1) both;
  animation: flowInBottom 500ms 50ms cubic-bezier(0.77, 0, 0.175, 1) both;
  font-size: 1rem;
  text-align: center; }

.hits__ghost-container {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.hits__ghost--circle {
  background: rgba(21, 36, 217, 0.08);
  border-radius: 50%;
  height: 2rem;
  margin-right: 1rem;
  width: 2rem; }

.hits__ghost--rec {
  background-color: #DEDEDE;
  display: inline-block;
  height: 0.5rem;
  width: 8.5rem; }

/* ==========================================================================
Filter
========================================================================== */
.search__filter {
  -webkit-animation: sdk-menu-open 350ms normal cubic-bezier(0.68, -0.55, 0.265, 1);
  -moz-animation: sdk-menu-open 350ms normal cubic-bezier(0.68, -0.55, 0.265, 1);
  animation: sdk-menu-open 350ms normal cubic-bezier(0.68, -0.55, 0.265, 1);
  background: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0.4rem 1.6rem 0.4rem rgba(0, 0, 0, 0.08);
  margin-top: 0.5rem;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 5; }

.search__filter-wrapper {
  margin: 0.25rem;
  max-width: 12rem;
  min-width: 8.5rem;
  position: relative; }

.search__filter-item {
  -webkit-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  -moz-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
  background: transparent;
  border: none;
  color: #202020;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.5rem 0.75rem 0.5rem 1rem;
  position: relative;
  text-align: left;
  width: 100%; }
  .search__filter-item:before {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale3d(0.5, 1, 1);
    -moz-transform: scale3d(0.5, 1, 1);
    -ms-transform: scale3d(0.5, 1, 1);
    transform: scale3d(0.5, 1, 1);
    -webkit-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
    -moz-transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
    transition: all 188ms cubic-bezier(0.6, 0, 0.5, 1);
    background: rgba(21, 36, 217, 0.05);
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .search__filter-item:first-child {
    border-radius: 0.25rem 0.25rem 0 0; }
  .search__filter-item:last-child {
    border-radius: 0 0 0.25rem 0.25rem; }
  .search__filter-item:hover, .search__filter-item:focus {
    color: #1524D9;
    padding-left: 1.125rem; }
    .search__filter-item:hover:before, .search__filter-item:focus:before {
      -webkit-transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      opacity: 1; }
  .search__filter-item:active {
    outline: none; }
  .search__filter-item.is-active {
    color: #1524D9; }
    .search__filter-item.is-active:after {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48' height='32'%3E%3Cpath fill='%231524D9' d='M14.379 29.76L39.741 3.415 36.194.001l-21.815 22.79-10.86-11.17L0 15.064z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
      content: '';
      height: 100%;
      position: absolute;
      right: 0.5rem;
      top: 0;
      width: 1rem; }

.search__filter-trigger {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  text-align: left;
  width: 100%; }

.search__filter-icon {
  margin-left: 0.5rem; }
  .search__filter-trigger:hover .search__filter-icon,
  .search__filter-trigger:active .search__filter-icon {
    fill: #1524D9; }

.search__filter-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.search__filter-title {
  color: #888888;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 2.5rem;
  margin-bottom: 0;
  margin-top: 1.25rem;
  padding-left: 1rem; }
  .search__filter-title:first-child {
    margin-top: 0.5rem; }

/* ==========================================================================
   Switch to articles/docs button
   ========================================================================== */
.js-search-button-switch.isHidden {
  display: none; }

/* ==========================================================================
   Elements generated with Algolia instant search
   ========================================================================== */
.algolia-docsearch-suggestion--highlight {
  background-color: #FFE9A4; }

.ais-hits--item:last-child .instant-search__hit {
  border: 0; }

.ais-infinite-hits--showmore button {
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif; }
  .ais-infinite-hits--showmore button[disabled] {
    display: none; }

/* ==========================================================================
   Animation
   ========================================================================== */
@keyframes flowInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0px); } }

@keyframes flowInBottom {
  0% {
    opacity: 0;
    transform: rotateX(-90deg); }
  100% {
    opacity: 1;
    transform: rotateX(0deg); } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.skip-main {
  left: -999px;
  overflow: hidden;
  position: absolute;
  top: 1rem;
  z-index: -999; }
  .skip-main:focus {
    left: 1rem;
    height: auto;
    width: auto;
    z-index: 10001; }

.summary-header {
  background-color: #F4F4F7;
  border-radius: 1rem;
  padding: 3rem 3rem 3rem 2rem;
  margin-left: -2rem; }
  .summary-header h1 {
    font-size: 3rem; }
  .summary-header .summary-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .summary-header .summary-content .summary-content-left {
      max-width: 70%;
      padding-right: 2rem; }
    .summary-header .summary-content .summary-outline {
      margin-top: 1.9rem; }
    .summary-header .summary-content .summary-related-links ul {
      list-style: none; }
    .summary-header .summary-content ul {
      list-style: disc;
      list-style-position: inside; }
      .summary-header .summary-content ul li {
        font-size: 1rem; }

.survey {
  background: rgba(222, 222, 222, 0.8);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: ease-out 200ms;
  visibility: hidden;
  width: 100%; }
  .survey.open {
    opacity: 1;
    visibility: visible; }

.survey__modal {
  box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.08), 0 0.25rem 1rem rgba(0, 0, 0, 0.02);
  height: 78rem;
  left: 50%;
  max-height: 97%;
  max-width: 100%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40rem; }

.survey__form {
  background-color: #FFFFFF;
  border-radius: 1rem;
  left: 0;
  max-height: 100%;
  min-height: 100%;
  overflow: auto;
  padding: 2.2rem 2.2rem 0;
  position: absolute;
  top: 0;
  width: 100%; }
  @media (max-width: 450px) {
    .survey__form {
      padding: 1.25rem 1.25rem 0; } }

.survey sub {
  font-weight: 500;
  height: 0.6rem;
  line-height: 100%; }
  .survey sub:first-of-type {
    text-align: left; }
  .survey sub:last-of-type {
    text-align: right; }

.survey__form p {
  color: #3F3D43; }

.survey__form label {
  color: #202020; }

.survey__header {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 1.6rem; }

.survey__heading h1 {
  color: #202020;
  font-size: 1.9rem; }

.survey__close-icon {
  background-color: #FFFFFF;
  border: none;
  min-width: 2.2rem; }
  .survey__close-icon:hover {
    cursor: pointer; }

.survey__question {
  font-size: 1.1rem;
  margin-bottom: 0.6rem; }

.survey__section {
  margin-bottom: 0.9rem; }

.survey__footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 15.47%, #FFFFFF 100%);
  background-color: #FFFFFF;
  border-left: 0.0625rem solid #FFFFFF;
  border-right: 0.0625rem solid #FFFFFF;
  bottom: 0;
  margin-left: -0.0625rem;
  margin-right: -0.0625rem;
  padding: 1.6rem 0;
  position: sticky;
  width: 100%; }
  .survey__footer button:first-of-type {
    margin-right: 1.5rem; }
    @media (max-width: 650px) {
      .survey__footer button:first-of-type {
        margin-right: 0.5rem; } }

.survey__radio {
  background-color: #EDEEF2;
  border-radius: 0.5rem;
  color: white;
  padding: 0.9rem; }
  .survey__radio:hover {
    background-color: #e2e4fc;
    cursor: pointer; }
  .survey__radio:last-of-type {
    margin-right: 0; }
  @media (max-width: 650px) {
    .survey__radio {
      padding: 0.6rem; }
      .survey__radio.form-field__radio {
        margin-right: 0.3125rem; } }

.survey__radio-exp-score {
  padding: 1.5rem 2rem; }

.survey__radio-company-size {
  height: 3.75rem;
  margin-bottom: 0.9rem;
  padding: 0 3rem; }
  @media (max-width: 650px) {
    .survey__radio-company-size {
      padding: 0 2rem; } }

.survey__radio-background {
  background-position: center;
  background-repeat: no-repeat; }

.survey__radio-exp-score-1 {
  background-image: url("/img/icons_survey/face_sad.svg"); }

label.survey__radio--checked.survey__radio-exp-score-1 {
  background-image: url("/img/icons_survey/face_sad_inverse.svg"); }

.survey__radio-exp-score-2 {
  background-image: url("/img/icons_survey/face_slightly_sad.svg"); }

label.survey__radio--checked.survey__radio-exp-score-2 {
  background-image: url("/img/icons_survey/face_slightly_sad_inverse.svg"); }

.survey__radio-exp-score-3 {
  background-image: url("/img/icons_survey/face_neutral.svg"); }

label.survey__radio--checked.survey__radio-exp-score-3 {
  background-image: url("/img/icons_survey/face_neutral_inverse.svg"); }

.survey__radio-exp-score-4 {
  background-image: url("/img/icons_survey/face_slightly_happy.svg"); }

label.survey__radio--checked.survey__radio-exp-score-4 {
  background-image: url("/img/icons_survey/face_slightly_happy_inverse.svg"); }

.survey__radio-exp-score-5 {
  background-image: url("/img/icons_survey/face_happy.svg"); }

label.survey__radio--checked.survey__radio-exp-score-5 {
  background-image: url("/img/icons_survey/face_happy_inverse.svg"); }

.survey__radio-startup {
  background-image: url("/img/icons_survey/business_startup.svg"); }

label.survey__radio--checked.survey__radio-startup {
  background-image: url("/img/icons_survey/business_startup_inverse.svg"); }

.survey__radio-small-business {
  background-image: url("/img/icons_survey/business_small.svg"); }

label.survey__radio--checked.survey__radio-small-business {
  background-image: url("/img/icons_survey/business_small_inverse.svg"); }

.survey__radio-medium-business {
  background-image: url("/img/icons_survey/business_medium.svg"); }

label.survey__radio--checked.survey__radio-medium-business {
  background-image: url("/img/icons_survey/business_medium_inverse.svg"); }

.survey__radio-enterprise {
  background-image: url("/img/icons_survey/business_enterprise.svg"); }

label.survey__radio--checked.survey__radio-enterprise {
  background-image: url("/img/icons_survey/business_enterprise_inverse.svg"); }

.survey__radio input {
  display: none; }

label.survey__radio--checked,
label.survey__radio--checked:hover {
  background-color: #1524D9;
  color: #FFFFFF; }

.survey__most-important-group .option-group-item {
  margin-right: 1rem; }

.survey__most-important-group input[type=checkbox] {
  margin-right: 0.25rem; }

.survey__most-important-group label {
  font-size: smaller;
  font-weight: 500; }

.survey__radio-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify; }

.survey__subtext {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  margin-top: 0.9rem; }

.survey__select {
  background-color: #EDEEF2;
  background-image: url("/img/icons_survey/carrot.svg");
  background-position: center right 6%;
  background-repeat: no-repeat;
  background-size: 0.9rem;
  border-radius: 0.25rem;
  width: 50%; }
  .survey__select:hover {
    background-color: #e2e4fc;
    cursor: pointer; }

.survey__email-input {
  width: 50%; }

.survey__email-input:hover {
  border: solid 0.0625rem #1524D9;
  cursor: pointer; }
  .survey__email-input:hover:focus {
    border: none; }

.survey__select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0.5rem 1rem;
  width: 100%; }
  .survey__select select:hover {
    cursor: pointer; }
  .survey__select select:focus {
    background-color: #FFFFFF;
    border-color: #1524D9;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem #1524D9, 0 0 0 0.4375rem px rgba(21, 36, 217, 0.1);
    opacity: 1;
    outline: none; }

.survey__group-column {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.survey__open-button-wrapper {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-align: end;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 0.75rem;
  margin-left: auto; }
  .survey__open-button-wrapper.survey__open-button-wrapper--hidden {
    display: none; }
  @media (max-width: 650px) {
    .survey__open-button-wrapper {
      display: none; } }

.survey__open-button {
  background-color: #202020;
  border-bottom-right-radius: 0;
  border-radius: 1rem;
  border: none;
  color: #FFFFFF;
  padding: 0.5rem 1rem; }
  .survey__open-button:first-child {
    margin-right: 0.5rem; }
  .survey__open-button.survey__open-button--enabled {
    background-color: #2DA34A; }
  .survey__open-button.survey__open-button--disabled {
    background-color: #000000; }
  @media (max-width: 730px) {
    .survey__open-button {
      line-height: 120%;
      padding: 0.5rem 1rem;
      text-align: left; } }

.survey__owl-icon {
  height: 1.6rem; }

.survey__captcha-disclaimer {
  max-width: 31.25rem;
  width: 100%; }

.grecaptcha-badge {
  visibility: hidden !important; }

/* ==========================================================================
   Views
   ========================================================================== */
/* ==========================================================================
   Root Elements
   ========================================================================== */
.root {
  background-color: #FFFFFF;
  height: 100%;
  width: 100%; }

.app {
  -webkit-transition: min-height 566ms cubic-bezier(0.22, 0.44, 0.22, 1.2);
  -moz-transition: min-height 566ms cubic-bezier(0.22, 0.44, 0.22, 1.2);
  transition: min-height 566ms cubic-bezier(0.22, 0.44, 0.22, 1.2);
  height: auto;
  width: 100%; }

.global-content-wrapper {
  padding-top: 1.5em; }
  @media (min-width: 55rem) {
    .global-content-wrapper {
      padding-top: 3.375em; } }

.js-outlet {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 200ms, -webkit-transform 366ms cubic-bezier(0.22, 0.44, 0.22, 1.2);
  -moz-transition: opacity 200ms, -moz-transform 366ms cubic-bezier(0.22, 0.44, 0.22, 1.2);
  transition: opacity 200ms, transform 366ms cubic-bezier(0.22, 0.44, 0.22, 1.2);
  opacity: 1; }

.main-content {
  flex-shrink: 0; }

/* ==========================================================================
   Error 404
   ========================================================================== */
.error-view__wrapper {
  padding: 7.5em 0 9.375em;
  text-align: center; }

.error-view__message {
  color: #1524D9;
  font-weight: 500;
  letter-spacing: 0.0625rem; }

.error-view__heading {
  border: 0.125rem solid #1524D9;
  border-radius: 0.25rem;
  color: #1524D9;
  display: inline-block;
  margin-bottom: 1.875rem;
  padding: 0.1875em 0.375em; }
  .articles .error-view__heading {
    border: 0.125rem solid #308810;
    color: #308810; }

/* ==========================================================================
   Reference Table
   ========================================================================== */
.api-table {
  border-radius: 0.25rem;
  color: #202020;
  font-size: 0.9375rem;
  margin-bottom: 1.875rem;
  overflow: hidden; }
  .api-table .name,
  .api-table code {
    display: inline;
    font-family: "B_Proportional-Bold", courier, monospace;
    font-weight: 500;
    word-break: break-word; }
  .api-table .status-required,
  .api-table .status-required-europe-only {
    color: #990000;
    font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 500;
    font-size: 0.9375rem; }
    @media (max-width: 55rem) {
      .api-table .status-required,
      .api-table .status-required-europe-only {
        font-size: 0.8125rem; } }
  .api-table .markdown-p:last-child {
    margin-bottom: 0; }
  .api-table .list:last-child {
    margin-bottom: 0; }
  .api-table .description {
    display: block;
    font-size: 0.875rem; }
  .api-table .type {
    display: block;
    font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 300;
    padding-left: 0.75rem; }
    .api-table .type .syntax-inline {
      background: none;
      border: none;
      font-style: italic;
      font-weight: 300;
      font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 0.9375rem;
      padding: 0;
      margin: 0; }
      @media (max-width: 55rem) {
        .api-table .type .syntax-inline {
          font-size: 0.8125rem; } }
  .api-table .type__name {
    font-style: italic; }
  .api-table li {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0.375rem; }
    @media (max-width: 55rem) {
      .api-table li {
        font-size: 0.875rem; } }
    .api-table li:last-child {
      margin-bottom: 0; }
    .api-table li code {
      color: #202020;
      line-height: 1.6; }
  .api-table .long-string {
    word-break: break-all;
    word-wrap: break-word; }
  .api-table .array-description {
    background: #FFFFFF;
    display: block;
    font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.875rem;
    font-weight: 300;
    position: relative;
    z-index: 1; }
    .api-field .api-table .array-description {
      padding-top: 0; }
  .api-table .hash-link-container {
    display: block; }
    .api-table .hash-link-container:after {
      content: '';
      display: table;
      width: 100%;
      border-bottom: 0.0625rem solid #DEDEDE;
      position: absolute;
      top: 50%;
      z-index: 0; }
    .api-table .hash-link-container code {
      background: #FFFFFF;
      padding-right: 0.375rem;
      z-index: 1;
      position: relative; }

.api-table-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 1.5rem;
  position: relative;
  padding-left: 0.9375rem;
  padding-right: 0; }
  .api-table-row:first-child {
    margin-top: 0; }
  @media (max-width: 55rem) {
    .api-table-row {
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column;
      padding-left: 0.625rem; } }

.api-field {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 0.625rem;
  width: 50%; }
  @media (max-width: 55rem) {
    .api-field {
      padding-bottom: 0;
      width: 100%; } }

.api-definition {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 0.75rem;
  width: 50%; }
  @media (max-width: 55rem) {
    .api-definition {
      padding-top: 0;
      padding-left: 0.75rem;
      width: 100%; } }
  .grand-master-parent .api-definition .syntax-inline {
    background-color: #F4F4F7; }

.grand-master-parent {
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  transition: all 150ms ease;
  border-left: 0.3125rem solid #EDEEF2;
  background: #EDEEF2;
  font-size: 0.875rem; }
  .grand-master-parent:hover {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    border-color: #DEDEDE;
    cursor: pointer; }
  .grand-master-parent.highlighted {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    border-color: #1524D9;
    background: #f1f2fc; }
    .grand-master-parent.highlighted .hash-link-container code {
      background: #f1f2fc; }
  .grand-master-parent.highlighted:hover {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    border-color: #111cab; }
  .grand-master-parent .type {
    font-size: 1rem; }
    @media (max-width: 55rem) {
      .grand-master-parent .type {
        font-size: 0.875rem; } }
  .grand-master-parent .hash-link-container code {
    background: #EDEEF2; }

.indent-1 {
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  transition: all 150ms ease;
  border: 0;
  border-left: 0.3125rem solid #EDEEF2;
  font-size: 0.875rem; }
  .indent-1:hover {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    border-color: #DEDEDE;
    cursor: pointer; }
  .indent-1.highlighted {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    border-color: #1524D9; }
  .indent-1.highlighted:hover {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    border-color: #111cab; }

.indent-2 {
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  transition: all 150ms ease;
  border-left: 0.3125rem solid #EDEEF2;
  display: flex;
  font-size: 0.875rem; }
  @media (max-width: 55rem) {
    .indent-2 {
      flex-wrap: wrap; } }
  .indent-2.highlighted .api-field {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    border-color: #1524D9; }
  .indent-2.highlighted:hover .api-field {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    border-color: #111cab; }
  .indent-2 .api-field {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    border-left: 0.3125rem solid #EDEEF2;
    padding-left: 0.9375rem; }
    .indent-2 .api-field:hover {
      -webkit-transition: all 150ms ease;
      -moz-transition: all 150ms ease;
      transition: all 150ms ease;
      border-color: #DEDEDE;
      cursor: pointer; }
  .indent-2 .api-definition {
    border-left: 0;
    padding-right: 1.125rem; }
    @media (max-width: 55rem) {
      .indent-2 .api-definition {
        border-left: 0.3125rem solid #EDEEF2;
        padding-left: 1.5625rem; } }

.indent-3 {
  border-left: 0.3125rem solid #EDEEF2;
  display: flex; }
  @media (max-width: 55rem) {
    .indent-3 {
      flex-wrap: wrap; } }
  .indent-3.highlighted .api-field {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    box-shadow: inset 1.5625rem 0 0 0 #FFFFFF, inset 1.875rem 0 0 0 #1524D9; }
  .indent-3.highlighted:hover .api-field {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    box-shadow: inset 1.5625rem 0 0 0 #FFFFFF, inset 1.875rem 0 0 0 #111cab; }
  .indent-3 .api-field {
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    transition: all 150ms ease;
    border-left: 0.3125rem solid #EDEEF2;
    box-shadow: inset 1.5625rem 0 0 0 #FFFFFF, inset 1.875rem 0 0 0 #EDEEF2;
    padding-left: 2.8125rem; }
    .indent-3 .api-field:hover {
      -webkit-transition: all 150ms ease;
      -moz-transition: all 150ms ease;
      transition: all 150ms ease;
      box-shadow: inset 1.5625rem 0 0 0 #FFFFFF, inset 1.875rem 0 0 0 #DEDEDE;
      cursor: pointer; }
  .indent-3 .api-definition {
    padding-right: 1.25rem; }
    @media (max-width: 55rem) {
      .indent-3 .api-definition {
        border-left: 0.3125rem solid #EDEEF2;
        box-shadow: inset 1.5625rem 0 0 0 #FFFFFF, inset 1.875rem 0 0 0 #EDEEF2;
        padding-left: 2.8125rem; } }

[class^='indent-'] {
  margin-top: 0; }

.landing-tile {
  align-self: stretch;
  background-color: #EDEEF2;
  color: #202020;
  display: flex;
  flex-basis: 25rem;
  flex-direction: column;
  font-size: 1rem;
  justify-content: space-between;
  line-height: 130%;
  margin: 0.5rem;
  padding: 0.5rem 2rem 1rem;
  text-align: center;
  text-decoration: none;
  width: 40%; }
  .landing-tile h4 {
    font-size: 1.4rem; }
  .landing-tile p {
    font-size: 1rem;
    font-weight: 400; }
  .landing-tile a {
    margin-top: 0.5rem; }

.landing-tiles--alt {
  background-color: #EDEEF2; }
  .landing-tiles--alt .landing-tile {
    background-color: #FFFFFF; }

.landing-cover-image {
  text-align: center;
  width: 100%; }
  .landing-cover-image svg {
    max-width: 524px;
    width: 100%; }

.section .landing-limited-width-text {
  max-width: 24rem; }

.landing-message {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  background-color: #EDEEF2;
  padding: 1rem; }
  @media (max-width: 55rem) {
    .landing-message {
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column;
      text-align: center; } }
  .landing-message h1 {
    font-size: 1.5rem;
    margin: 0; }
  .landing-message p {
    font-size: 1rem; }
  .landing-message a {
    font-size: 1rem; }

/* ==========================================================================
   Helpers
   ========================================================================== */
.counter-reset--section {
  counter-reset: section; }

.hide {
  display: none;
  visibility: hidden; }

/* ==========================================================================
   Responsive Utility Classes
   ========================================================================== */
.hide-for-large {
  display: block;
  visibility: visible; }
  @media only screen and (max-width: 80rem) {
    .hide-for-large {
      display: none;
      visibility: hidden; } }

.hide-for-medium {
  display: block;
  visibility: visible; }
  @media only screen and (max-width: 71.875rem) {
    .hide-for-medium {
      display: none !important;
      visibility: hidden !important; } }

.hide-for-small {
  display: block;
  visibility: visible; }
  @media only screen and (max-width: 55rem) {
    .hide-for-small {
      display: none  !important;
      visibility: hidden !important; } }

/* ==========================================================================
   Layout Helpers
   ========================================================================== */
.float-right {
  float: right; }

.float-left {
  float: left; }

.position-relative {
  position: relative; }

.push-below-1 {
  margin-bottom: 1.875em; }

.push-above-1 {
  margin-top: 1.875em; }

.push-below-2 {
  margin-bottom: 3.75em; }

.push-above-2 {
  margin-top: 3.75em; }

.push-below-3 {
  margin-bottom: 5.625em; }

.push-above-3 {
  margin-top: 5.625em; }

.push-below-4 {
  margin-bottom: 7.5em; }

.push-above-4 {
  margin-top: 7.5em; }

.push-below-5 {
  margin-bottom: 9.375em; }

.push-above-5 {
  margin-top: 9.375em; }

.push-below-6 {
  margin-bottom: 11.25em; }

.push-above-6 {
  margin-top: 11.25em; }

.row-padded {
  padding-bottom: 1.5em;
  padding-top: 1.5em; }
  @media (min-width: 55rem) {
    .row-padded {
      padding-bottom: 3.75em;
      padding-top: 3.75em; } }

.row-padded--large {
  padding-bottom: 5.625em;
  padding-top: 5.625em; }
  @media only screen and (max-width: 71.875rem) {
    .row-padded--large {
      padding-bottom: 2.8125em;
      padding-top: 2.8125em; } }

.wrapper--full-width {
  position: relative;
  width: 100%; }

.wrapper--mid-width {
  max-width: 37.5em;
  position: relative;
  width: 100%; }
  @media only screen and (max-width: 71.875rem) {
    .wrapper--mid-width {
      max-width: none; } }

.v-center--container {
  display: table;
  width: 100%; }

.v-center {
  display: table-cell;
  vertical-align: middle; }

.marquee--small {
  height: 21.875em; }

.margin-top--large {
  margin-top: 3rem; }

/* ==========================================================================
   Visual Helpers
   ========================================================================== */
hr {
  background-color: #DEDEDE;
  background-color: rgba(0, 0, 0, 0.08);
  border: 0;
  height: 0.0625rem;
  margin: 0; }

.background-grey-ultra-light {
  background-color: #F4F4F7; }

.background-grey-base {
  background-color: #F4F4F7;
  color: #FFFFFF; }

.background-grey-darkest {
  background-color: #3F3D43;
  color: #FFFFFF; }

.background-grey-dark {
  background-color: #4B4950;
  color: #FFFFFF; }
  .background-grey-dark a {
    color: #FFFFFF; }

.background-white-trans {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0.25rem;
  padding: 0.625em 1.25em; }
  @media only screen and (max-width: 71.875rem) {
    .background-white-trans {
      padding-bottom: 1.25em;
      padding-top: 1.25em; } }

.background-green {
  background-color: #308810;
  color: #FFFFFF; }

.u-dib {
  display: inline-block; }

.display-none {
  display: none; }

.u-mb--small {
  margin-bottom: 1rem; }

.u-mb--medium {
  margin-bottom: 2rem; }

.u-mb--xlarge {
  margin-bottom: 3.5rem; }

.u-ml--small {
  margin-left: 1rem; }

.u-mt--medium {
  margin-top: 2rem; }

/* ==========================================================================
   Typographic Helpers
   ========================================================================== */
.text-color-light,
.text-light {
  opacity: 0.5; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-weight-bold {
  font-weight: 600; }

.text-weight-500 {
  font-weight: 500; }

.text-small {
  font-size: 0.75rem; }

.text-bold-underline {
  font-weight: 700;
  text-decoration: underline; }

.text-lowercase {
  text-transform: lowercase; }

.ascii {
  font-family: monospace;
  font-size: 0.75rem;
  overflow: hidden; }

.text--avenir {
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 800; }

/**
 * Element class series for setting smaller type; for use in side-comments,
 * copyright and legal text, independent of its styled presentation.
 *
 * Recommended use:
 *
 * <element class="[small|micro]">
 *    Small
 * </element>
 */
.small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2857142857; }

.micro {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5; }

/* ==========================================================================
   rules
   ========================================================================== */
.rule {
  border: 0;
  border-bottom: 0.125rem solid #EDEEF2;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0; }
  [class*="--inverted"] .rule {
    border-bottom-color: #FFFFFF; }
  .rule.rule--small {
    width: 5rem; }
  .rule.rule--third {
    width: 33%; }

.rule--left {
  border-left: 1px solid #EDEEF2; }

.rule--right {
  border-right: 1px solid #EDEEF2; }

.rule--top {
  border-top: 1px solid #EDEEF2; }

.rule--bottom {
  border-bottom: 1px solid #EDEEF2; }

/* ==========================================================================
   Clamp
   ========================================================================== */
.clamp--narrow {
  margin: 0 auto;
  width: 83.3333%; }

/* ==========================================================================
   Clearfix
   ========================================================================== */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
.cf:before,
.cf:after {
  content: ' ';
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1; }

/* ==========================================================================
   Styles related to AB testing
   ========================================================================== */
.grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .grid.grid--overflow-spacing > .grid-item:not(:nth-child(n + 2)), .grid.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 2)), .grid.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 2)) {
    margin-top: 0; }
  .grid.grid--overflow-spacing-large > .grid-item:nth-child(n + 2) {
    margin-top: 3.75rem; }
  .grid.grid--overflow-spacing > .grid-item:nth-child(n + 2) {
    margin-top: 1.875rem; }
  .grid.grid--overflow-spacing-small > .grid-item:nth-child(n + 2) {
    margin-top: 0.9375rem; }
  .grid > .grid-item,
  .grid > .grid-item--primary,
  .grid > .grid-item--secondary {
    -webkit-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%; }
  .grid.grid--gutters > .grid-item,
  .grid.grid--gutters > .grid-item--primary,
  .grid.grid--gutters > .grid-item--secondary {
    width: 97%; }
  .grid.grid--gutters-large > .grid-item,
  .grid.grid--gutters-large > .grid-item--primary,
  .grid.grid--gutters-large > .grid-item--secondary {
    width: 94%; }
  .grid.grid--overflow-spacing > .grid-item:first-child, .grid.grid--overflow-spacing-small > .grid-item:first-child {
    margin-top: 0; }
  .grid > .grid-item,
  .grid > .grid-item--primary,
  .grid > .grid-item--secondary {
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%; }
  @media (min-width: 0) {
    .grid.grid--fluid.grid--overflow-spacing > .grid-item:nth-child(n), .grid.grid--fluid.grid--overflow-spacing-small > .grid-item:nth-child(n) {
      margin-top: 0; }
    .grid.grid--fluid > .grid-item,
    .grid.grid--fluid > .grid-item--primary,
    .grid.grid--fluid > .grid-item--secondary {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: auto; }
      .grid.grid--fluid > .grid-item.grid-item--fixed,
      .grid.grid--fluid > .grid-item--primary.grid-item--fixed,
      .grid.grid--fluid > .grid-item--secondary.grid-item--fixed {
        flex: 0 1 auto; }
    .grid.grid--six.grid--overflow-spacing > .grid-item:not(:nth-child(n + 7)), .grid.grid--six.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 7)), .grid.grid--six.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 7)) {
      margin-top: 0; }
    .grid.grid--six.grid--overflow-spacing-large > .grid-item:nth-child(n + 7) {
      margin-top: 3.75rem; }
    .grid.grid--six.grid--overflow-spacing > .grid-item:nth-child(n + 7) {
      margin-top: 1.875rem; }
    .grid.grid--six.grid--overflow-spacing-small > .grid-item:nth-child(n + 7) {
      margin-top: 0.9375rem; }
    .grid.grid--six > .grid-item,
    .grid.grid--six > .grid-item--primary,
    .grid.grid--six > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 16.6666666667%; }
    .grid.grid--six.grid--gutters > .grid-item,
    .grid.grid--six.grid--gutters > .grid-item--primary,
    .grid.grid--six.grid--gutters > .grid-item--secondary {
      width: 13.6666666667%; }
    .grid.grid--six.grid--gutters-large > .grid-item,
    .grid.grid--six.grid--gutters-large > .grid-item--primary,
    .grid.grid--six.grid--gutters-large > .grid-item--secondary {
      width: 10.6666666667%; }
    .grid.grid--five.grid--overflow-spacing > .grid-item:not(:nth-child(n + 6)), .grid.grid--five.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 6)), .grid.grid--five.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 6)) {
      margin-top: 0; }
    .grid.grid--five.grid--overflow-spacing-large > .grid-item:nth-child(n + 6) {
      margin-top: 3.75rem; }
    .grid.grid--five.grid--overflow-spacing > .grid-item:nth-child(n + 6) {
      margin-top: 1.875rem; }
    .grid.grid--five.grid--overflow-spacing-small > .grid-item:nth-child(n + 6) {
      margin-top: 0.9375rem; }
    .grid.grid--five > .grid-item,
    .grid.grid--five > .grid-item--primary,
    .grid.grid--five > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 20%; }
    .grid.grid--five.grid--gutters > .grid-item,
    .grid.grid--five.grid--gutters > .grid-item--primary,
    .grid.grid--five.grid--gutters > .grid-item--secondary {
      width: 17%; }
    .grid.grid--five.grid--gutters-large > .grid-item,
    .grid.grid--five.grid--gutters-large > .grid-item--primary,
    .grid.grid--five.grid--gutters-large > .grid-item--secondary {
      width: 14%; }
    .grid.grid--four.grid--overflow-spacing > .grid-item:not(:nth-child(n + 5)), .grid.grid--four.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 5)), .grid.grid--four.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 5)) {
      margin-top: 0; }
    .grid.grid--four.grid--overflow-spacing-large > .grid-item:nth-child(n + 5) {
      margin-top: 3.75rem; }
    .grid.grid--four.grid--overflow-spacing > .grid-item:nth-child(n + 5) {
      margin-top: 1.875rem; }
    .grid.grid--four.grid--overflow-spacing-small > .grid-item:nth-child(n + 5) {
      margin-top: 0.9375rem; }
    .grid.grid--four > .grid-item,
    .grid.grid--four > .grid-item--primary,
    .grid.grid--four > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 25%; }
    .grid.grid--four.grid--gutters > .grid-item,
    .grid.grid--four.grid--gutters > .grid-item--primary,
    .grid.grid--four.grid--gutters > .grid-item--secondary {
      width: 22%; }
    .grid.grid--four.grid--gutters-large > .grid-item,
    .grid.grid--four.grid--gutters-large > .grid-item--primary,
    .grid.grid--four.grid--gutters-large > .grid-item--secondary {
      width: 19%; }
    .grid.grid--three.grid--overflow-spacing > .grid-item:not(:nth-child(n + 4)), .grid.grid--three.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 4)), .grid.grid--three.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 4)) {
      margin-top: 0; }
    .grid.grid--three.grid--overflow-spacing-large > .grid-item:nth-child(n + 4) {
      margin-top: 3.75rem; }
    .grid.grid--three.grid--overflow-spacing > .grid-item:nth-child(n + 4) {
      margin-top: 1.875rem; }
    .grid.grid--three.grid--overflow-spacing-small > .grid-item:nth-child(n + 4) {
      margin-top: 0.9375rem; }
    .grid.grid--three > .grid-item,
    .grid.grid--three > .grid-item--primary,
    .grid.grid--three > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 33.3333333333%; }
    .grid.grid--three.grid--gutters > .grid-item,
    .grid.grid--three.grid--gutters > .grid-item--primary,
    .grid.grid--three.grid--gutters > .grid-item--secondary {
      width: 30.3333333333%; }
    .grid.grid--three.grid--gutters-large > .grid-item,
    .grid.grid--three.grid--gutters-large > .grid-item--primary,
    .grid.grid--three.grid--gutters-large > .grid-item--secondary {
      width: 27.3333333333%; }
    .grid.grid--golden.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.grid--golden.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.grid--golden.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.grid--golden.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.grid--golden.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.grid--golden.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.grid--golden > .grid-item {
      flex: 0 1 auto; }
    .grid.grid--golden > .grid-item--primary {
      width: 61.8%; }
    .grid.grid--golden > .grid-item--secondary {
      width: 38.2%; }
    .grid.grid--golden.grid--gutters > .grid-item--primary {
      width: 58.8%; }
    .grid.grid--golden.grid--gutters > .grid-item--secondary {
      width: 35.2%; }
    .grid.grid--golden.grid--gutters-large > .grid-item--primary {
      width: 55.8%; }
    .grid.grid--golden.grid--gutters-large > .grid-item--secondary {
      width: 32.2%; }
    .grid.grid--fixed-primary.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.grid--fixed-primary.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.grid--fixed-primary.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.grid--fixed-primary.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.grid--fixed-primary.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.grid--fixed-primary.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.grid--fixed-primary > .grid-item--secondary {
      flex: 1; }
    .grid.grid--fixed-primary > .grid-item--primary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 52.5rem; }
    .grid.grid--fixed-secondary.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.grid--fixed-secondary.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.grid--fixed-secondary.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.grid--fixed-secondary.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.grid--fixed-secondary.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.grid--fixed-secondary.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.grid--fixed-secondary > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 10rem; }
    .grid.grid--fixed-secondary > .grid-item--primary {
      flex: 1; }
    .grid.grid--two.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.grid--two.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.grid--two.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.grid--two.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.grid--two.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.grid--two.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.grid--two > .grid-item,
    .grid.grid--two > .grid-item--primary,
    .grid.grid--two > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 50%; }
    .grid.grid--two.grid--gutters > .grid-item,
    .grid.grid--two.grid--gutters > .grid-item--primary,
    .grid.grid--two.grid--gutters > .grid-item--secondary {
      width: 47%; }
    .grid.grid--two.grid--gutters-large > .grid-item,
    .grid.grid--two.grid--gutters-large > .grid-item--primary,
    .grid.grid--two.grid--gutters-large > .grid-item--secondary {
      width: 44%; }
    .grid.grid--one.grid--overflow-spacing > .grid-item:not(:nth-child(n + 2)), .grid.grid--one.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 2)), .grid.grid--one.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 2)) {
      margin-top: 0; }
    .grid.grid--one.grid--overflow-spacing-large > .grid-item:nth-child(n + 2) {
      margin-top: 3.75rem; }
    .grid.grid--one.grid--overflow-spacing > .grid-item:nth-child(n + 2) {
      margin-top: 1.875rem; }
    .grid.grid--one.grid--overflow-spacing-small > .grid-item:nth-child(n + 2) {
      margin-top: 0.9375rem; }
    .grid.grid--one > .grid-item,
    .grid.grid--one > .grid-item--primary,
    .grid.grid--one > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 100%; }
    .grid.grid--one.grid--gutters > .grid-item,
    .grid.grid--one.grid--gutters > .grid-item--primary,
    .grid.grid--one.grid--gutters > .grid-item--secondary {
      width: 97%; }
    .grid.grid--one.grid--gutters-large > .grid-item,
    .grid.grid--one.grid--gutters-large > .grid-item--primary,
    .grid.grid--one.grid--gutters-large > .grid-item--secondary {
      width: 94%; }
    .grid .grid-item--order-1 {
      order: 1; }
    .grid .grid-item--order-2 {
      order: 2; }
    .grid .grid-item--order-3 {
      order: 3; }
    .grid .grid-item--order-4 {
      order: 4; }
    .grid .grid-item--order-5 {
      order: 5; }
    .grid .grid-item--order-6 {
      order: 6; }
    .grid.grid--justify-center {
      justify-content: center; }
    .grid.grid--justify-space-between {
      justify-content: space-between; }
    .grid.grid--justify-space-around {
      justify-content: space-around; }
    .grid.grid--align-center {
      align-items: center; }
    .grid.grid--align-top {
      align-items: flex-start; }
    .grid.grid--align-bottom {
      align-items: flex-end; }
    .grid.grid--gutters {
      margin-left: -1.5%;
      margin-right: -1.5%; }
      .grid.grid--gutters > .grid-item {
        margin-left: 1.5%;
        margin-right: 1.5%; }
    .grid.grid--gutters-large {
      margin-left: -3%;
      margin-right: -3%; }
      .grid.grid--gutters-large > .grid-item {
        margin-left: 3%;
        margin-right: 3%; } }
  @media (min-width: 55rem) {
    .grid.small--grid--fluid.grid--overflow-spacing > .grid-item:nth-child(n), .grid.small--grid--fluid.grid--overflow-spacing-small > .grid-item:nth-child(n) {
      margin-top: 0; }
    .grid.small--grid--fluid > .grid-item,
    .grid.small--grid--fluid > .grid-item--primary,
    .grid.small--grid--fluid > .grid-item--secondary {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: auto; }
      .grid.small--grid--fluid > .grid-item.grid-item--fixed,
      .grid.small--grid--fluid > .grid-item--primary.grid-item--fixed,
      .grid.small--grid--fluid > .grid-item--secondary.grid-item--fixed {
        flex: 0 1 auto; }
    .grid.small--grid--six.grid--overflow-spacing > .grid-item:not(:nth-child(n + 7)), .grid.small--grid--six.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 7)), .grid.small--grid--six.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 7)) {
      margin-top: 0; }
    .grid.small--grid--six.grid--overflow-spacing-large > .grid-item:nth-child(n + 7) {
      margin-top: 3.75rem; }
    .grid.small--grid--six.grid--overflow-spacing > .grid-item:nth-child(n + 7) {
      margin-top: 1.875rem; }
    .grid.small--grid--six.grid--overflow-spacing-small > .grid-item:nth-child(n + 7) {
      margin-top: 0.9375rem; }
    .grid.small--grid--six > .grid-item,
    .grid.small--grid--six > .grid-item--primary,
    .grid.small--grid--six > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 16.6666666667%; }
    .grid.small--grid--six.grid--gutters > .grid-item,
    .grid.small--grid--six.grid--gutters > .grid-item--primary,
    .grid.small--grid--six.grid--gutters > .grid-item--secondary {
      width: 13.6666666667%; }
    .grid.small--grid--six.grid--gutters-large > .grid-item,
    .grid.small--grid--six.grid--gutters-large > .grid-item--primary,
    .grid.small--grid--six.grid--gutters-large > .grid-item--secondary {
      width: 10.6666666667%; }
    .grid.small--grid--five.grid--overflow-spacing > .grid-item:not(:nth-child(n + 6)), .grid.small--grid--five.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 6)), .grid.small--grid--five.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 6)) {
      margin-top: 0; }
    .grid.small--grid--five.grid--overflow-spacing-large > .grid-item:nth-child(n + 6) {
      margin-top: 3.75rem; }
    .grid.small--grid--five.grid--overflow-spacing > .grid-item:nth-child(n + 6) {
      margin-top: 1.875rem; }
    .grid.small--grid--five.grid--overflow-spacing-small > .grid-item:nth-child(n + 6) {
      margin-top: 0.9375rem; }
    .grid.small--grid--five > .grid-item,
    .grid.small--grid--five > .grid-item--primary,
    .grid.small--grid--five > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 20%; }
    .grid.small--grid--five.grid--gutters > .grid-item,
    .grid.small--grid--five.grid--gutters > .grid-item--primary,
    .grid.small--grid--five.grid--gutters > .grid-item--secondary {
      width: 17%; }
    .grid.small--grid--five.grid--gutters-large > .grid-item,
    .grid.small--grid--five.grid--gutters-large > .grid-item--primary,
    .grid.small--grid--five.grid--gutters-large > .grid-item--secondary {
      width: 14%; }
    .grid.small--grid--four.grid--overflow-spacing > .grid-item:not(:nth-child(n + 5)), .grid.small--grid--four.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 5)), .grid.small--grid--four.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 5)) {
      margin-top: 0; }
    .grid.small--grid--four.grid--overflow-spacing-large > .grid-item:nth-child(n + 5) {
      margin-top: 3.75rem; }
    .grid.small--grid--four.grid--overflow-spacing > .grid-item:nth-child(n + 5) {
      margin-top: 1.875rem; }
    .grid.small--grid--four.grid--overflow-spacing-small > .grid-item:nth-child(n + 5) {
      margin-top: 0.9375rem; }
    .grid.small--grid--four > .grid-item,
    .grid.small--grid--four > .grid-item--primary,
    .grid.small--grid--four > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 25%; }
    .grid.small--grid--four.grid--gutters > .grid-item,
    .grid.small--grid--four.grid--gutters > .grid-item--primary,
    .grid.small--grid--four.grid--gutters > .grid-item--secondary {
      width: 22%; }
    .grid.small--grid--four.grid--gutters-large > .grid-item,
    .grid.small--grid--four.grid--gutters-large > .grid-item--primary,
    .grid.small--grid--four.grid--gutters-large > .grid-item--secondary {
      width: 19%; }
    .grid.small--grid--three.grid--overflow-spacing > .grid-item:not(:nth-child(n + 4)), .grid.small--grid--three.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 4)), .grid.small--grid--three.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 4)) {
      margin-top: 0; }
    .grid.small--grid--three.grid--overflow-spacing-large > .grid-item:nth-child(n + 4) {
      margin-top: 3.75rem; }
    .grid.small--grid--three.grid--overflow-spacing > .grid-item:nth-child(n + 4) {
      margin-top: 1.875rem; }
    .grid.small--grid--three.grid--overflow-spacing-small > .grid-item:nth-child(n + 4) {
      margin-top: 0.9375rem; }
    .grid.small--grid--three > .grid-item,
    .grid.small--grid--three > .grid-item--primary,
    .grid.small--grid--three > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 33.3333333333%; }
    .grid.small--grid--three.grid--gutters > .grid-item,
    .grid.small--grid--three.grid--gutters > .grid-item--primary,
    .grid.small--grid--three.grid--gutters > .grid-item--secondary {
      width: 30.3333333333%; }
    .grid.small--grid--three.grid--gutters-large > .grid-item,
    .grid.small--grid--three.grid--gutters-large > .grid-item--primary,
    .grid.small--grid--three.grid--gutters-large > .grid-item--secondary {
      width: 27.3333333333%; }
    .grid.small--grid--golden.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.small--grid--golden.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.small--grid--golden.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.small--grid--golden.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.small--grid--golden.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.small--grid--golden.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.small--grid--golden > .grid-item {
      flex: 0 1 auto; }
    .grid.small--grid--golden > .grid-item--primary {
      width: 61.8%; }
    .grid.small--grid--golden > .grid-item--secondary {
      width: 38.2%; }
    .grid.small--grid--golden.grid--gutters > .grid-item--primary {
      width: 58.8%; }
    .grid.small--grid--golden.grid--gutters > .grid-item--secondary {
      width: 35.2%; }
    .grid.small--grid--golden.grid--gutters-large > .grid-item--primary {
      width: 55.8%; }
    .grid.small--grid--golden.grid--gutters-large > .grid-item--secondary {
      width: 32.2%; }
    .grid.small--grid--fixed-primary.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.small--grid--fixed-primary.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.small--grid--fixed-primary.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.small--grid--fixed-primary.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.small--grid--fixed-primary.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.small--grid--fixed-primary.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.small--grid--fixed-primary > .grid-item--secondary {
      flex: 1; }
    .grid.small--grid--fixed-primary > .grid-item--primary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 52.5rem; }
    .grid.small--grid--fixed-secondary.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.small--grid--fixed-secondary.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.small--grid--fixed-secondary.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.small--grid--fixed-secondary.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.small--grid--fixed-secondary.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.small--grid--fixed-secondary.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.small--grid--fixed-secondary > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 10rem; }
    .grid.small--grid--fixed-secondary > .grid-item--primary {
      flex: 1; }
    .grid.small--grid--two.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.small--grid--two.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.small--grid--two.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.small--grid--two.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.small--grid--two.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.small--grid--two.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.small--grid--two > .grid-item,
    .grid.small--grid--two > .grid-item--primary,
    .grid.small--grid--two > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 50%; }
    .grid.small--grid--two.grid--gutters > .grid-item,
    .grid.small--grid--two.grid--gutters > .grid-item--primary,
    .grid.small--grid--two.grid--gutters > .grid-item--secondary {
      width: 47%; }
    .grid.small--grid--two.grid--gutters-large > .grid-item,
    .grid.small--grid--two.grid--gutters-large > .grid-item--primary,
    .grid.small--grid--two.grid--gutters-large > .grid-item--secondary {
      width: 44%; }
    .grid.small--grid--one.grid--overflow-spacing > .grid-item:not(:nth-child(n + 2)), .grid.small--grid--one.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 2)), .grid.small--grid--one.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 2)) {
      margin-top: 0; }
    .grid.small--grid--one.grid--overflow-spacing-large > .grid-item:nth-child(n + 2) {
      margin-top: 3.75rem; }
    .grid.small--grid--one.grid--overflow-spacing > .grid-item:nth-child(n + 2) {
      margin-top: 1.875rem; }
    .grid.small--grid--one.grid--overflow-spacing-small > .grid-item:nth-child(n + 2) {
      margin-top: 0.9375rem; }
    .grid.small--grid--one > .grid-item,
    .grid.small--grid--one > .grid-item--primary,
    .grid.small--grid--one > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 100%; }
    .grid.small--grid--one.grid--gutters > .grid-item,
    .grid.small--grid--one.grid--gutters > .grid-item--primary,
    .grid.small--grid--one.grid--gutters > .grid-item--secondary {
      width: 97%; }
    .grid.small--grid--one.grid--gutters-large > .grid-item,
    .grid.small--grid--one.grid--gutters-large > .grid-item--primary,
    .grid.small--grid--one.grid--gutters-large > .grid-item--secondary {
      width: 94%; }
    .grid .small--grid-item--order-1 {
      order: 1; }
    .grid .small--grid-item--order-2 {
      order: 2; }
    .grid .small--grid-item--order-3 {
      order: 3; }
    .grid .small--grid-item--order-4 {
      order: 4; }
    .grid .small--grid-item--order-5 {
      order: 5; }
    .grid .small--grid-item--order-6 {
      order: 6; }
    .grid.small--grid--justify-center {
      justify-content: center; }
    .grid.small--grid--justify-space-between {
      justify-content: space-between; }
    .grid.small--grid--justify-space-around {
      justify-content: space-around; }
    .grid.small--grid--align-center {
      align-items: center; }
    .grid.small--grid--align-top {
      align-items: flex-start; }
    .grid.small--grid--align-bottom {
      align-items: flex-end; }
    .grid.small--grid--gutters {
      margin-left: -1.5%;
      margin-right: -1.5%; }
      .grid.small--grid--gutters > .grid-item {
        margin-left: 1.5%;
        margin-right: 1.5%; }
    .grid.small--grid--gutters-large {
      margin-left: -3%;
      margin-right: -3%; }
      .grid.small--grid--gutters-large > .grid-item {
        margin-left: 3%;
        margin-right: 3%; } }
  @media (min-width: 71.875rem) {
    .grid.medium--grid--fluid.grid--overflow-spacing > .grid-item:nth-child(n), .grid.medium--grid--fluid.grid--overflow-spacing-small > .grid-item:nth-child(n) {
      margin-top: 0; }
    .grid.medium--grid--fluid > .grid-item,
    .grid.medium--grid--fluid > .grid-item--primary,
    .grid.medium--grid--fluid > .grid-item--secondary {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: auto; }
      .grid.medium--grid--fluid > .grid-item.grid-item--fixed,
      .grid.medium--grid--fluid > .grid-item--primary.grid-item--fixed,
      .grid.medium--grid--fluid > .grid-item--secondary.grid-item--fixed {
        flex: 0 1 auto; }
    .grid.medium--grid--six.grid--overflow-spacing > .grid-item:not(:nth-child(n + 7)), .grid.medium--grid--six.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 7)), .grid.medium--grid--six.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 7)) {
      margin-top: 0; }
    .grid.medium--grid--six.grid--overflow-spacing-large > .grid-item:nth-child(n + 7) {
      margin-top: 3.75rem; }
    .grid.medium--grid--six.grid--overflow-spacing > .grid-item:nth-child(n + 7) {
      margin-top: 1.875rem; }
    .grid.medium--grid--six.grid--overflow-spacing-small > .grid-item:nth-child(n + 7) {
      margin-top: 0.9375rem; }
    .grid.medium--grid--six > .grid-item,
    .grid.medium--grid--six > .grid-item--primary,
    .grid.medium--grid--six > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 16.6666666667%; }
    .grid.medium--grid--six.grid--gutters > .grid-item,
    .grid.medium--grid--six.grid--gutters > .grid-item--primary,
    .grid.medium--grid--six.grid--gutters > .grid-item--secondary {
      width: 13.6666666667%; }
    .grid.medium--grid--six.grid--gutters-large > .grid-item,
    .grid.medium--grid--six.grid--gutters-large > .grid-item--primary,
    .grid.medium--grid--six.grid--gutters-large > .grid-item--secondary {
      width: 10.6666666667%; }
    .grid.medium--grid--five.grid--overflow-spacing > .grid-item:not(:nth-child(n + 6)), .grid.medium--grid--five.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 6)), .grid.medium--grid--five.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 6)) {
      margin-top: 0; }
    .grid.medium--grid--five.grid--overflow-spacing-large > .grid-item:nth-child(n + 6) {
      margin-top: 3.75rem; }
    .grid.medium--grid--five.grid--overflow-spacing > .grid-item:nth-child(n + 6) {
      margin-top: 1.875rem; }
    .grid.medium--grid--five.grid--overflow-spacing-small > .grid-item:nth-child(n + 6) {
      margin-top: 0.9375rem; }
    .grid.medium--grid--five > .grid-item,
    .grid.medium--grid--five > .grid-item--primary,
    .grid.medium--grid--five > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 20%; }
    .grid.medium--grid--five.grid--gutters > .grid-item,
    .grid.medium--grid--five.grid--gutters > .grid-item--primary,
    .grid.medium--grid--five.grid--gutters > .grid-item--secondary {
      width: 17%; }
    .grid.medium--grid--five.grid--gutters-large > .grid-item,
    .grid.medium--grid--five.grid--gutters-large > .grid-item--primary,
    .grid.medium--grid--five.grid--gutters-large > .grid-item--secondary {
      width: 14%; }
    .grid.medium--grid--four.grid--overflow-spacing > .grid-item:not(:nth-child(n + 5)), .grid.medium--grid--four.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 5)), .grid.medium--grid--four.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 5)) {
      margin-top: 0; }
    .grid.medium--grid--four.grid--overflow-spacing-large > .grid-item:nth-child(n + 5) {
      margin-top: 3.75rem; }
    .grid.medium--grid--four.grid--overflow-spacing > .grid-item:nth-child(n + 5) {
      margin-top: 1.875rem; }
    .grid.medium--grid--four.grid--overflow-spacing-small > .grid-item:nth-child(n + 5) {
      margin-top: 0.9375rem; }
    .grid.medium--grid--four > .grid-item,
    .grid.medium--grid--four > .grid-item--primary,
    .grid.medium--grid--four > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 25%; }
    .grid.medium--grid--four.grid--gutters > .grid-item,
    .grid.medium--grid--four.grid--gutters > .grid-item--primary,
    .grid.medium--grid--four.grid--gutters > .grid-item--secondary {
      width: 22%; }
    .grid.medium--grid--four.grid--gutters-large > .grid-item,
    .grid.medium--grid--four.grid--gutters-large > .grid-item--primary,
    .grid.medium--grid--four.grid--gutters-large > .grid-item--secondary {
      width: 19%; }
    .grid.medium--grid--three.grid--overflow-spacing > .grid-item:not(:nth-child(n + 4)), .grid.medium--grid--three.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 4)), .grid.medium--grid--three.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 4)) {
      margin-top: 0; }
    .grid.medium--grid--three.grid--overflow-spacing-large > .grid-item:nth-child(n + 4) {
      margin-top: 3.75rem; }
    .grid.medium--grid--three.grid--overflow-spacing > .grid-item:nth-child(n + 4) {
      margin-top: 1.875rem; }
    .grid.medium--grid--three.grid--overflow-spacing-small > .grid-item:nth-child(n + 4) {
      margin-top: 0.9375rem; }
    .grid.medium--grid--three > .grid-item,
    .grid.medium--grid--three > .grid-item--primary,
    .grid.medium--grid--three > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 33.3333333333%; }
    .grid.medium--grid--three.grid--gutters > .grid-item,
    .grid.medium--grid--three.grid--gutters > .grid-item--primary,
    .grid.medium--grid--three.grid--gutters > .grid-item--secondary {
      width: 30.3333333333%; }
    .grid.medium--grid--three.grid--gutters-large > .grid-item,
    .grid.medium--grid--three.grid--gutters-large > .grid-item--primary,
    .grid.medium--grid--three.grid--gutters-large > .grid-item--secondary {
      width: 27.3333333333%; }
    .grid.medium--grid--golden.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.medium--grid--golden.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.medium--grid--golden.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.medium--grid--golden.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.medium--grid--golden.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.medium--grid--golden.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.medium--grid--golden > .grid-item {
      flex: 0 1 auto; }
    .grid.medium--grid--golden > .grid-item--primary {
      width: 61.8%; }
    .grid.medium--grid--golden > .grid-item--secondary {
      width: 38.2%; }
    .grid.medium--grid--golden.grid--gutters > .grid-item--primary {
      width: 58.8%; }
    .grid.medium--grid--golden.grid--gutters > .grid-item--secondary {
      width: 35.2%; }
    .grid.medium--grid--golden.grid--gutters-large > .grid-item--primary {
      width: 55.8%; }
    .grid.medium--grid--golden.grid--gutters-large > .grid-item--secondary {
      width: 32.2%; }
    .grid.medium--grid--fixed-primary.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.medium--grid--fixed-primary.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.medium--grid--fixed-primary.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.medium--grid--fixed-primary.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.medium--grid--fixed-primary.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.medium--grid--fixed-primary.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.medium--grid--fixed-primary > .grid-item--secondary {
      flex: 1; }
    .grid.medium--grid--fixed-primary > .grid-item--primary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 52.5rem; }
    .grid.medium--grid--fixed-secondary.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.medium--grid--fixed-secondary.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.medium--grid--fixed-secondary.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.medium--grid--fixed-secondary.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.medium--grid--fixed-secondary.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.medium--grid--fixed-secondary.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.medium--grid--fixed-secondary > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 10rem; }
    .grid.medium--grid--fixed-secondary > .grid-item--primary {
      flex: 1; }
    .grid.medium--grid--two.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.medium--grid--two.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.medium--grid--two.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.medium--grid--two.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.medium--grid--two.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.medium--grid--two.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.medium--grid--two > .grid-item,
    .grid.medium--grid--two > .grid-item--primary,
    .grid.medium--grid--two > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 50%; }
    .grid.medium--grid--two.grid--gutters > .grid-item,
    .grid.medium--grid--two.grid--gutters > .grid-item--primary,
    .grid.medium--grid--two.grid--gutters > .grid-item--secondary {
      width: 47%; }
    .grid.medium--grid--two.grid--gutters-large > .grid-item,
    .grid.medium--grid--two.grid--gutters-large > .grid-item--primary,
    .grid.medium--grid--two.grid--gutters-large > .grid-item--secondary {
      width: 44%; }
    .grid.medium--grid--one.grid--overflow-spacing > .grid-item:not(:nth-child(n + 2)), .grid.medium--grid--one.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 2)), .grid.medium--grid--one.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 2)) {
      margin-top: 0; }
    .grid.medium--grid--one.grid--overflow-spacing-large > .grid-item:nth-child(n + 2) {
      margin-top: 3.75rem; }
    .grid.medium--grid--one.grid--overflow-spacing > .grid-item:nth-child(n + 2) {
      margin-top: 1.875rem; }
    .grid.medium--grid--one.grid--overflow-spacing-small > .grid-item:nth-child(n + 2) {
      margin-top: 0.9375rem; }
    .grid.medium--grid--one > .grid-item,
    .grid.medium--grid--one > .grid-item--primary,
    .grid.medium--grid--one > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 100%; }
    .grid.medium--grid--one.grid--gutters > .grid-item,
    .grid.medium--grid--one.grid--gutters > .grid-item--primary,
    .grid.medium--grid--one.grid--gutters > .grid-item--secondary {
      width: 97%; }
    .grid.medium--grid--one.grid--gutters-large > .grid-item,
    .grid.medium--grid--one.grid--gutters-large > .grid-item--primary,
    .grid.medium--grid--one.grid--gutters-large > .grid-item--secondary {
      width: 94%; }
    .grid .medium--grid-item--order-1 {
      order: 1; }
    .grid .medium--grid-item--order-2 {
      order: 2; }
    .grid .medium--grid-item--order-3 {
      order: 3; }
    .grid .medium--grid-item--order-4 {
      order: 4; }
    .grid .medium--grid-item--order-5 {
      order: 5; }
    .grid .medium--grid-item--order-6 {
      order: 6; }
    .grid.medium--grid--justify-center {
      justify-content: center; }
    .grid.medium--grid--justify-space-between {
      justify-content: space-between; }
    .grid.medium--grid--justify-space-around {
      justify-content: space-around; }
    .grid.medium--grid--align-center {
      align-items: center; }
    .grid.medium--grid--align-top {
      align-items: flex-start; }
    .grid.medium--grid--align-bottom {
      align-items: flex-end; }
    .grid.medium--grid--gutters {
      margin-left: -1.5%;
      margin-right: -1.5%; }
      .grid.medium--grid--gutters > .grid-item {
        margin-left: 1.5%;
        margin-right: 1.5%; }
    .grid.medium--grid--gutters-large {
      margin-left: -3%;
      margin-right: -3%; }
      .grid.medium--grid--gutters-large > .grid-item {
        margin-left: 3%;
        margin-right: 3%; } }
  @media (min-width: 80rem) {
    .grid.large--grid--fluid.grid--overflow-spacing > .grid-item:nth-child(n), .grid.large--grid--fluid.grid--overflow-spacing-small > .grid-item:nth-child(n) {
      margin-top: 0; }
    .grid.large--grid--fluid > .grid-item,
    .grid.large--grid--fluid > .grid-item--primary,
    .grid.large--grid--fluid > .grid-item--secondary {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: auto; }
      .grid.large--grid--fluid > .grid-item.grid-item--fixed,
      .grid.large--grid--fluid > .grid-item--primary.grid-item--fixed,
      .grid.large--grid--fluid > .grid-item--secondary.grid-item--fixed {
        flex: 0 1 auto; }
    .grid.large--grid--six.grid--overflow-spacing > .grid-item:not(:nth-child(n + 7)), .grid.large--grid--six.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 7)), .grid.large--grid--six.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 7)) {
      margin-top: 0; }
    .grid.large--grid--six.grid--overflow-spacing-large > .grid-item:nth-child(n + 7) {
      margin-top: 3.75rem; }
    .grid.large--grid--six.grid--overflow-spacing > .grid-item:nth-child(n + 7) {
      margin-top: 1.875rem; }
    .grid.large--grid--six.grid--overflow-spacing-small > .grid-item:nth-child(n + 7) {
      margin-top: 0.9375rem; }
    .grid.large--grid--six > .grid-item,
    .grid.large--grid--six > .grid-item--primary,
    .grid.large--grid--six > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 16.6666666667%; }
    .grid.large--grid--six.grid--gutters > .grid-item,
    .grid.large--grid--six.grid--gutters > .grid-item--primary,
    .grid.large--grid--six.grid--gutters > .grid-item--secondary {
      width: 13.6666666667%; }
    .grid.large--grid--six.grid--gutters-large > .grid-item,
    .grid.large--grid--six.grid--gutters-large > .grid-item--primary,
    .grid.large--grid--six.grid--gutters-large > .grid-item--secondary {
      width: 10.6666666667%; }
    .grid.large--grid--five.grid--overflow-spacing > .grid-item:not(:nth-child(n + 6)), .grid.large--grid--five.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 6)), .grid.large--grid--five.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 6)) {
      margin-top: 0; }
    .grid.large--grid--five.grid--overflow-spacing-large > .grid-item:nth-child(n + 6) {
      margin-top: 3.75rem; }
    .grid.large--grid--five.grid--overflow-spacing > .grid-item:nth-child(n + 6) {
      margin-top: 1.875rem; }
    .grid.large--grid--five.grid--overflow-spacing-small > .grid-item:nth-child(n + 6) {
      margin-top: 0.9375rem; }
    .grid.large--grid--five > .grid-item,
    .grid.large--grid--five > .grid-item--primary,
    .grid.large--grid--five > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 20%; }
    .grid.large--grid--five.grid--gutters > .grid-item,
    .grid.large--grid--five.grid--gutters > .grid-item--primary,
    .grid.large--grid--five.grid--gutters > .grid-item--secondary {
      width: 17%; }
    .grid.large--grid--five.grid--gutters-large > .grid-item,
    .grid.large--grid--five.grid--gutters-large > .grid-item--primary,
    .grid.large--grid--five.grid--gutters-large > .grid-item--secondary {
      width: 14%; }
    .grid.large--grid--four.grid--overflow-spacing > .grid-item:not(:nth-child(n + 5)), .grid.large--grid--four.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 5)), .grid.large--grid--four.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 5)) {
      margin-top: 0; }
    .grid.large--grid--four.grid--overflow-spacing-large > .grid-item:nth-child(n + 5) {
      margin-top: 3.75rem; }
    .grid.large--grid--four.grid--overflow-spacing > .grid-item:nth-child(n + 5) {
      margin-top: 1.875rem; }
    .grid.large--grid--four.grid--overflow-spacing-small > .grid-item:nth-child(n + 5) {
      margin-top: 0.9375rem; }
    .grid.large--grid--four > .grid-item,
    .grid.large--grid--four > .grid-item--primary,
    .grid.large--grid--four > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 25%; }
    .grid.large--grid--four.grid--gutters > .grid-item,
    .grid.large--grid--four.grid--gutters > .grid-item--primary,
    .grid.large--grid--four.grid--gutters > .grid-item--secondary {
      width: 22%; }
    .grid.large--grid--four.grid--gutters-large > .grid-item,
    .grid.large--grid--four.grid--gutters-large > .grid-item--primary,
    .grid.large--grid--four.grid--gutters-large > .grid-item--secondary {
      width: 19%; }
    .grid.large--grid--three.grid--overflow-spacing > .grid-item:not(:nth-child(n + 4)), .grid.large--grid--three.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 4)), .grid.large--grid--three.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 4)) {
      margin-top: 0; }
    .grid.large--grid--three.grid--overflow-spacing-large > .grid-item:nth-child(n + 4) {
      margin-top: 3.75rem; }
    .grid.large--grid--three.grid--overflow-spacing > .grid-item:nth-child(n + 4) {
      margin-top: 1.875rem; }
    .grid.large--grid--three.grid--overflow-spacing-small > .grid-item:nth-child(n + 4) {
      margin-top: 0.9375rem; }
    .grid.large--grid--three > .grid-item,
    .grid.large--grid--three > .grid-item--primary,
    .grid.large--grid--three > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 33.3333333333%; }
    .grid.large--grid--three.grid--gutters > .grid-item,
    .grid.large--grid--three.grid--gutters > .grid-item--primary,
    .grid.large--grid--three.grid--gutters > .grid-item--secondary {
      width: 30.3333333333%; }
    .grid.large--grid--three.grid--gutters-large > .grid-item,
    .grid.large--grid--three.grid--gutters-large > .grid-item--primary,
    .grid.large--grid--three.grid--gutters-large > .grid-item--secondary {
      width: 27.3333333333%; }
    .grid.large--grid--golden.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.large--grid--golden.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.large--grid--golden.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.large--grid--golden.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.large--grid--golden.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.large--grid--golden.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.large--grid--golden > .grid-item {
      flex: 0 1 auto; }
    .grid.large--grid--golden > .grid-item--primary {
      width: 61.8%; }
    .grid.large--grid--golden > .grid-item--secondary {
      width: 38.2%; }
    .grid.large--grid--golden.grid--gutters > .grid-item--primary {
      width: 58.8%; }
    .grid.large--grid--golden.grid--gutters > .grid-item--secondary {
      width: 35.2%; }
    .grid.large--grid--golden.grid--gutters-large > .grid-item--primary {
      width: 55.8%; }
    .grid.large--grid--golden.grid--gutters-large > .grid-item--secondary {
      width: 32.2%; }
    .grid.large--grid--fixed-primary.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.large--grid--fixed-primary.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.large--grid--fixed-primary.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.large--grid--fixed-primary.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.large--grid--fixed-primary.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.large--grid--fixed-primary.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.large--grid--fixed-primary > .grid-item--secondary {
      flex: 1; }
    .grid.large--grid--fixed-primary > .grid-item--primary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 52.5rem; }
    .grid.large--grid--fixed-secondary.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.large--grid--fixed-secondary.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.large--grid--fixed-secondary.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.large--grid--fixed-secondary.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.large--grid--fixed-secondary.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.large--grid--fixed-secondary.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.large--grid--fixed-secondary > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 10rem; }
    .grid.large--grid--fixed-secondary > .grid-item--primary {
      flex: 1; }
    .grid.large--grid--two.grid--overflow-spacing > .grid-item:not(:nth-child(n + 3)), .grid.large--grid--two.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 3)), .grid.large--grid--two.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 3)) {
      margin-top: 0; }
    .grid.large--grid--two.grid--overflow-spacing-large > .grid-item:nth-child(n + 3) {
      margin-top: 3.75rem; }
    .grid.large--grid--two.grid--overflow-spacing > .grid-item:nth-child(n + 3) {
      margin-top: 1.875rem; }
    .grid.large--grid--two.grid--overflow-spacing-small > .grid-item:nth-child(n + 3) {
      margin-top: 0.9375rem; }
    .grid.large--grid--two > .grid-item,
    .grid.large--grid--two > .grid-item--primary,
    .grid.large--grid--two > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 50%; }
    .grid.large--grid--two.grid--gutters > .grid-item,
    .grid.large--grid--two.grid--gutters > .grid-item--primary,
    .grid.large--grid--two.grid--gutters > .grid-item--secondary {
      width: 47%; }
    .grid.large--grid--two.grid--gutters-large > .grid-item,
    .grid.large--grid--two.grid--gutters-large > .grid-item--primary,
    .grid.large--grid--two.grid--gutters-large > .grid-item--secondary {
      width: 44%; }
    .grid.large--grid--one.grid--overflow-spacing > .grid-item:not(:nth-child(n + 2)), .grid.large--grid--one.grid--overflow-spacing-large > .grid-item:not(:nth-child(n + 2)), .grid.large--grid--one.grid--overflow-spacing-small > .grid-item:not(:nth-child(n + 2)) {
      margin-top: 0; }
    .grid.large--grid--one.grid--overflow-spacing-large > .grid-item:nth-child(n + 2) {
      margin-top: 3.75rem; }
    .grid.large--grid--one.grid--overflow-spacing > .grid-item:nth-child(n + 2) {
      margin-top: 1.875rem; }
    .grid.large--grid--one.grid--overflow-spacing-small > .grid-item:nth-child(n + 2) {
      margin-top: 0.9375rem; }
    .grid.large--grid--one > .grid-item,
    .grid.large--grid--one > .grid-item--primary,
    .grid.large--grid--one > .grid-item--secondary {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 100%; }
    .grid.large--grid--one.grid--gutters > .grid-item,
    .grid.large--grid--one.grid--gutters > .grid-item--primary,
    .grid.large--grid--one.grid--gutters > .grid-item--secondary {
      width: 97%; }
    .grid.large--grid--one.grid--gutters-large > .grid-item,
    .grid.large--grid--one.grid--gutters-large > .grid-item--primary,
    .grid.large--grid--one.grid--gutters-large > .grid-item--secondary {
      width: 94%; }
    .grid .large--grid-item--order-1 {
      order: 1; }
    .grid .large--grid-item--order-2 {
      order: 2; }
    .grid .large--grid-item--order-3 {
      order: 3; }
    .grid .large--grid-item--order-4 {
      order: 4; }
    .grid .large--grid-item--order-5 {
      order: 5; }
    .grid .large--grid-item--order-6 {
      order: 6; }
    .grid.large--grid--justify-center {
      justify-content: center; }
    .grid.large--grid--justify-space-between {
      justify-content: space-between; }
    .grid.large--grid--justify-space-around {
      justify-content: space-around; }
    .grid.large--grid--align-center {
      align-items: center; }
    .grid.large--grid--align-top {
      align-items: flex-start; }
    .grid.large--grid--align-bottom {
      align-items: flex-end; }
    .grid.large--grid--gutters {
      margin-left: -1.5%;
      margin-right: -1.5%; }
      .grid.large--grid--gutters > .grid-item {
        margin-left: 1.5%;
        margin-right: 1.5%; }
    .grid.large--grid--gutters-large {
      margin-left: -3%;
      margin-right: -3%; }
      .grid.large--grid--gutters-large > .grid-item {
        margin-left: 3%;
        margin-right: 3%; } }

@media (min-width: 0) {
  .layout--mn {
    margin-top: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
    margin-right: 0rem; }
  .layout--mxs {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .layout--ms {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    margin-left: 1.875rem;
    margin-right: 1.875rem; }
  .layout--mm {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
    margin-left: 3.75rem;
    margin-right: 3.75rem; }
  .layout--m {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem;
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  .layout--ml {
    margin-top: 9.375rem;
    margin-bottom: 9.375rem;
    margin-left: 9.375rem;
    margin-right: 9.375rem; }
  .layout--mxl {
    margin-top: 13.125rem;
    margin-bottom: 13.125rem;
    margin-left: 13.125rem;
    margin-right: 13.125rem; }
  .layout--mhn {
    margin-left: 0rem;
    margin-right: 0rem; }
  .layout--mhxs {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .layout--mhs {
    margin-left: 1.875rem;
    margin-right: 1.875rem; }
  .layout--mhm {
    margin-left: 3.75rem;
    margin-right: 3.75rem; }
  .layout--mh {
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  .layout--mhl {
    margin-left: 9.375rem;
    margin-right: 9.375rem; }
  .layout--mhxl {
    margin-left: 13.125rem;
    margin-right: 13.125rem; }
  .layout--mvn {
    margin-top: 0rem;
    margin-bottom: 0rem; }
  .layout--mvxs {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  .layout--mvs {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem; }
  .layout--mvm {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem; }
  .layout--mv {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem; }
  .layout--mvl {
    margin-top: 9.375rem;
    margin-bottom: 9.375rem; }
  .layout--mvxl {
    margin-top: 13.125rem;
    margin-bottom: 13.125rem; }
  .layout--mtn {
    margin-top: 0rem; }
  .layout--mtxs {
    margin-top: 0.75rem; }
  .layout--mts {
    margin-top: 1.875rem; }
  .layout--mtm {
    margin-top: 3.75rem; }
  .layout--mt {
    margin-top: 7.5rem; }
  .layout--mtl {
    margin-top: 9.375rem; }
  .layout--mtxl {
    margin-top: 13.125rem; }
  .layout--mbn {
    margin-bottom: 0rem; }
  .layout--mbxs {
    margin-bottom: 0.75rem; }
  .layout--mbs {
    margin-bottom: 1.875rem; }
  .layout--mbm {
    margin-bottom: 3.75rem; }
  .layout--mb {
    margin-bottom: 7.5rem; }
  .layout--mbl {
    margin-bottom: 9.375rem; }
  .layout--mbxl {
    margin-bottom: 13.125rem; }
  .layout--mln {
    margin-left: 0rem; }
  .layout--mlxs {
    margin-left: 0.75rem; }
  .layout--mls {
    margin-left: 1.875rem; }
  .layout--mlm {
    margin-left: 3.75rem; }
  .layout--ml {
    margin-left: 7.5rem; }
  .layout--mll {
    margin-left: 9.375rem; }
  .layout--mlxl {
    margin-left: 13.125rem; }
  .layout--mrn {
    margin-right: 0rem; }
  .layout--mrxs {
    margin-right: 0.75rem; }
  .layout--mrs {
    margin-right: 1.875rem; }
  .layout--mrm {
    margin-right: 3.75rem; }
  .layout--mr {
    margin-right: 7.5rem; }
  .layout--mrl {
    margin-right: 9.375rem; }
  .layout--mrxl {
    margin-right: 13.125rem; }
  .layout--pn {
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    padding-right: 0rem; }
  .layout--pxs {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .layout--ps {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem; }
  .layout--pm {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    padding-left: 3.75rem;
    padding-right: 3.75rem; }
  .layout--p {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  .layout--pl {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem;
    padding-left: 9.375rem;
    padding-right: 9.375rem; }
  .layout--pxl {
    padding-top: 13.125rem;
    padding-bottom: 13.125rem;
    padding-left: 13.125rem;
    padding-right: 13.125rem; }
  .layout--phn {
    padding-left: 0rem;
    padding-right: 0rem; }
  .layout--phxs {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .layout--phs {
    padding-left: 1.875rem;
    padding-right: 1.875rem; }
  .layout--phm {
    padding-left: 3.75rem;
    padding-right: 3.75rem; }
  .layout--ph {
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  .layout--phl {
    padding-left: 9.375rem;
    padding-right: 9.375rem; }
  .layout--phxl {
    padding-left: 13.125rem;
    padding-right: 13.125rem; }
  .layout--pvn {
    padding-top: 0rem;
    padding-bottom: 0rem; }
  .layout--pvxs {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  .layout--pvs {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem; }
  .layout--pvm {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem; }
  .layout--pv {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem; }
  .layout--pvl {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem; }
  .layout--pvxl {
    padding-top: 13.125rem;
    padding-bottom: 13.125rem; }
  .layout--ptn {
    padding-top: 0rem; }
  .layout--ptxs {
    padding-top: 0.75rem; }
  .layout--pts {
    padding-top: 1.875rem; }
  .layout--ptm {
    padding-top: 3.75rem; }
  .layout--pt {
    padding-top: 7.5rem; }
  .layout--ptl {
    padding-top: 9.375rem; }
  .layout--ptxl {
    padding-top: 13.125rem; }
  .layout--pbn {
    padding-bottom: 0rem; }
  .layout--pbxs {
    padding-bottom: 0.75rem; }
  .layout--pbs {
    padding-bottom: 1.875rem; }
  .layout--pbm {
    padding-bottom: 3.75rem; }
  .layout--pb {
    padding-bottom: 7.5rem; }
  .layout--pbl {
    padding-bottom: 9.375rem; }
  .layout--pbxl {
    padding-bottom: 13.125rem; }
  .layout--pln {
    padding-left: 0rem; }
  .layout--plxs {
    padding-left: 0.75rem; }
  .layout--pls {
    padding-left: 1.875rem; }
  .layout--plm {
    padding-left: 3.75rem; }
  .layout--pl {
    padding-left: 7.5rem; }
  .layout--pll {
    padding-left: 9.375rem; }
  .layout--plxl {
    padding-left: 13.125rem; }
  .layout--prn {
    padding-right: 0rem; }
  .layout--prxs {
    padding-right: 0.75rem; }
  .layout--prs {
    padding-right: 1.875rem; }
  .layout--prm {
    padding-right: 3.75rem; }
  .layout--pr {
    padding-right: 7.5rem; }
  .layout--prl {
    padding-right: 9.375rem; }
  .layout--prxl {
    padding-right: 13.125rem; }
  .layout--text-left {
    text-align: left; }
  .layout--text-right {
    text-align: right; }
  .layout--text-center {
    text-align: center; }
  .layout--text-valign-middle {
    vertical-align: middle; }
  .layout--align-center {
    margin-left: auto;
    margin-right: auto; }
  .layout--align-right {
    float: right; }
  .layout--two-columns {
    column-count: 2; }
  .layout--content-width {
    max-width: 52.5rem; } }

@media (min-width: 55rem) {
  .small--layout--mn {
    margin-top: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
    margin-right: 0rem; }
  .small--layout--mxs {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .small--layout--ms {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    margin-left: 1.875rem;
    margin-right: 1.875rem; }
  .small--layout--mm {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
    margin-left: 3.75rem;
    margin-right: 3.75rem; }
  .small--layout--m {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem;
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  .small--layout--ml {
    margin-top: 9.375rem;
    margin-bottom: 9.375rem;
    margin-left: 9.375rem;
    margin-right: 9.375rem; }
  .small--layout--mxl {
    margin-top: 13.125rem;
    margin-bottom: 13.125rem;
    margin-left: 13.125rem;
    margin-right: 13.125rem; }
  .small--layout--mhn {
    margin-left: 0rem;
    margin-right: 0rem; }
  .small--layout--mhxs {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .small--layout--mhs {
    margin-left: 1.875rem;
    margin-right: 1.875rem; }
  .small--layout--mhm {
    margin-left: 3.75rem;
    margin-right: 3.75rem; }
  .small--layout--mh {
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  .small--layout--mhl {
    margin-left: 9.375rem;
    margin-right: 9.375rem; }
  .small--layout--mhxl {
    margin-left: 13.125rem;
    margin-right: 13.125rem; }
  .small--layout--mvn {
    margin-top: 0rem;
    margin-bottom: 0rem; }
  .small--layout--mvxs {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  .small--layout--mvs {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem; }
  .small--layout--mvm {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem; }
  .small--layout--mv {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem; }
  .small--layout--mvl {
    margin-top: 9.375rem;
    margin-bottom: 9.375rem; }
  .small--layout--mvxl {
    margin-top: 13.125rem;
    margin-bottom: 13.125rem; }
  .small--layout--mtn {
    margin-top: 0rem; }
  .small--layout--mtxs {
    margin-top: 0.75rem; }
  .small--layout--mts {
    margin-top: 1.875rem; }
  .small--layout--mtm {
    margin-top: 3.75rem; }
  .small--layout--mt {
    margin-top: 7.5rem; }
  .small--layout--mtl {
    margin-top: 9.375rem; }
  .small--layout--mtxl {
    margin-top: 13.125rem; }
  .small--layout--mbn {
    margin-bottom: 0rem; }
  .small--layout--mbxs {
    margin-bottom: 0.75rem; }
  .small--layout--mbs {
    margin-bottom: 1.875rem; }
  .small--layout--mbm {
    margin-bottom: 3.75rem; }
  .small--layout--mb {
    margin-bottom: 7.5rem; }
  .small--layout--mbl {
    margin-bottom: 9.375rem; }
  .small--layout--mbxl {
    margin-bottom: 13.125rem; }
  .small--layout--mln {
    margin-left: 0rem; }
  .small--layout--mlxs {
    margin-left: 0.75rem; }
  .small--layout--mls {
    margin-left: 1.875rem; }
  .small--layout--mlm {
    margin-left: 3.75rem; }
  .small--layout--ml {
    margin-left: 7.5rem; }
  .small--layout--mll {
    margin-left: 9.375rem; }
  .small--layout--mlxl {
    margin-left: 13.125rem; }
  .small--layout--mrn {
    margin-right: 0rem; }
  .small--layout--mrxs {
    margin-right: 0.75rem; }
  .small--layout--mrs {
    margin-right: 1.875rem; }
  .small--layout--mrm {
    margin-right: 3.75rem; }
  .small--layout--mr {
    margin-right: 7.5rem; }
  .small--layout--mrl {
    margin-right: 9.375rem; }
  .small--layout--mrxl {
    margin-right: 13.125rem; }
  .small--layout--pn {
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    padding-right: 0rem; }
  .small--layout--pxs {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .small--layout--ps {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem; }
  .small--layout--pm {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    padding-left: 3.75rem;
    padding-right: 3.75rem; }
  .small--layout--p {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  .small--layout--pl {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem;
    padding-left: 9.375rem;
    padding-right: 9.375rem; }
  .small--layout--pxl {
    padding-top: 13.125rem;
    padding-bottom: 13.125rem;
    padding-left: 13.125rem;
    padding-right: 13.125rem; }
  .small--layout--phn {
    padding-left: 0rem;
    padding-right: 0rem; }
  .small--layout--phxs {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .small--layout--phs {
    padding-left: 1.875rem;
    padding-right: 1.875rem; }
  .small--layout--phm {
    padding-left: 3.75rem;
    padding-right: 3.75rem; }
  .small--layout--ph {
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  .small--layout--phl {
    padding-left: 9.375rem;
    padding-right: 9.375rem; }
  .small--layout--phxl {
    padding-left: 13.125rem;
    padding-right: 13.125rem; }
  .small--layout--pvn {
    padding-top: 0rem;
    padding-bottom: 0rem; }
  .small--layout--pvxs {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  .small--layout--pvs {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem; }
  .small--layout--pvm {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem; }
  .small--layout--pv {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem; }
  .small--layout--pvl {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem; }
  .small--layout--pvxl {
    padding-top: 13.125rem;
    padding-bottom: 13.125rem; }
  .small--layout--ptn {
    padding-top: 0rem; }
  .small--layout--ptxs {
    padding-top: 0.75rem; }
  .small--layout--pts {
    padding-top: 1.875rem; }
  .small--layout--ptm {
    padding-top: 3.75rem; }
  .small--layout--pt {
    padding-top: 7.5rem; }
  .small--layout--ptl {
    padding-top: 9.375rem; }
  .small--layout--ptxl {
    padding-top: 13.125rem; }
  .small--layout--pbn {
    padding-bottom: 0rem; }
  .small--layout--pbxs {
    padding-bottom: 0.75rem; }
  .small--layout--pbs {
    padding-bottom: 1.875rem; }
  .small--layout--pbm {
    padding-bottom: 3.75rem; }
  .small--layout--pb {
    padding-bottom: 7.5rem; }
  .small--layout--pbl {
    padding-bottom: 9.375rem; }
  .small--layout--pbxl {
    padding-bottom: 13.125rem; }
  .small--layout--pln {
    padding-left: 0rem; }
  .small--layout--plxs {
    padding-left: 0.75rem; }
  .small--layout--pls {
    padding-left: 1.875rem; }
  .small--layout--plm {
    padding-left: 3.75rem; }
  .small--layout--pl {
    padding-left: 7.5rem; }
  .small--layout--pll {
    padding-left: 9.375rem; }
  .small--layout--plxl {
    padding-left: 13.125rem; }
  .small--layout--prn {
    padding-right: 0rem; }
  .small--layout--prxs {
    padding-right: 0.75rem; }
  .small--layout--prs {
    padding-right: 1.875rem; }
  .small--layout--prm {
    padding-right: 3.75rem; }
  .small--layout--pr {
    padding-right: 7.5rem; }
  .small--layout--prl {
    padding-right: 9.375rem; }
  .small--layout--prxl {
    padding-right: 13.125rem; }
  .small--layout--text-left {
    text-align: left; }
  .small--layout--text-right {
    text-align: right; }
  .small--layout--text-center {
    text-align: center; }
  .small--layout--text-valign-middle {
    vertical-align: middle; }
  .small--layout--align-center {
    margin-left: auto;
    margin-right: auto; }
  .small--layout--align-right {
    float: right; }
  .small--layout--two-columns {
    column-count: 2; }
  .small--layout--content-width {
    max-width: 52.5rem; } }

@media (min-width: 71.875rem) {
  .medium--layout--mn {
    margin-top: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
    margin-right: 0rem; }
  .medium--layout--mxs {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .medium--layout--ms {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    margin-left: 1.875rem;
    margin-right: 1.875rem; }
  .medium--layout--mm {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
    margin-left: 3.75rem;
    margin-right: 3.75rem; }
  .medium--layout--m {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem;
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  .medium--layout--ml {
    margin-top: 9.375rem;
    margin-bottom: 9.375rem;
    margin-left: 9.375rem;
    margin-right: 9.375rem; }
  .medium--layout--mxl {
    margin-top: 13.125rem;
    margin-bottom: 13.125rem;
    margin-left: 13.125rem;
    margin-right: 13.125rem; }
  .medium--layout--mhn {
    margin-left: 0rem;
    margin-right: 0rem; }
  .medium--layout--mhxs {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .medium--layout--mhs {
    margin-left: 1.875rem;
    margin-right: 1.875rem; }
  .medium--layout--mhm {
    margin-left: 3.75rem;
    margin-right: 3.75rem; }
  .medium--layout--mh {
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  .medium--layout--mhl {
    margin-left: 9.375rem;
    margin-right: 9.375rem; }
  .medium--layout--mhxl {
    margin-left: 13.125rem;
    margin-right: 13.125rem; }
  .medium--layout--mvn {
    margin-top: 0rem;
    margin-bottom: 0rem; }
  .medium--layout--mvxs {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  .medium--layout--mvs {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem; }
  .medium--layout--mvm {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem; }
  .medium--layout--mv {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem; }
  .medium--layout--mvl {
    margin-top: 9.375rem;
    margin-bottom: 9.375rem; }
  .medium--layout--mvxl {
    margin-top: 13.125rem;
    margin-bottom: 13.125rem; }
  .medium--layout--mtn {
    margin-top: 0rem; }
  .medium--layout--mtxs {
    margin-top: 0.75rem; }
  .medium--layout--mts {
    margin-top: 1.875rem; }
  .medium--layout--mtm {
    margin-top: 3.75rem; }
  .medium--layout--mt {
    margin-top: 7.5rem; }
  .medium--layout--mtl {
    margin-top: 9.375rem; }
  .medium--layout--mtxl {
    margin-top: 13.125rem; }
  .medium--layout--mbn {
    margin-bottom: 0rem; }
  .medium--layout--mbxs {
    margin-bottom: 0.75rem; }
  .medium--layout--mbs {
    margin-bottom: 1.875rem; }
  .medium--layout--mbm {
    margin-bottom: 3.75rem; }
  .medium--layout--mb {
    margin-bottom: 7.5rem; }
  .medium--layout--mbl {
    margin-bottom: 9.375rem; }
  .medium--layout--mbxl {
    margin-bottom: 13.125rem; }
  .medium--layout--mln {
    margin-left: 0rem; }
  .medium--layout--mlxs {
    margin-left: 0.75rem; }
  .medium--layout--mls {
    margin-left: 1.875rem; }
  .medium--layout--mlm {
    margin-left: 3.75rem; }
  .medium--layout--ml {
    margin-left: 7.5rem; }
  .medium--layout--mll {
    margin-left: 9.375rem; }
  .medium--layout--mlxl {
    margin-left: 13.125rem; }
  .medium--layout--mrn {
    margin-right: 0rem; }
  .medium--layout--mrxs {
    margin-right: 0.75rem; }
  .medium--layout--mrs {
    margin-right: 1.875rem; }
  .medium--layout--mrm {
    margin-right: 3.75rem; }
  .medium--layout--mr {
    margin-right: 7.5rem; }
  .medium--layout--mrl {
    margin-right: 9.375rem; }
  .medium--layout--mrxl {
    margin-right: 13.125rem; }
  .medium--layout--pn {
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    padding-right: 0rem; }
  .medium--layout--pxs {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .medium--layout--ps {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem; }
  .medium--layout--pm {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    padding-left: 3.75rem;
    padding-right: 3.75rem; }
  .medium--layout--p {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  .medium--layout--pl {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem;
    padding-left: 9.375rem;
    padding-right: 9.375rem; }
  .medium--layout--pxl {
    padding-top: 13.125rem;
    padding-bottom: 13.125rem;
    padding-left: 13.125rem;
    padding-right: 13.125rem; }
  .medium--layout--phn {
    padding-left: 0rem;
    padding-right: 0rem; }
  .medium--layout--phxs {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .medium--layout--phs {
    padding-left: 1.875rem;
    padding-right: 1.875rem; }
  .medium--layout--phm {
    padding-left: 3.75rem;
    padding-right: 3.75rem; }
  .medium--layout--ph {
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  .medium--layout--phl {
    padding-left: 9.375rem;
    padding-right: 9.375rem; }
  .medium--layout--phxl {
    padding-left: 13.125rem;
    padding-right: 13.125rem; }
  .medium--layout--pvn {
    padding-top: 0rem;
    padding-bottom: 0rem; }
  .medium--layout--pvxs {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  .medium--layout--pvs {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem; }
  .medium--layout--pvm {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem; }
  .medium--layout--pv {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem; }
  .medium--layout--pvl {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem; }
  .medium--layout--pvxl {
    padding-top: 13.125rem;
    padding-bottom: 13.125rem; }
  .medium--layout--ptn {
    padding-top: 0rem; }
  .medium--layout--ptxs {
    padding-top: 0.75rem; }
  .medium--layout--pts {
    padding-top: 1.875rem; }
  .medium--layout--ptm {
    padding-top: 3.75rem; }
  .medium--layout--pt {
    padding-top: 7.5rem; }
  .medium--layout--ptl {
    padding-top: 9.375rem; }
  .medium--layout--ptxl {
    padding-top: 13.125rem; }
  .medium--layout--pbn {
    padding-bottom: 0rem; }
  .medium--layout--pbxs {
    padding-bottom: 0.75rem; }
  .medium--layout--pbs {
    padding-bottom: 1.875rem; }
  .medium--layout--pbm {
    padding-bottom: 3.75rem; }
  .medium--layout--pb {
    padding-bottom: 7.5rem; }
  .medium--layout--pbl {
    padding-bottom: 9.375rem; }
  .medium--layout--pbxl {
    padding-bottom: 13.125rem; }
  .medium--layout--pln {
    padding-left: 0rem; }
  .medium--layout--plxs {
    padding-left: 0.75rem; }
  .medium--layout--pls {
    padding-left: 1.875rem; }
  .medium--layout--plm {
    padding-left: 3.75rem; }
  .medium--layout--pl {
    padding-left: 7.5rem; }
  .medium--layout--pll {
    padding-left: 9.375rem; }
  .medium--layout--plxl {
    padding-left: 13.125rem; }
  .medium--layout--prn {
    padding-right: 0rem; }
  .medium--layout--prxs {
    padding-right: 0.75rem; }
  .medium--layout--prs {
    padding-right: 1.875rem; }
  .medium--layout--prm {
    padding-right: 3.75rem; }
  .medium--layout--pr {
    padding-right: 7.5rem; }
  .medium--layout--prl {
    padding-right: 9.375rem; }
  .medium--layout--prxl {
    padding-right: 13.125rem; }
  .medium--layout--text-left {
    text-align: left; }
  .medium--layout--text-right {
    text-align: right; }
  .medium--layout--text-center {
    text-align: center; }
  .medium--layout--text-valign-middle {
    vertical-align: middle; }
  .medium--layout--align-center {
    margin-left: auto;
    margin-right: auto; }
  .medium--layout--align-right {
    float: right; }
  .medium--layout--two-columns {
    column-count: 2; }
  .medium--layout--content-width {
    max-width: 52.5rem; } }

@media (min-width: 80rem) {
  .large--layout--mn {
    margin-top: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
    margin-right: 0rem; }
  .large--layout--mxs {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .large--layout--ms {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    margin-left: 1.875rem;
    margin-right: 1.875rem; }
  .large--layout--mm {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
    margin-left: 3.75rem;
    margin-right: 3.75rem; }
  .large--layout--m {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem;
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  .large--layout--ml {
    margin-top: 9.375rem;
    margin-bottom: 9.375rem;
    margin-left: 9.375rem;
    margin-right: 9.375rem; }
  .large--layout--mxl {
    margin-top: 13.125rem;
    margin-bottom: 13.125rem;
    margin-left: 13.125rem;
    margin-right: 13.125rem; }
  .large--layout--mhn {
    margin-left: 0rem;
    margin-right: 0rem; }
  .large--layout--mhxs {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .large--layout--mhs {
    margin-left: 1.875rem;
    margin-right: 1.875rem; }
  .large--layout--mhm {
    margin-left: 3.75rem;
    margin-right: 3.75rem; }
  .large--layout--mh {
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  .large--layout--mhl {
    margin-left: 9.375rem;
    margin-right: 9.375rem; }
  .large--layout--mhxl {
    margin-left: 13.125rem;
    margin-right: 13.125rem; }
  .large--layout--mvn {
    margin-top: 0rem;
    margin-bottom: 0rem; }
  .large--layout--mvxs {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  .large--layout--mvs {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem; }
  .large--layout--mvm {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem; }
  .large--layout--mv {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem; }
  .large--layout--mvl {
    margin-top: 9.375rem;
    margin-bottom: 9.375rem; }
  .large--layout--mvxl {
    margin-top: 13.125rem;
    margin-bottom: 13.125rem; }
  .large--layout--mtn {
    margin-top: 0rem; }
  .large--layout--mtxs {
    margin-top: 0.75rem; }
  .large--layout--mts {
    margin-top: 1.875rem; }
  .large--layout--mtm {
    margin-top: 3.75rem; }
  .large--layout--mt {
    margin-top: 7.5rem; }
  .large--layout--mtl {
    margin-top: 9.375rem; }
  .large--layout--mtxl {
    margin-top: 13.125rem; }
  .large--layout--mbn {
    margin-bottom: 0rem; }
  .large--layout--mbxs {
    margin-bottom: 0.75rem; }
  .large--layout--mbs {
    margin-bottom: 1.875rem; }
  .large--layout--mbm {
    margin-bottom: 3.75rem; }
  .large--layout--mb {
    margin-bottom: 7.5rem; }
  .large--layout--mbl {
    margin-bottom: 9.375rem; }
  .large--layout--mbxl {
    margin-bottom: 13.125rem; }
  .large--layout--mln {
    margin-left: 0rem; }
  .large--layout--mlxs {
    margin-left: 0.75rem; }
  .large--layout--mls {
    margin-left: 1.875rem; }
  .large--layout--mlm {
    margin-left: 3.75rem; }
  .large--layout--ml {
    margin-left: 7.5rem; }
  .large--layout--mll {
    margin-left: 9.375rem; }
  .large--layout--mlxl {
    margin-left: 13.125rem; }
  .large--layout--mrn {
    margin-right: 0rem; }
  .large--layout--mrxs {
    margin-right: 0.75rem; }
  .large--layout--mrs {
    margin-right: 1.875rem; }
  .large--layout--mrm {
    margin-right: 3.75rem; }
  .large--layout--mr {
    margin-right: 7.5rem; }
  .large--layout--mrl {
    margin-right: 9.375rem; }
  .large--layout--mrxl {
    margin-right: 13.125rem; }
  .large--layout--pn {
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    padding-right: 0rem; }
  .large--layout--pxs {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .large--layout--ps {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem; }
  .large--layout--pm {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    padding-left: 3.75rem;
    padding-right: 3.75rem; }
  .large--layout--p {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  .large--layout--pl {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem;
    padding-left: 9.375rem;
    padding-right: 9.375rem; }
  .large--layout--pxl {
    padding-top: 13.125rem;
    padding-bottom: 13.125rem;
    padding-left: 13.125rem;
    padding-right: 13.125rem; }
  .large--layout--phn {
    padding-left: 0rem;
    padding-right: 0rem; }
  .large--layout--phxs {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .large--layout--phs {
    padding-left: 1.875rem;
    padding-right: 1.875rem; }
  .large--layout--phm {
    padding-left: 3.75rem;
    padding-right: 3.75rem; }
  .large--layout--ph {
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  .large--layout--phl {
    padding-left: 9.375rem;
    padding-right: 9.375rem; }
  .large--layout--phxl {
    padding-left: 13.125rem;
    padding-right: 13.125rem; }
  .large--layout--pvn {
    padding-top: 0rem;
    padding-bottom: 0rem; }
  .large--layout--pvxs {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  .large--layout--pvs {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem; }
  .large--layout--pvm {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem; }
  .large--layout--pv {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem; }
  .large--layout--pvl {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem; }
  .large--layout--pvxl {
    padding-top: 13.125rem;
    padding-bottom: 13.125rem; }
  .large--layout--ptn {
    padding-top: 0rem; }
  .large--layout--ptxs {
    padding-top: 0.75rem; }
  .large--layout--pts {
    padding-top: 1.875rem; }
  .large--layout--ptm {
    padding-top: 3.75rem; }
  .large--layout--pt {
    padding-top: 7.5rem; }
  .large--layout--ptl {
    padding-top: 9.375rem; }
  .large--layout--ptxl {
    padding-top: 13.125rem; }
  .large--layout--pbn {
    padding-bottom: 0rem; }
  .large--layout--pbxs {
    padding-bottom: 0.75rem; }
  .large--layout--pbs {
    padding-bottom: 1.875rem; }
  .large--layout--pbm {
    padding-bottom: 3.75rem; }
  .large--layout--pb {
    padding-bottom: 7.5rem; }
  .large--layout--pbl {
    padding-bottom: 9.375rem; }
  .large--layout--pbxl {
    padding-bottom: 13.125rem; }
  .large--layout--pln {
    padding-left: 0rem; }
  .large--layout--plxs {
    padding-left: 0.75rem; }
  .large--layout--pls {
    padding-left: 1.875rem; }
  .large--layout--plm {
    padding-left: 3.75rem; }
  .large--layout--pl {
    padding-left: 7.5rem; }
  .large--layout--pll {
    padding-left: 9.375rem; }
  .large--layout--plxl {
    padding-left: 13.125rem; }
  .large--layout--prn {
    padding-right: 0rem; }
  .large--layout--prxs {
    padding-right: 0.75rem; }
  .large--layout--prs {
    padding-right: 1.875rem; }
  .large--layout--prm {
    padding-right: 3.75rem; }
  .large--layout--pr {
    padding-right: 7.5rem; }
  .large--layout--prl {
    padding-right: 9.375rem; }
  .large--layout--prxl {
    padding-right: 13.125rem; }
  .large--layout--text-left {
    text-align: left; }
  .large--layout--text-right {
    text-align: right; }
  .large--layout--text-center {
    text-align: center; }
  .large--layout--text-valign-middle {
    vertical-align: middle; }
  .large--layout--align-center {
    margin-left: auto;
    margin-right: auto; }
  .large--layout--align-right {
    float: right; }
  .large--layout--two-columns {
    column-count: 2; }
  .large--layout--content-width {
    max-width: 52.5rem; } }

.layout--mtn {
  margin-top: 0; }

.layout--mbn {
  margin-bottom: 0; }

.layout--mln {
  margin-left: 0; }

.layout--mrn {
  margin-right: 0; }

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