@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&main-nav-breakpoint=70em&xlarge=80em&xxlarge=90em&xxxlarge=105em"; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 62.5%; }

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

body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font-family: "Vaud", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #111;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 2px; }

select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-radius: 2px; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 2px;
  background: transparent;
  line-height: 1;
  cursor: pointer; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.row {
  max-width: 104.6rem;
  margin-right: auto;
  margin-left: auto; }
  .row::before, .row::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .row .row {
    margin-right: -1rem;
    margin-left: -1rem; }
    @media print, screen and (min-width: 40em) {
      .row .row {
        margin-right: -1.5rem;
        margin-left: -1.5rem; } }
    @media print, screen and (min-width: 64em) {
      .row .row {
        margin-right: -1.5rem;
        margin-left: -1.5rem; } }
    @media screen and (min-width: 70em) {
      .row .row {
        margin-right: -1.5rem;
        margin-left: -1.5rem; } }
    @media screen and (min-width: 80em) {
      .row .row {
        margin-right: -1.5rem;
        margin-left: -1.5rem; } }
    @media screen and (min-width: 90em) {
      .row .row {
        margin-right: -1.5rem;
        margin-left: -1.5rem; } }
    .row .row.collapse {
      margin-right: 0;
      margin-left: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-right: auto;
      margin-left: auto; }
  .row:not(.expanded) .row {
    max-width: none; }
  .row.gutter-small > .column, .row.gutter-small > .columns {
    padding-right: 1rem;
    padding-left: 1rem; }
  .row.gutter-medium > .column, .row.gutter-medium > .columns {
    padding-right: 1.5rem;
    padding-left: 1.5rem; }

.column, .columns {
  width: 100%;
  float: left;
  padding-right: 1rem;
  padding-left: 1rem; }
  @media print, screen and (min-width: 40em) {
    .column, .columns {
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  .column, .columns, .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.33333%; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.66667%; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.28571%; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0; }

.small-collapse .row {
  margin-right: 0;
  margin-left: 0; }

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 1rem;
  padding-left: 1rem; }

.small-centered {
  margin-right: auto;
  margin-left: auto; }
  .small-centered, .small-centered:last-child:not(:first-child) {
    float: none;
    clear: both; }

.small-uncentered, .small-push-0, .small-pull-0 {
  position: static;
  margin-right: 0;
  margin-left: 0; }
  .small-uncentered, .small-uncentered:last-child:not(:first-child), .small-push-0, .small-push-0:last-child:not(:first-child), .small-pull-0, .small-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .small-uncentered:last-child:not(:first-child), .small-push-0:last-child:not(:first-child), .small-pull-0:last-child:not(:first-child) {
    float: right; }

@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }
  .medium-up-3 > .column, .social-proof .medium-up-6 > .column, .social-proof .medium-up-9 > .column, .medium-up-3 > .columns, .social-proof .medium-up-6 > .columns, .social-proof .medium-up-9 > .columns {
    float: left;
    width: 33.33333%; }
    .medium-up-3 > .column:nth-of-type(1n), .social-proof .medium-up-6 > .column:nth-of-type(1n), .social-proof .medium-up-9 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n), .social-proof .medium-up-6 > .columns:nth-of-type(1n), .social-proof .medium-up-9 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .social-proof .medium-up-6 > .column:nth-of-type(3n+1), .social-proof .medium-up-9 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1), .social-proof .medium-up-6 > .columns:nth-of-type(3n+1), .social-proof .medium-up-9 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .social-proof .medium-up-6 > .column:last-child, .social-proof .medium-up-9 > .column:last-child, .medium-up-3 > .columns:last-child, .social-proof .medium-up-6 > .columns:last-child, .social-proof .medium-up-9 > .columns:last-child {
      float: left; }
  .medium-up-4 > .column, .social-proof .medium-up-8 > .column, .medium-up-4 > .columns, .social-proof .medium-up-8 > .columns {
    float: left;
    width: 25%; }
    .medium-up-4 > .column:nth-of-type(1n), .social-proof .medium-up-8 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n), .social-proof .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .social-proof .medium-up-8 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1), .social-proof .medium-up-8 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .social-proof .medium-up-8 > .column:last-child, .medium-up-4 > .columns:last-child, .social-proof .medium-up-8 > .columns:last-child {
      float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 1.5rem;
    padding-left: 1.5rem; }
  .medium-centered {
    margin-right: auto;
    margin-left: auto; }
    .medium-centered, .medium-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .medium-uncentered, .medium-push-0, .medium-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0; }
    .medium-uncentered, .medium-uncentered:last-child:not(:first-child), .medium-push-0, .medium-push-0:last-child:not(:first-child), .medium-pull-0, .medium-pull-0:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .medium-uncentered:last-child:not(:first-child), .medium-push-0:last-child:not(:first-child), .medium-pull-0:last-child:not(:first-child) {
      float: right; } }

@media print, screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 1.5rem;
    padding-left: 1.5rem; }
  .large-centered {
    margin-right: auto;
    margin-left: auto; }
    .large-centered, .large-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .large-uncentered, .large-push-0, .large-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0; }
    .large-uncentered, .large-uncentered:last-child:not(:first-child), .large-push-0, .large-push-0:last-child:not(:first-child), .large-pull-0, .large-pull-0:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .large-uncentered:last-child:not(:first-child), .large-push-0:last-child:not(:first-child), .large-pull-0:last-child:not(:first-child) {
      float: right; } }

@media screen and (min-width: 70em) {
  .main-nav-breakpoint-1 {
    width: 8.33333%; }
  .main-nav-breakpoint-push-1 {
    position: relative;
    left: 8.33333%; }
  .main-nav-breakpoint-pull-1 {
    position: relative;
    left: -8.33333%; }
  .main-nav-breakpoint-offset-0 {
    margin-left: 0%; }
  .main-nav-breakpoint-2 {
    width: 16.66667%; }
  .main-nav-breakpoint-push-2 {
    position: relative;
    left: 16.66667%; }
  .main-nav-breakpoint-pull-2 {
    position: relative;
    left: -16.66667%; }
  .main-nav-breakpoint-offset-1 {
    margin-left: 8.33333%; }
  .main-nav-breakpoint-3 {
    width: 25%; }
  .main-nav-breakpoint-push-3 {
    position: relative;
    left: 25%; }
  .main-nav-breakpoint-pull-3 {
    position: relative;
    left: -25%; }
  .main-nav-breakpoint-offset-2 {
    margin-left: 16.66667%; }
  .main-nav-breakpoint-4 {
    width: 33.33333%; }
  .main-nav-breakpoint-push-4 {
    position: relative;
    left: 33.33333%; }
  .main-nav-breakpoint-pull-4 {
    position: relative;
    left: -33.33333%; }
  .main-nav-breakpoint-offset-3 {
    margin-left: 25%; }
  .main-nav-breakpoint-5 {
    width: 41.66667%; }
  .main-nav-breakpoint-push-5 {
    position: relative;
    left: 41.66667%; }
  .main-nav-breakpoint-pull-5 {
    position: relative;
    left: -41.66667%; }
  .main-nav-breakpoint-offset-4 {
    margin-left: 33.33333%; }
  .main-nav-breakpoint-6 {
    width: 50%; }
  .main-nav-breakpoint-push-6 {
    position: relative;
    left: 50%; }
  .main-nav-breakpoint-pull-6 {
    position: relative;
    left: -50%; }
  .main-nav-breakpoint-offset-5 {
    margin-left: 41.66667%; }
  .main-nav-breakpoint-7 {
    width: 58.33333%; }
  .main-nav-breakpoint-push-7 {
    position: relative;
    left: 58.33333%; }
  .main-nav-breakpoint-pull-7 {
    position: relative;
    left: -58.33333%; }
  .main-nav-breakpoint-offset-6 {
    margin-left: 50%; }
  .main-nav-breakpoint-8 {
    width: 66.66667%; }
  .main-nav-breakpoint-push-8 {
    position: relative;
    left: 66.66667%; }
  .main-nav-breakpoint-pull-8 {
    position: relative;
    left: -66.66667%; }
  .main-nav-breakpoint-offset-7 {
    margin-left: 58.33333%; }
  .main-nav-breakpoint-9 {
    width: 75%; }
  .main-nav-breakpoint-push-9 {
    position: relative;
    left: 75%; }
  .main-nav-breakpoint-pull-9 {
    position: relative;
    left: -75%; }
  .main-nav-breakpoint-offset-8 {
    margin-left: 66.66667%; }
  .main-nav-breakpoint-10 {
    width: 83.33333%; }
  .main-nav-breakpoint-push-10 {
    position: relative;
    left: 83.33333%; }
  .main-nav-breakpoint-pull-10 {
    position: relative;
    left: -83.33333%; }
  .main-nav-breakpoint-offset-9 {
    margin-left: 75%; }
  .main-nav-breakpoint-11 {
    width: 91.66667%; }
  .main-nav-breakpoint-push-11 {
    position: relative;
    left: 91.66667%; }
  .main-nav-breakpoint-pull-11 {
    position: relative;
    left: -91.66667%; }
  .main-nav-breakpoint-offset-10 {
    margin-left: 83.33333%; }
  .main-nav-breakpoint-12 {
    width: 100%; }
  .main-nav-breakpoint-offset-11 {
    margin-left: 91.66667%; }
  .main-nav-breakpoint-up-1 > .column, .main-nav-breakpoint-up-1 > .columns {
    float: left;
    width: 100%; }
    .main-nav-breakpoint-up-1 > .column:nth-of-type(1n), .main-nav-breakpoint-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .main-nav-breakpoint-up-1 > .column:nth-of-type(1n+1), .main-nav-breakpoint-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .main-nav-breakpoint-up-1 > .column:last-child, .main-nav-breakpoint-up-1 > .columns:last-child {
      float: left; }
  .main-nav-breakpoint-up-2 > .column, .main-nav-breakpoint-up-2 > .columns {
    float: left;
    width: 50%; }
    .main-nav-breakpoint-up-2 > .column:nth-of-type(1n), .main-nav-breakpoint-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .main-nav-breakpoint-up-2 > .column:nth-of-type(2n+1), .main-nav-breakpoint-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .main-nav-breakpoint-up-2 > .column:last-child, .main-nav-breakpoint-up-2 > .columns:last-child {
      float: left; }
  .main-nav-breakpoint-up-3 > .column, .main-nav-breakpoint-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .main-nav-breakpoint-up-3 > .column:nth-of-type(1n), .main-nav-breakpoint-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .main-nav-breakpoint-up-3 > .column:nth-of-type(3n+1), .main-nav-breakpoint-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .main-nav-breakpoint-up-3 > .column:last-child, .main-nav-breakpoint-up-3 > .columns:last-child {
      float: left; }
  .main-nav-breakpoint-up-4 > .column, .main-nav-breakpoint-up-4 > .columns {
    float: left;
    width: 25%; }
    .main-nav-breakpoint-up-4 > .column:nth-of-type(1n), .main-nav-breakpoint-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .main-nav-breakpoint-up-4 > .column:nth-of-type(4n+1), .main-nav-breakpoint-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .main-nav-breakpoint-up-4 > .column:last-child, .main-nav-breakpoint-up-4 > .columns:last-child {
      float: left; }
  .main-nav-breakpoint-up-5 > .column, .main-nav-breakpoint-up-5 > .columns {
    float: left;
    width: 20%; }
    .main-nav-breakpoint-up-5 > .column:nth-of-type(1n), .main-nav-breakpoint-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .main-nav-breakpoint-up-5 > .column:nth-of-type(5n+1), .main-nav-breakpoint-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .main-nav-breakpoint-up-5 > .column:last-child, .main-nav-breakpoint-up-5 > .columns:last-child {
      float: left; }
  .main-nav-breakpoint-up-6 > .column, .main-nav-breakpoint-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .main-nav-breakpoint-up-6 > .column:nth-of-type(1n), .main-nav-breakpoint-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .main-nav-breakpoint-up-6 > .column:nth-of-type(6n+1), .main-nav-breakpoint-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .main-nav-breakpoint-up-6 > .column:last-child, .main-nav-breakpoint-up-6 > .columns:last-child {
      float: left; }
  .main-nav-breakpoint-up-7 > .column, .main-nav-breakpoint-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .main-nav-breakpoint-up-7 > .column:nth-of-type(1n), .main-nav-breakpoint-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .main-nav-breakpoint-up-7 > .column:nth-of-type(7n+1), .main-nav-breakpoint-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .main-nav-breakpoint-up-7 > .column:last-child, .main-nav-breakpoint-up-7 > .columns:last-child {
      float: left; }
  .main-nav-breakpoint-up-8 > .column, .main-nav-breakpoint-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .main-nav-breakpoint-up-8 > .column:nth-of-type(1n), .main-nav-breakpoint-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .main-nav-breakpoint-up-8 > .column:nth-of-type(8n+1), .main-nav-breakpoint-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .main-nav-breakpoint-up-8 > .column:last-child, .main-nav-breakpoint-up-8 > .columns:last-child {
      float: left; }
  .main-nav-breakpoint-collapse > .column, .main-nav-breakpoint-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .main-nav-breakpoint-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .main-nav-breakpoint-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .main-nav-breakpoint-uncollapse > .column, .main-nav-breakpoint-uncollapse > .columns {
    padding-right: 1.5rem;
    padding-left: 1.5rem; }
  .main-nav-breakpoint-centered {
    margin-right: auto;
    margin-left: auto; }
    .main-nav-breakpoint-centered, .main-nav-breakpoint-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .main-nav-breakpoint-uncentered, .main-nav-breakpoint-push-0, .main-nav-breakpoint-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0; }
    .main-nav-breakpoint-uncentered, .main-nav-breakpoint-uncentered:last-child:not(:first-child), .main-nav-breakpoint-push-0, .main-nav-breakpoint-push-0:last-child:not(:first-child), .main-nav-breakpoint-pull-0, .main-nav-breakpoint-pull-0:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .main-nav-breakpoint-uncentered:last-child:not(:first-child), .main-nav-breakpoint-push-0:last-child:not(:first-child), .main-nav-breakpoint-pull-0:last-child:not(:first-child) {
      float: right; } }

@media screen and (min-width: 80em) {
  .xlarge-1 {
    width: 8.33333%; }
  .xlarge-push-1 {
    position: relative;
    left: 8.33333%; }
  .xlarge-pull-1 {
    position: relative;
    left: -8.33333%; }
  .xlarge-offset-0 {
    margin-left: 0%; }
  .xlarge-2 {
    width: 16.66667%; }
  .xlarge-push-2 {
    position: relative;
    left: 16.66667%; }
  .xlarge-pull-2 {
    position: relative;
    left: -16.66667%; }
  .xlarge-offset-1 {
    margin-left: 8.33333%; }
  .xlarge-3 {
    width: 25%; }
  .xlarge-push-3 {
    position: relative;
    left: 25%; }
  .xlarge-pull-3 {
    position: relative;
    left: -25%; }
  .xlarge-offset-2 {
    margin-left: 16.66667%; }
  .xlarge-4 {
    width: 33.33333%; }
  .xlarge-push-4 {
    position: relative;
    left: 33.33333%; }
  .xlarge-pull-4 {
    position: relative;
    left: -33.33333%; }
  .xlarge-offset-3 {
    margin-left: 25%; }
  .xlarge-5 {
    width: 41.66667%; }
  .xlarge-push-5 {
    position: relative;
    left: 41.66667%; }
  .xlarge-pull-5 {
    position: relative;
    left: -41.66667%; }
  .xlarge-offset-4 {
    margin-left: 33.33333%; }
  .xlarge-6 {
    width: 50%; }
  .xlarge-push-6 {
    position: relative;
    left: 50%; }
  .xlarge-pull-6 {
    position: relative;
    left: -50%; }
  .xlarge-offset-5 {
    margin-left: 41.66667%; }
  .xlarge-7 {
    width: 58.33333%; }
  .xlarge-push-7 {
    position: relative;
    left: 58.33333%; }
  .xlarge-pull-7 {
    position: relative;
    left: -58.33333%; }
  .xlarge-offset-6 {
    margin-left: 50%; }
  .xlarge-8 {
    width: 66.66667%; }
  .xlarge-push-8 {
    position: relative;
    left: 66.66667%; }
  .xlarge-pull-8 {
    position: relative;
    left: -66.66667%; }
  .xlarge-offset-7 {
    margin-left: 58.33333%; }
  .xlarge-9 {
    width: 75%; }
  .xlarge-push-9 {
    position: relative;
    left: 75%; }
  .xlarge-pull-9 {
    position: relative;
    left: -75%; }
  .xlarge-offset-8 {
    margin-left: 66.66667%; }
  .xlarge-10 {
    width: 83.33333%; }
  .xlarge-push-10 {
    position: relative;
    left: 83.33333%; }
  .xlarge-pull-10 {
    position: relative;
    left: -83.33333%; }
  .xlarge-offset-9 {
    margin-left: 75%; }
  .xlarge-11 {
    width: 91.66667%; }
  .xlarge-push-11 {
    position: relative;
    left: 91.66667%; }
  .xlarge-pull-11 {
    position: relative;
    left: -91.66667%; }
  .xlarge-offset-10 {
    margin-left: 83.33333%; }
  .xlarge-12 {
    width: 100%; }
  .xlarge-offset-11 {
    margin-left: 91.66667%; }
  .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
    float: left;
    width: 100%; }
    .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child {
      float: left; }
  .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
    float: left;
    width: 50%; }
    .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child {
      float: left; }
  .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child {
      float: left; }
  .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
    float: left;
    width: 25%; }
    .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child {
      float: left; }
  .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
    float: left;
    width: 20%; }
    .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child {
      float: left; }
  .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child {
      float: left; }
  .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child {
      float: left; }
  .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child {
      float: left; }
  .xlarge-collapse > .column, .xlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .xlarge-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .xlarge-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
    padding-right: 1.5rem;
    padding-left: 1.5rem; }
  .xlarge-centered {
    margin-right: auto;
    margin-left: auto; }
    .xlarge-centered, .xlarge-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .xlarge-uncentered, .xlarge-push-0, .xlarge-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0; }
    .xlarge-uncentered, .xlarge-uncentered:last-child:not(:first-child), .xlarge-push-0, .xlarge-push-0:last-child:not(:first-child), .xlarge-pull-0, .xlarge-pull-0:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .xlarge-uncentered:last-child:not(:first-child), .xlarge-push-0:last-child:not(:first-child), .xlarge-pull-0:last-child:not(:first-child) {
      float: right; } }

@media screen and (min-width: 90em) {
  .xxlarge-1 {
    width: 8.33333%; }
  .xxlarge-push-1 {
    position: relative;
    left: 8.33333%; }
  .xxlarge-pull-1 {
    position: relative;
    left: -8.33333%; }
  .xxlarge-offset-0 {
    margin-left: 0%; }
  .xxlarge-2 {
    width: 16.66667%; }
  .xxlarge-push-2 {
    position: relative;
    left: 16.66667%; }
  .xxlarge-pull-2 {
    position: relative;
    left: -16.66667%; }
  .xxlarge-offset-1 {
    margin-left: 8.33333%; }
  .xxlarge-3 {
    width: 25%; }
  .xxlarge-push-3 {
    position: relative;
    left: 25%; }
  .xxlarge-pull-3 {
    position: relative;
    left: -25%; }
  .xxlarge-offset-2 {
    margin-left: 16.66667%; }
  .xxlarge-4 {
    width: 33.33333%; }
  .xxlarge-push-4 {
    position: relative;
    left: 33.33333%; }
  .xxlarge-pull-4 {
    position: relative;
    left: -33.33333%; }
  .xxlarge-offset-3 {
    margin-left: 25%; }
  .xxlarge-5 {
    width: 41.66667%; }
  .xxlarge-push-5 {
    position: relative;
    left: 41.66667%; }
  .xxlarge-pull-5 {
    position: relative;
    left: -41.66667%; }
  .xxlarge-offset-4 {
    margin-left: 33.33333%; }
  .xxlarge-6 {
    width: 50%; }
  .xxlarge-push-6 {
    position: relative;
    left: 50%; }
  .xxlarge-pull-6 {
    position: relative;
    left: -50%; }
  .xxlarge-offset-5 {
    margin-left: 41.66667%; }
  .xxlarge-7 {
    width: 58.33333%; }
  .xxlarge-push-7 {
    position: relative;
    left: 58.33333%; }
  .xxlarge-pull-7 {
    position: relative;
    left: -58.33333%; }
  .xxlarge-offset-6 {
    margin-left: 50%; }
  .xxlarge-8 {
    width: 66.66667%; }
  .xxlarge-push-8 {
    position: relative;
    left: 66.66667%; }
  .xxlarge-pull-8 {
    position: relative;
    left: -66.66667%; }
  .xxlarge-offset-7 {
    margin-left: 58.33333%; }
  .xxlarge-9 {
    width: 75%; }
  .xxlarge-push-9 {
    position: relative;
    left: 75%; }
  .xxlarge-pull-9 {
    position: relative;
    left: -75%; }
  .xxlarge-offset-8 {
    margin-left: 66.66667%; }
  .xxlarge-10 {
    width: 83.33333%; }
  .xxlarge-push-10 {
    position: relative;
    left: 83.33333%; }
  .xxlarge-pull-10 {
    position: relative;
    left: -83.33333%; }
  .xxlarge-offset-9 {
    margin-left: 75%; }
  .xxlarge-11 {
    width: 91.66667%; }
  .xxlarge-push-11 {
    position: relative;
    left: 91.66667%; }
  .xxlarge-pull-11 {
    position: relative;
    left: -91.66667%; }
  .xxlarge-offset-10 {
    margin-left: 83.33333%; }
  .xxlarge-12 {
    width: 100%; }
  .xxlarge-offset-11 {
    margin-left: 91.66667%; }
  .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
    float: left;
    width: 100%; }
    .xxlarge-up-1 > .column:nth-of-type(1n), .xxlarge-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxlarge-up-1 > .column:nth-of-type(1n+1), .xxlarge-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child {
      float: left; }
  .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
    float: left;
    width: 50%; }
    .xxlarge-up-2 > .column:nth-of-type(1n), .xxlarge-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxlarge-up-2 > .column:nth-of-type(2n+1), .xxlarge-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child {
      float: left; }
  .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .xxlarge-up-3 > .column:nth-of-type(1n), .xxlarge-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxlarge-up-3 > .column:nth-of-type(3n+1), .xxlarge-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child {
      float: left; }
  .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
    float: left;
    width: 25%; }
    .xxlarge-up-4 > .column:nth-of-type(1n), .xxlarge-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxlarge-up-4 > .column:nth-of-type(4n+1), .xxlarge-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child {
      float: left; }
  .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
    float: left;
    width: 20%; }
    .xxlarge-up-5 > .column:nth-of-type(1n), .xxlarge-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxlarge-up-5 > .column:nth-of-type(5n+1), .xxlarge-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child {
      float: left; }
  .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .xxlarge-up-6 > .column:nth-of-type(1n), .xxlarge-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxlarge-up-6 > .column:nth-of-type(6n+1), .xxlarge-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child {
      float: left; }
  .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .xxlarge-up-7 > .column:nth-of-type(1n), .xxlarge-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxlarge-up-7 > .column:nth-of-type(7n+1), .xxlarge-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child {
      float: left; }
  .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .xxlarge-up-8 > .column:nth-of-type(1n), .xxlarge-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxlarge-up-8 > .column:nth-of-type(8n+1), .xxlarge-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child {
      float: left; }
  .xxlarge-collapse > .column, .xxlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .xxlarge-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .xxlarge-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
    padding-right: 1.5rem;
    padding-left: 1.5rem; }
  .xxlarge-centered {
    margin-right: auto;
    margin-left: auto; }
    .xxlarge-centered, .xxlarge-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .xxlarge-uncentered, .xxlarge-push-0, .xxlarge-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0; }
    .xxlarge-uncentered, .xxlarge-uncentered:last-child:not(:first-child), .xxlarge-push-0, .xxlarge-push-0:last-child:not(:first-child), .xxlarge-pull-0, .xxlarge-pull-0:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .xxlarge-uncentered:last-child:not(:first-child), .xxlarge-push-0:last-child:not(:first-child), .xxlarge-pull-0:last-child:not(:first-child) {
      float: right; } }

.column-block {
  margin-bottom: 2rem; }
  .column-block > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .column-block {
      margin-bottom: 3rem; }
      .column-block > :last-child {
        margin-bottom: 0; } }

.grid-container, .accordion-section-titlebar .accordion-section-titlebar-inner {
  padding-right: 1.2rem;
  padding-left: 1.2rem;
  max-width: 104.6rem;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-container, .accordion-section-titlebar .accordion-section-titlebar-inner {
      padding-right: 2rem;
      padding-left: 2rem; } }
  .grid-container.fluid, .accordion-section-titlebar .fluid.accordion-section-titlebar-inner {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media print, screen and (min-width: 40em) {
      .grid-container.fluid, .accordion-section-titlebar .fluid.accordion-section-titlebar-inner {
        padding-right: 2rem;
        padding-left: 2rem; } }
  .grid-container.full, .accordion-section-titlebar .full.accordion-section-titlebar-inner {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }

.grid-x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.cell {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%; }
  .cell.auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px; }
  .cell.shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }

.grid-x > .auto {
  width: auto; }

.grid-x > .shrink {
  width: auto; }

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }

@media screen and (min-width: 70em) {
  .grid-x > .main-nav-breakpoint-shrink, .grid-x > .main-nav-breakpoint-full, .grid-x > .main-nav-breakpoint-1, .grid-x > .main-nav-breakpoint-2, .grid-x > .main-nav-breakpoint-3, .grid-x > .main-nav-breakpoint-4, .grid-x > .main-nav-breakpoint-5, .grid-x > .main-nav-breakpoint-6, .grid-x > .main-nav-breakpoint-7, .grid-x > .main-nav-breakpoint-8, .grid-x > .main-nav-breakpoint-9, .grid-x > .main-nav-breakpoint-10, .grid-x > .main-nav-breakpoint-11, .grid-x > .main-nav-breakpoint-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }

@media screen and (min-width: 80em) {
  .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }

@media screen and (min-width: 90em) {
  .grid-x > .xxlarge-shrink, .grid-x > .xxlarge-full, .grid-x > .xxlarge-1, .grid-x > .xxlarge-2, .grid-x > .xxlarge-3, .grid-x > .xxlarge-4, .grid-x > .xxlarge-5, .grid-x > .xxlarge-6, .grid-x > .xxlarge-7, .grid-x > .xxlarge-8, .grid-x > .xxlarge-9, .grid-x > .xxlarge-10, .grid-x > .xxlarge-11, .grid-x > .xxlarge-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.grid-x > .small-1 {
  width: 8.33333%; }

.grid-x > .small-2 {
  width: 16.66667%; }

.grid-x > .small-3 {
  width: 25%; }

.grid-x > .small-4 {
  width: 33.33333%; }

.grid-x > .small-5 {
  width: 41.66667%; }

.grid-x > .small-6 {
  width: 50%; }

.grid-x > .small-7 {
  width: 58.33333%; }

.grid-x > .small-8 {
  width: 66.66667%; }

.grid-x > .small-9 {
  width: 75%; }

.grid-x > .small-10 {
  width: 83.33333%; }

.grid-x > .small-11 {
  width: 91.66667%; }

.grid-x > .small-12 {
  width: 100%; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-x > .medium-shrink {
    width: auto; }
  .grid-x > .medium-1 {
    width: 8.33333%; }
  .grid-x > .medium-2 {
    width: 16.66667%; }
  .grid-x > .medium-3 {
    width: 25%; }
  .grid-x > .medium-4 {
    width: 33.33333%; }
  .grid-x > .medium-5 {
    width: 41.66667%; }
  .grid-x > .medium-6 {
    width: 50%; }
  .grid-x > .medium-7 {
    width: 58.33333%; }
  .grid-x > .medium-8 {
    width: 66.66667%; }
  .grid-x > .medium-9 {
    width: 75%; }
  .grid-x > .medium-10 {
    width: 83.33333%; }
  .grid-x > .medium-11 {
    width: 91.66667%; }
  .grid-x > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-x > .large-shrink {
    width: auto; }
  .grid-x > .large-1 {
    width: 8.33333%; }
  .grid-x > .large-2 {
    width: 16.66667%; }
  .grid-x > .large-3 {
    width: 25%; }
  .grid-x > .large-4 {
    width: 33.33333%; }
  .grid-x > .large-5 {
    width: 41.66667%; }
  .grid-x > .large-6 {
    width: 50%; }
  .grid-x > .large-7 {
    width: 58.33333%; }
  .grid-x > .large-8 {
    width: 66.66667%; }
  .grid-x > .large-9 {
    width: 75%; }
  .grid-x > .large-10 {
    width: 83.33333%; }
  .grid-x > .large-11 {
    width: 91.66667%; }
  .grid-x > .large-12 {
    width: 100%; } }

@media screen and (min-width: 70em) {
  .grid-x > .main-nav-breakpoint-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .main-nav-breakpoint-shrink, .grid-x > .main-nav-breakpoint-1, .grid-x > .main-nav-breakpoint-2, .grid-x > .main-nav-breakpoint-3, .grid-x > .main-nav-breakpoint-4, .grid-x > .main-nav-breakpoint-5, .grid-x > .main-nav-breakpoint-6, .grid-x > .main-nav-breakpoint-7, .grid-x > .main-nav-breakpoint-8, .grid-x > .main-nav-breakpoint-9, .grid-x > .main-nav-breakpoint-10, .grid-x > .main-nav-breakpoint-11, .grid-x > .main-nav-breakpoint-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-x > .main-nav-breakpoint-shrink {
    width: auto; }
  .grid-x > .main-nav-breakpoint-1 {
    width: 8.33333%; }
  .grid-x > .main-nav-breakpoint-2 {
    width: 16.66667%; }
  .grid-x > .main-nav-breakpoint-3 {
    width: 25%; }
  .grid-x > .main-nav-breakpoint-4 {
    width: 33.33333%; }
  .grid-x > .main-nav-breakpoint-5 {
    width: 41.66667%; }
  .grid-x > .main-nav-breakpoint-6 {
    width: 50%; }
  .grid-x > .main-nav-breakpoint-7 {
    width: 58.33333%; }
  .grid-x > .main-nav-breakpoint-8 {
    width: 66.66667%; }
  .grid-x > .main-nav-breakpoint-9 {
    width: 75%; }
  .grid-x > .main-nav-breakpoint-10 {
    width: 83.33333%; }
  .grid-x > .main-nav-breakpoint-11 {
    width: 91.66667%; }
  .grid-x > .main-nav-breakpoint-12 {
    width: 100%; } }

@media screen and (min-width: 80em) {
  .grid-x > .xlarge-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .xlarge-shrink, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-x > .xlarge-shrink {
    width: auto; }
  .grid-x > .xlarge-1 {
    width: 8.33333%; }
  .grid-x > .xlarge-2 {
    width: 16.66667%; }
  .grid-x > .xlarge-3 {
    width: 25%; }
  .grid-x > .xlarge-4 {
    width: 33.33333%; }
  .grid-x > .xlarge-5 {
    width: 41.66667%; }
  .grid-x > .xlarge-6 {
    width: 50%; }
  .grid-x > .xlarge-7 {
    width: 58.33333%; }
  .grid-x > .xlarge-8 {
    width: 66.66667%; }
  .grid-x > .xlarge-9 {
    width: 75%; }
  .grid-x > .xlarge-10 {
    width: 83.33333%; }
  .grid-x > .xlarge-11 {
    width: 91.66667%; }
  .grid-x > .xlarge-12 {
    width: 100%; } }

@media screen and (min-width: 90em) {
  .grid-x > .xxlarge-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .xxlarge-shrink, .grid-x > .xxlarge-1, .grid-x > .xxlarge-2, .grid-x > .xxlarge-3, .grid-x > .xxlarge-4, .grid-x > .xxlarge-5, .grid-x > .xxlarge-6, .grid-x > .xxlarge-7, .grid-x > .xxlarge-8, .grid-x > .xxlarge-9, .grid-x > .xxlarge-10, .grid-x > .xxlarge-11, .grid-x > .xxlarge-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-x > .xxlarge-shrink {
    width: auto; }
  .grid-x > .xxlarge-1 {
    width: 8.33333%; }
  .grid-x > .xxlarge-2 {
    width: 16.66667%; }
  .grid-x > .xxlarge-3 {
    width: 25%; }
  .grid-x > .xxlarge-4 {
    width: 33.33333%; }
  .grid-x > .xxlarge-5 {
    width: 41.66667%; }
  .grid-x > .xxlarge-6 {
    width: 50%; }
  .grid-x > .xxlarge-7 {
    width: 58.33333%; }
  .grid-x > .xxlarge-8 {
    width: 66.66667%; }
  .grid-x > .xxlarge-9 {
    width: 75%; }
  .grid-x > .xxlarge-10 {
    width: 83.33333%; }
  .grid-x > .xxlarge-11 {
    width: 91.66667%; }
  .grid-x > .xxlarge-12 {
    width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell {
  width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
  height: auto; }

.grid-margin-x {
  margin-left: -1.2rem;
  margin-right: -1.2rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x {
      margin-left: -2rem;
      margin-right: -2rem; } }
  .grid-margin-x > .cell {
    width: calc(100% - 2.4rem);
    margin-left: 1.2rem;
    margin-right: 1.2rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .cell {
      width: calc(100% - 4rem);
      margin-left: 2rem;
      margin-right: 2rem; } }
  .grid-margin-x > .auto {
    width: auto; }
  .grid-margin-x > .shrink {
    width: auto; }
  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 2.4rem); }
  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 2.4rem); }
  .grid-margin-x > .small-3 {
    width: calc(25% - 2.4rem); }
  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 2.4rem); }
  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 2.4rem); }
  .grid-margin-x > .small-6 {
    width: calc(50% - 2.4rem); }
  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 2.4rem); }
  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 2.4rem); }
  .grid-margin-x > .small-9 {
    width: calc(75% - 2.4rem); }
  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 2.4rem); }
  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 2.4rem); }
  .grid-margin-x > .small-12 {
    width: calc(100% - 2.4rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .auto {
      width: auto; }
    .grid-margin-x > .shrink {
      width: auto; }
    .grid-margin-x > .small-1 {
      width: calc(8.33333% - 4rem); }
    .grid-margin-x > .small-2 {
      width: calc(16.66667% - 4rem); }
    .grid-margin-x > .small-3 {
      width: calc(25% - 4rem); }
    .grid-margin-x > .small-4 {
      width: calc(33.33333% - 4rem); }
    .grid-margin-x > .small-5 {
      width: calc(41.66667% - 4rem); }
    .grid-margin-x > .small-6 {
      width: calc(50% - 4rem); }
    .grid-margin-x > .small-7 {
      width: calc(58.33333% - 4rem); }
    .grid-margin-x > .small-8 {
      width: calc(66.66667% - 4rem); }
    .grid-margin-x > .small-9 {
      width: calc(75% - 4rem); }
    .grid-margin-x > .small-10 {
      width: calc(83.33333% - 4rem); }
    .grid-margin-x > .small-11 {
      width: calc(91.66667% - 4rem); }
    .grid-margin-x > .small-12 {
      width: calc(100% - 4rem); }
    .grid-margin-x > .medium-auto {
      width: auto; }
    .grid-margin-x > .medium-shrink {
      width: auto; }
    .grid-margin-x > .medium-1 {
      width: calc(8.33333% - 4rem); }
    .grid-margin-x > .medium-2 {
      width: calc(16.66667% - 4rem); }
    .grid-margin-x > .medium-3 {
      width: calc(25% - 4rem); }
    .grid-margin-x > .medium-4 {
      width: calc(33.33333% - 4rem); }
    .grid-margin-x > .medium-5 {
      width: calc(41.66667% - 4rem); }
    .grid-margin-x > .medium-6 {
      width: calc(50% - 4rem); }
    .grid-margin-x > .medium-7 {
      width: calc(58.33333% - 4rem); }
    .grid-margin-x > .medium-8 {
      width: calc(66.66667% - 4rem); }
    .grid-margin-x > .medium-9 {
      width: calc(75% - 4rem); }
    .grid-margin-x > .medium-10 {
      width: calc(83.33333% - 4rem); }
    .grid-margin-x > .medium-11 {
      width: calc(91.66667% - 4rem); }
    .grid-margin-x > .medium-12 {
      width: calc(100% - 4rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x > .large-auto {
      width: auto; }
    .grid-margin-x > .large-shrink {
      width: auto; }
    .grid-margin-x > .large-1 {
      width: calc(8.33333% - 4rem); }
    .grid-margin-x > .large-2 {
      width: calc(16.66667% - 4rem); }
    .grid-margin-x > .large-3 {
      width: calc(25% - 4rem); }
    .grid-margin-x > .large-4 {
      width: calc(33.33333% - 4rem); }
    .grid-margin-x > .large-5 {
      width: calc(41.66667% - 4rem); }
    .grid-margin-x > .large-6 {
      width: calc(50% - 4rem); }
    .grid-margin-x > .large-7 {
      width: calc(58.33333% - 4rem); }
    .grid-margin-x > .large-8 {
      width: calc(66.66667% - 4rem); }
    .grid-margin-x > .large-9 {
      width: calc(75% - 4rem); }
    .grid-margin-x > .large-10 {
      width: calc(83.33333% - 4rem); }
    .grid-margin-x > .large-11 {
      width: calc(91.66667% - 4rem); }
    .grid-margin-x > .large-12 {
      width: calc(100% - 4rem); } }
  @media screen and (min-width: 70em) {
    .grid-margin-x > .main-nav-breakpoint-auto {
      width: auto; }
    .grid-margin-x > .main-nav-breakpoint-shrink {
      width: auto; }
    .grid-margin-x > .main-nav-breakpoint-1 {
      width: calc(8.33333% - 4rem); }
    .grid-margin-x > .main-nav-breakpoint-2 {
      width: calc(16.66667% - 4rem); }
    .grid-margin-x > .main-nav-breakpoint-3 {
      width: calc(25% - 4rem); }
    .grid-margin-x > .main-nav-breakpoint-4 {
      width: calc(33.33333% - 4rem); }
    .grid-margin-x > .main-nav-breakpoint-5 {
      width: calc(41.66667% - 4rem); }
    .grid-margin-x > .main-nav-breakpoint-6 {
      width: calc(50% - 4rem); }
    .grid-margin-x > .main-nav-breakpoint-7 {
      width: calc(58.33333% - 4rem); }
    .grid-margin-x > .main-nav-breakpoint-8 {
      width: calc(66.66667% - 4rem); }
    .grid-margin-x > .main-nav-breakpoint-9 {
      width: calc(75% - 4rem); }
    .grid-margin-x > .main-nav-breakpoint-10 {
      width: calc(83.33333% - 4rem); }
    .grid-margin-x > .main-nav-breakpoint-11 {
      width: calc(91.66667% - 4rem); }
    .grid-margin-x > .main-nav-breakpoint-12 {
      width: calc(100% - 4rem); } }
  @media screen and (min-width: 80em) {
    .grid-margin-x > .xlarge-auto {
      width: auto; }
    .grid-margin-x > .xlarge-shrink {
      width: auto; }
    .grid-margin-x > .xlarge-1 {
      width: calc(8.33333% - 4rem); }
    .grid-margin-x > .xlarge-2 {
      width: calc(16.66667% - 4rem); }
    .grid-margin-x > .xlarge-3 {
      width: calc(25% - 4rem); }
    .grid-margin-x > .xlarge-4 {
      width: calc(33.33333% - 4rem); }
    .grid-margin-x > .xlarge-5 {
      width: calc(41.66667% - 4rem); }
    .grid-margin-x > .xlarge-6 {
      width: calc(50% - 4rem); }
    .grid-margin-x > .xlarge-7 {
      width: calc(58.33333% - 4rem); }
    .grid-margin-x > .xlarge-8 {
      width: calc(66.66667% - 4rem); }
    .grid-margin-x > .xlarge-9 {
      width: calc(75% - 4rem); }
    .grid-margin-x > .xlarge-10 {
      width: calc(83.33333% - 4rem); }
    .grid-margin-x > .xlarge-11 {
      width: calc(91.66667% - 4rem); }
    .grid-margin-x > .xlarge-12 {
      width: calc(100% - 4rem); } }
  @media screen and (min-width: 90em) {
    .grid-margin-x > .xxlarge-auto {
      width: auto; }
    .grid-margin-x > .xxlarge-shrink {
      width: auto; }
    .grid-margin-x > .xxlarge-1 {
      width: calc(8.33333% - 4rem); }
    .grid-margin-x > .xxlarge-2 {
      width: calc(16.66667% - 4rem); }
    .grid-margin-x > .xxlarge-3 {
      width: calc(25% - 4rem); }
    .grid-margin-x > .xxlarge-4 {
      width: calc(33.33333% - 4rem); }
    .grid-margin-x > .xxlarge-5 {
      width: calc(41.66667% - 4rem); }
    .grid-margin-x > .xxlarge-6 {
      width: calc(50% - 4rem); }
    .grid-margin-x > .xxlarge-7 {
      width: calc(58.33333% - 4rem); }
    .grid-margin-x > .xxlarge-8 {
      width: calc(66.66667% - 4rem); }
    .grid-margin-x > .xxlarge-9 {
      width: calc(75% - 4rem); }
    .grid-margin-x > .xxlarge-10 {
      width: calc(83.33333% - 4rem); }
    .grid-margin-x > .xxlarge-11 {
      width: calc(91.66667% - 4rem); }
    .grid-margin-x > .xxlarge-12 {
      width: calc(100% - 4rem); } }

.grid-padding-x .grid-padding-x {
  margin-right: -1.2rem;
  margin-left: -1.2rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x .grid-padding-x {
      margin-right: -2rem;
      margin-left: -2rem; } }

.grid-container:not(.full) > .grid-padding-x, .accordion-section-titlebar .accordion-section-titlebar-inner:not(.full) > .grid-padding-x {
  margin-right: -1.2rem;
  margin-left: -1.2rem; }
  @media print, screen and (min-width: 40em) {
    .grid-container:not(.full) > .grid-padding-x, .accordion-section-titlebar .accordion-section-titlebar-inner:not(.full) > .grid-padding-x {
      margin-right: -2rem;
      margin-left: -2rem; } }

.grid-padding-x > .cell {
  padding-right: 1.2rem;
  padding-left: 1.2rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x > .cell {
      padding-right: 2rem;
      padding-left: 2rem; } }

.small-up-1 > .cell {
  width: 100%; }

.small-up-2 > .cell {
  width: 50%; }

.small-up-3 > .cell {
  width: 33.33333%; }

.small-up-4 > .cell {
  width: 25%; }

.small-up-5 > .cell {
  width: 20%; }

.small-up-6 > .cell {
  width: 16.66667%; }

.small-up-7 > .cell {
  width: 14.28571%; }

.small-up-8 > .cell {
  width: 12.5%; }

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%; }
  .medium-up-2 > .cell {
    width: 50%; }
  .medium-up-3 > .cell, .social-proof .medium-up-6 > .cell, .social-proof .medium-up-9 > .cell {
    width: 33.33333%; }
  .medium-up-4 > .cell, .social-proof .medium-up-8 > .cell {
    width: 25%; }
  .medium-up-5 > .cell {
    width: 20%; }
  .medium-up-6 > .cell {
    width: 16.66667%; }
  .medium-up-7 > .cell {
    width: 14.28571%; }
  .medium-up-8 > .cell {
    width: 12.5%; } }

@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%; }
  .large-up-2 > .cell {
    width: 50%; }
  .large-up-3 > .cell {
    width: 33.33333%; }
  .large-up-4 > .cell {
    width: 25%; }
  .large-up-5 > .cell {
    width: 20%; }
  .large-up-6 > .cell {
    width: 16.66667%; }
  .large-up-7 > .cell {
    width: 14.28571%; }
  .large-up-8 > .cell {
    width: 12.5%; } }

@media screen and (min-width: 70em) {
  .main-nav-breakpoint-up-1 > .cell {
    width: 100%; }
  .main-nav-breakpoint-up-2 > .cell {
    width: 50%; }
  .main-nav-breakpoint-up-3 > .cell {
    width: 33.33333%; }
  .main-nav-breakpoint-up-4 > .cell {
    width: 25%; }
  .main-nav-breakpoint-up-5 > .cell {
    width: 20%; }
  .main-nav-breakpoint-up-6 > .cell {
    width: 16.66667%; }
  .main-nav-breakpoint-up-7 > .cell {
    width: 14.28571%; }
  .main-nav-breakpoint-up-8 > .cell {
    width: 12.5%; } }

@media screen and (min-width: 80em) {
  .xlarge-up-1 > .cell {
    width: 100%; }
  .xlarge-up-2 > .cell {
    width: 50%; }
  .xlarge-up-3 > .cell {
    width: 33.33333%; }
  .xlarge-up-4 > .cell {
    width: 25%; }
  .xlarge-up-5 > .cell {
    width: 20%; }
  .xlarge-up-6 > .cell {
    width: 16.66667%; }
  .xlarge-up-7 > .cell {
    width: 14.28571%; }
  .xlarge-up-8 > .cell {
    width: 12.5%; } }

@media screen and (min-width: 90em) {
  .xxlarge-up-1 > .cell {
    width: 100%; }
  .xxlarge-up-2 > .cell {
    width: 50%; }
  .xxlarge-up-3 > .cell {
    width: 33.33333%; }
  .xxlarge-up-4 > .cell {
    width: 25%; }
  .xxlarge-up-5 > .cell {
    width: 20%; }
  .xxlarge-up-6 > .cell {
    width: 16.66667%; }
  .xxlarge-up-7 > .cell {
    width: 14.28571%; }
  .xxlarge-up-8 > .cell {
    width: 12.5%; } }

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 2.4rem); }

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 2.4rem); }

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 2.4rem); }

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 2.4rem); }

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 2.4rem); }

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 2.4rem); }

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 2.4rem); }

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 2.4rem); }

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 4rem); }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 4rem); }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 4rem); }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 4rem); }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 4rem); }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 4rem); }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 4rem); }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 4rem); }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 4rem); }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 4rem); }
  .grid-margin-x.medium-up-3 > .cell, .social-proof .grid-margin-x.medium-up-6 > .cell, .social-proof .grid-margin-x.medium-up-9 > .cell {
    width: calc(33.33333% - 4rem); }
  .grid-margin-x.medium-up-4 > .cell, .social-proof .grid-margin-x.medium-up-8 > .cell {
    width: calc(25% - 4rem); }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 4rem); }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 4rem); }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 4rem); }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 4rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 4rem); }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 4rem); }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 4rem); }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 4rem); }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 4rem); }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 4rem); }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 4rem); }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 4rem); } }

@media screen and (min-width: 70em) {
  .grid-margin-x.main-nav-breakpoint-up-1 > .cell {
    width: calc(100% - 4rem); }
  .grid-margin-x.main-nav-breakpoint-up-2 > .cell {
    width: calc(50% - 4rem); }
  .grid-margin-x.main-nav-breakpoint-up-3 > .cell {
    width: calc(33.33333% - 4rem); }
  .grid-margin-x.main-nav-breakpoint-up-4 > .cell {
    width: calc(25% - 4rem); }
  .grid-margin-x.main-nav-breakpoint-up-5 > .cell {
    width: calc(20% - 4rem); }
  .grid-margin-x.main-nav-breakpoint-up-6 > .cell {
    width: calc(16.66667% - 4rem); }
  .grid-margin-x.main-nav-breakpoint-up-7 > .cell {
    width: calc(14.28571% - 4rem); }
  .grid-margin-x.main-nav-breakpoint-up-8 > .cell {
    width: calc(12.5% - 4rem); } }

@media screen and (min-width: 80em) {
  .grid-margin-x.xlarge-up-1 > .cell {
    width: calc(100% - 4rem); }
  .grid-margin-x.xlarge-up-2 > .cell {
    width: calc(50% - 4rem); }
  .grid-margin-x.xlarge-up-3 > .cell {
    width: calc(33.33333% - 4rem); }
  .grid-margin-x.xlarge-up-4 > .cell {
    width: calc(25% - 4rem); }
  .grid-margin-x.xlarge-up-5 > .cell {
    width: calc(20% - 4rem); }
  .grid-margin-x.xlarge-up-6 > .cell {
    width: calc(16.66667% - 4rem); }
  .grid-margin-x.xlarge-up-7 > .cell {
    width: calc(14.28571% - 4rem); }
  .grid-margin-x.xlarge-up-8 > .cell {
    width: calc(12.5% - 4rem); } }

@media screen and (min-width: 90em) {
  .grid-margin-x.xxlarge-up-1 > .cell {
    width: calc(100% - 4rem); }
  .grid-margin-x.xxlarge-up-2 > .cell {
    width: calc(50% - 4rem); }
  .grid-margin-x.xxlarge-up-3 > .cell {
    width: calc(33.33333% - 4rem); }
  .grid-margin-x.xxlarge-up-4 > .cell {
    width: calc(25% - 4rem); }
  .grid-margin-x.xxlarge-up-5 > .cell {
    width: calc(20% - 4rem); }
  .grid-margin-x.xxlarge-up-6 > .cell {
    width: calc(16.66667% - 4rem); }
  .grid-margin-x.xxlarge-up-7 > .cell {
    width: calc(14.28571% - 4rem); }
  .grid-margin-x.xxlarge-up-8 > .cell {
    width: calc(12.5% - 4rem); } }

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0; }
  .small-margin-collapse > .small-1 {
    width: 8.33333%; }
  .small-margin-collapse > .small-2 {
    width: 16.66667%; }
  .small-margin-collapse > .small-3 {
    width: 25%; }
  .small-margin-collapse > .small-4 {
    width: 33.33333%; }
  .small-margin-collapse > .small-5 {
    width: 41.66667%; }
  .small-margin-collapse > .small-6 {
    width: 50%; }
  .small-margin-collapse > .small-7 {
    width: 58.33333%; }
  .small-margin-collapse > .small-8 {
    width: 66.66667%; }
  .small-margin-collapse > .small-9 {
    width: 75%; }
  .small-margin-collapse > .small-10 {
    width: 83.33333%; }
  .small-margin-collapse > .small-11 {
    width: 91.66667%; }
  .small-margin-collapse > .small-12 {
    width: 100%; }
  @media print, screen and (min-width: 40em) {
    .small-margin-collapse > .medium-1 {
      width: 8.33333%; }
    .small-margin-collapse > .medium-2 {
      width: 16.66667%; }
    .small-margin-collapse > .medium-3 {
      width: 25%; }
    .small-margin-collapse > .medium-4 {
      width: 33.33333%; }
    .small-margin-collapse > .medium-5 {
      width: 41.66667%; }
    .small-margin-collapse > .medium-6 {
      width: 50%; }
    .small-margin-collapse > .medium-7 {
      width: 58.33333%; }
    .small-margin-collapse > .medium-8 {
      width: 66.66667%; }
    .small-margin-collapse > .medium-9 {
      width: 75%; }
    .small-margin-collapse > .medium-10 {
      width: 83.33333%; }
    .small-margin-collapse > .medium-11 {
      width: 91.66667%; }
    .small-margin-collapse > .medium-12 {
      width: 100%; } }
  @media print, screen and (min-width: 64em) {
    .small-margin-collapse > .large-1 {
      width: 8.33333%; }
    .small-margin-collapse > .large-2 {
      width: 16.66667%; }
    .small-margin-collapse > .large-3 {
      width: 25%; }
    .small-margin-collapse > .large-4 {
      width: 33.33333%; }
    .small-margin-collapse > .large-5 {
      width: 41.66667%; }
    .small-margin-collapse > .large-6 {
      width: 50%; }
    .small-margin-collapse > .large-7 {
      width: 58.33333%; }
    .small-margin-collapse > .large-8 {
      width: 66.66667%; }
    .small-margin-collapse > .large-9 {
      width: 75%; }
    .small-margin-collapse > .large-10 {
      width: 83.33333%; }
    .small-margin-collapse > .large-11 {
      width: 91.66667%; }
    .small-margin-collapse > .large-12 {
      width: 100%; } }
  @media screen and (min-width: 70em) {
    .small-margin-collapse > .main-nav-breakpoint-1 {
      width: 8.33333%; }
    .small-margin-collapse > .main-nav-breakpoint-2 {
      width: 16.66667%; }
    .small-margin-collapse > .main-nav-breakpoint-3 {
      width: 25%; }
    .small-margin-collapse > .main-nav-breakpoint-4 {
      width: 33.33333%; }
    .small-margin-collapse > .main-nav-breakpoint-5 {
      width: 41.66667%; }
    .small-margin-collapse > .main-nav-breakpoint-6 {
      width: 50%; }
    .small-margin-collapse > .main-nav-breakpoint-7 {
      width: 58.33333%; }
    .small-margin-collapse > .main-nav-breakpoint-8 {
      width: 66.66667%; }
    .small-margin-collapse > .main-nav-breakpoint-9 {
      width: 75%; }
    .small-margin-collapse > .main-nav-breakpoint-10 {
      width: 83.33333%; }
    .small-margin-collapse > .main-nav-breakpoint-11 {
      width: 91.66667%; }
    .small-margin-collapse > .main-nav-breakpoint-12 {
      width: 100%; } }
  @media screen and (min-width: 80em) {
    .small-margin-collapse > .xlarge-1 {
      width: 8.33333%; }
    .small-margin-collapse > .xlarge-2 {
      width: 16.66667%; }
    .small-margin-collapse > .xlarge-3 {
      width: 25%; }
    .small-margin-collapse > .xlarge-4 {
      width: 33.33333%; }
    .small-margin-collapse > .xlarge-5 {
      width: 41.66667%; }
    .small-margin-collapse > .xlarge-6 {
      width: 50%; }
    .small-margin-collapse > .xlarge-7 {
      width: 58.33333%; }
    .small-margin-collapse > .xlarge-8 {
      width: 66.66667%; }
    .small-margin-collapse > .xlarge-9 {
      width: 75%; }
    .small-margin-collapse > .xlarge-10 {
      width: 83.33333%; }
    .small-margin-collapse > .xlarge-11 {
      width: 91.66667%; }
    .small-margin-collapse > .xlarge-12 {
      width: 100%; } }
  @media screen and (min-width: 90em) {
    .small-margin-collapse > .xxlarge-1 {
      width: 8.33333%; }
    .small-margin-collapse > .xxlarge-2 {
      width: 16.66667%; }
    .small-margin-collapse > .xxlarge-3 {
      width: 25%; }
    .small-margin-collapse > .xxlarge-4 {
      width: 33.33333%; }
    .small-margin-collapse > .xxlarge-5 {
      width: 41.66667%; }
    .small-margin-collapse > .xxlarge-6 {
      width: 50%; }
    .small-margin-collapse > .xxlarge-7 {
      width: 58.33333%; }
    .small-margin-collapse > .xxlarge-8 {
      width: 66.66667%; }
    .small-margin-collapse > .xxlarge-9 {
      width: 75%; }
    .small-margin-collapse > .xxlarge-10 {
      width: 83.33333%; }
    .small-margin-collapse > .xxlarge-11 {
      width: 91.66667%; }
    .small-margin-collapse > .xxlarge-12 {
      width: 100%; } }

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0; }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .small-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .small-3 {
    width: 25%; }
  .medium-margin-collapse > .small-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .small-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .small-6 {
    width: 50%; }
  .medium-margin-collapse > .small-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .small-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .small-9 {
    width: 75%; }
  .medium-margin-collapse > .small-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .small-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .medium-3 {
    width: 25%; }
  .medium-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .medium-6 {
    width: 50%; }
  .medium-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .medium-9 {
    width: 75%; }
  .medium-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .large-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .large-3 {
    width: 25%; }
  .medium-margin-collapse > .large-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .large-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .large-6 {
    width: 50%; }
  .medium-margin-collapse > .large-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .large-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .large-9 {
    width: 75%; }
  .medium-margin-collapse > .large-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .large-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .large-12 {
    width: 100%; } }

@media screen and (min-width: 70em) {
  .medium-margin-collapse > .main-nav-breakpoint-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .main-nav-breakpoint-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .main-nav-breakpoint-3 {
    width: 25%; }
  .medium-margin-collapse > .main-nav-breakpoint-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .main-nav-breakpoint-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .main-nav-breakpoint-6 {
    width: 50%; }
  .medium-margin-collapse > .main-nav-breakpoint-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .main-nav-breakpoint-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .main-nav-breakpoint-9 {
    width: 75%; }
  .medium-margin-collapse > .main-nav-breakpoint-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .main-nav-breakpoint-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .main-nav-breakpoint-12 {
    width: 100%; } }

@media screen and (min-width: 80em) {
  .medium-margin-collapse > .xlarge-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .xlarge-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .xlarge-3 {
    width: 25%; }
  .medium-margin-collapse > .xlarge-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .xlarge-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .xlarge-6 {
    width: 50%; }
  .medium-margin-collapse > .xlarge-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .xlarge-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .xlarge-9 {
    width: 75%; }
  .medium-margin-collapse > .xlarge-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .xlarge-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .xlarge-12 {
    width: 100%; } }

@media screen and (min-width: 90em) {
  .medium-margin-collapse > .xxlarge-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .xxlarge-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .xxlarge-3 {
    width: 25%; }
  .medium-margin-collapse > .xxlarge-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .xxlarge-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .xxlarge-6 {
    width: 50%; }
  .medium-margin-collapse > .xxlarge-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .xxlarge-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .xxlarge-9 {
    width: 75%; }
  .medium-margin-collapse > .xxlarge-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .xxlarge-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .xxlarge-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.33333%; }
  .large-margin-collapse > .small-2 {
    width: 16.66667%; }
  .large-margin-collapse > .small-3 {
    width: 25%; }
  .large-margin-collapse > .small-4 {
    width: 33.33333%; }
  .large-margin-collapse > .small-5 {
    width: 41.66667%; }
  .large-margin-collapse > .small-6 {
    width: 50%; }
  .large-margin-collapse > .small-7 {
    width: 58.33333%; }
  .large-margin-collapse > .small-8 {
    width: 66.66667%; }
  .large-margin-collapse > .small-9 {
    width: 75%; }
  .large-margin-collapse > .small-10 {
    width: 83.33333%; }
  .large-margin-collapse > .small-11 {
    width: 91.66667%; }
  .large-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .large-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .large-margin-collapse > .medium-3 {
    width: 25%; }
  .large-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .large-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .large-margin-collapse > .medium-6 {
    width: 50%; }
  .large-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .large-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .large-margin-collapse > .medium-9 {
    width: 75%; }
  .large-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .large-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .large-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.33333%; }
  .large-margin-collapse > .large-2 {
    width: 16.66667%; }
  .large-margin-collapse > .large-3 {
    width: 25%; }
  .large-margin-collapse > .large-4 {
    width: 33.33333%; }
  .large-margin-collapse > .large-5 {
    width: 41.66667%; }
  .large-margin-collapse > .large-6 {
    width: 50%; }
  .large-margin-collapse > .large-7 {
    width: 58.33333%; }
  .large-margin-collapse > .large-8 {
    width: 66.66667%; }
  .large-margin-collapse > .large-9 {
    width: 75%; }
  .large-margin-collapse > .large-10 {
    width: 83.33333%; }
  .large-margin-collapse > .large-11 {
    width: 91.66667%; }
  .large-margin-collapse > .large-12 {
    width: 100%; } }

@media screen and (min-width: 70em) {
  .large-margin-collapse > .main-nav-breakpoint-1 {
    width: 8.33333%; }
  .large-margin-collapse > .main-nav-breakpoint-2 {
    width: 16.66667%; }
  .large-margin-collapse > .main-nav-breakpoint-3 {
    width: 25%; }
  .large-margin-collapse > .main-nav-breakpoint-4 {
    width: 33.33333%; }
  .large-margin-collapse > .main-nav-breakpoint-5 {
    width: 41.66667%; }
  .large-margin-collapse > .main-nav-breakpoint-6 {
    width: 50%; }
  .large-margin-collapse > .main-nav-breakpoint-7 {
    width: 58.33333%; }
  .large-margin-collapse > .main-nav-breakpoint-8 {
    width: 66.66667%; }
  .large-margin-collapse > .main-nav-breakpoint-9 {
    width: 75%; }
  .large-margin-collapse > .main-nav-breakpoint-10 {
    width: 83.33333%; }
  .large-margin-collapse > .main-nav-breakpoint-11 {
    width: 91.66667%; }
  .large-margin-collapse > .main-nav-breakpoint-12 {
    width: 100%; } }

@media screen and (min-width: 80em) {
  .large-margin-collapse > .xlarge-1 {
    width: 8.33333%; }
  .large-margin-collapse > .xlarge-2 {
    width: 16.66667%; }
  .large-margin-collapse > .xlarge-3 {
    width: 25%; }
  .large-margin-collapse > .xlarge-4 {
    width: 33.33333%; }
  .large-margin-collapse > .xlarge-5 {
    width: 41.66667%; }
  .large-margin-collapse > .xlarge-6 {
    width: 50%; }
  .large-margin-collapse > .xlarge-7 {
    width: 58.33333%; }
  .large-margin-collapse > .xlarge-8 {
    width: 66.66667%; }
  .large-margin-collapse > .xlarge-9 {
    width: 75%; }
  .large-margin-collapse > .xlarge-10 {
    width: 83.33333%; }
  .large-margin-collapse > .xlarge-11 {
    width: 91.66667%; }
  .large-margin-collapse > .xlarge-12 {
    width: 100%; } }

@media screen and (min-width: 90em) {
  .large-margin-collapse > .xxlarge-1 {
    width: 8.33333%; }
  .large-margin-collapse > .xxlarge-2 {
    width: 16.66667%; }
  .large-margin-collapse > .xxlarge-3 {
    width: 25%; }
  .large-margin-collapse > .xxlarge-4 {
    width: 33.33333%; }
  .large-margin-collapse > .xxlarge-5 {
    width: 41.66667%; }
  .large-margin-collapse > .xxlarge-6 {
    width: 50%; }
  .large-margin-collapse > .xxlarge-7 {
    width: 58.33333%; }
  .large-margin-collapse > .xxlarge-8 {
    width: 66.66667%; }
  .large-margin-collapse > .xxlarge-9 {
    width: 75%; }
  .large-margin-collapse > .xxlarge-10 {
    width: 83.33333%; }
  .large-margin-collapse > .xxlarge-11 {
    width: 91.66667%; }
  .large-margin-collapse > .xxlarge-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media screen and (min-width: 70em) {
  .main-nav-breakpoint-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .main-nav-breakpoint-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media screen and (min-width: 70em) {
  .main-nav-breakpoint-margin-collapse > .small-1 {
    width: 8.33333%; }
  .main-nav-breakpoint-margin-collapse > .small-2 {
    width: 16.66667%; }
  .main-nav-breakpoint-margin-collapse > .small-3 {
    width: 25%; }
  .main-nav-breakpoint-margin-collapse > .small-4 {
    width: 33.33333%; }
  .main-nav-breakpoint-margin-collapse > .small-5 {
    width: 41.66667%; }
  .main-nav-breakpoint-margin-collapse > .small-6 {
    width: 50%; }
  .main-nav-breakpoint-margin-collapse > .small-7 {
    width: 58.33333%; }
  .main-nav-breakpoint-margin-collapse > .small-8 {
    width: 66.66667%; }
  .main-nav-breakpoint-margin-collapse > .small-9 {
    width: 75%; }
  .main-nav-breakpoint-margin-collapse > .small-10 {
    width: 83.33333%; }
  .main-nav-breakpoint-margin-collapse > .small-11 {
    width: 91.66667%; }
  .main-nav-breakpoint-margin-collapse > .small-12 {
    width: 100%; } }

@media screen and (min-width: 70em) {
  .main-nav-breakpoint-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .main-nav-breakpoint-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .main-nav-breakpoint-margin-collapse > .medium-3 {
    width: 25%; }
  .main-nav-breakpoint-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .main-nav-breakpoint-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .main-nav-breakpoint-margin-collapse > .medium-6 {
    width: 50%; }
  .main-nav-breakpoint-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .main-nav-breakpoint-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .main-nav-breakpoint-margin-collapse > .medium-9 {
    width: 75%; }
  .main-nav-breakpoint-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .main-nav-breakpoint-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .main-nav-breakpoint-margin-collapse > .medium-12 {
    width: 100%; } }

@media screen and (min-width: 70em) {
  .main-nav-breakpoint-margin-collapse > .large-1 {
    width: 8.33333%; }
  .main-nav-breakpoint-margin-collapse > .large-2 {
    width: 16.66667%; }
  .main-nav-breakpoint-margin-collapse > .large-3 {
    width: 25%; }
  .main-nav-breakpoint-margin-collapse > .large-4 {
    width: 33.33333%; }
  .main-nav-breakpoint-margin-collapse > .large-5 {
    width: 41.66667%; }
  .main-nav-breakpoint-margin-collapse > .large-6 {
    width: 50%; }
  .main-nav-breakpoint-margin-collapse > .large-7 {
    width: 58.33333%; }
  .main-nav-breakpoint-margin-collapse > .large-8 {
    width: 66.66667%; }
  .main-nav-breakpoint-margin-collapse > .large-9 {
    width: 75%; }
  .main-nav-breakpoint-margin-collapse > .large-10 {
    width: 83.33333%; }
  .main-nav-breakpoint-margin-collapse > .large-11 {
    width: 91.66667%; }
  .main-nav-breakpoint-margin-collapse > .large-12 {
    width: 100%; } }

@media screen and (min-width: 70em) {
  .main-nav-breakpoint-margin-collapse > .main-nav-breakpoint-1 {
    width: 8.33333%; }
  .main-nav-breakpoint-margin-collapse > .main-nav-breakpoint-2 {
    width: 16.66667%; }
  .main-nav-breakpoint-margin-collapse > .main-nav-breakpoint-3 {
    width: 25%; }
  .main-nav-breakpoint-margin-collapse > .main-nav-breakpoint-4 {
    width: 33.33333%; }
  .main-nav-breakpoint-margin-collapse > .main-nav-breakpoint-5 {
    width: 41.66667%; }
  .main-nav-breakpoint-margin-collapse > .main-nav-breakpoint-6 {
    width: 50%; }
  .main-nav-breakpoint-margin-collapse > .main-nav-breakpoint-7 {
    width: 58.33333%; }
  .main-nav-breakpoint-margin-collapse > .main-nav-breakpoint-8 {
    width: 66.66667%; }
  .main-nav-breakpoint-margin-collapse > .main-nav-breakpoint-9 {
    width: 75%; }
  .main-nav-breakpoint-margin-collapse > .main-nav-breakpoint-10 {
    width: 83.33333%; }
  .main-nav-breakpoint-margin-collapse > .main-nav-breakpoint-11 {
    width: 91.66667%; }
  .main-nav-breakpoint-margin-collapse > .main-nav-breakpoint-12 {
    width: 100%; } }

@media screen and (min-width: 80em) {
  .main-nav-breakpoint-margin-collapse > .xlarge-1 {
    width: 8.33333%; }
  .main-nav-breakpoint-margin-collapse > .xlarge-2 {
    width: 16.66667%; }
  .main-nav-breakpoint-margin-collapse > .xlarge-3 {
    width: 25%; }
  .main-nav-breakpoint-margin-collapse > .xlarge-4 {
    width: 33.33333%; }
  .main-nav-breakpoint-margin-collapse > .xlarge-5 {
    width: 41.66667%; }
  .main-nav-breakpoint-margin-collapse > .xlarge-6 {
    width: 50%; }
  .main-nav-breakpoint-margin-collapse > .xlarge-7 {
    width: 58.33333%; }
  .main-nav-breakpoint-margin-collapse > .xlarge-8 {
    width: 66.66667%; }
  .main-nav-breakpoint-margin-collapse > .xlarge-9 {
    width: 75%; }
  .main-nav-breakpoint-margin-collapse > .xlarge-10 {
    width: 83.33333%; }
  .main-nav-breakpoint-margin-collapse > .xlarge-11 {
    width: 91.66667%; }
  .main-nav-breakpoint-margin-collapse > .xlarge-12 {
    width: 100%; } }

@media screen and (min-width: 90em) {
  .main-nav-breakpoint-margin-collapse > .xxlarge-1 {
    width: 8.33333%; }
  .main-nav-breakpoint-margin-collapse > .xxlarge-2 {
    width: 16.66667%; }
  .main-nav-breakpoint-margin-collapse > .xxlarge-3 {
    width: 25%; }
  .main-nav-breakpoint-margin-collapse > .xxlarge-4 {
    width: 33.33333%; }
  .main-nav-breakpoint-margin-collapse > .xxlarge-5 {
    width: 41.66667%; }
  .main-nav-breakpoint-margin-collapse > .xxlarge-6 {
    width: 50%; }
  .main-nav-breakpoint-margin-collapse > .xxlarge-7 {
    width: 58.33333%; }
  .main-nav-breakpoint-margin-collapse > .xxlarge-8 {
    width: 66.66667%; }
  .main-nav-breakpoint-margin-collapse > .xxlarge-9 {
    width: 75%; }
  .main-nav-breakpoint-margin-collapse > .xxlarge-10 {
    width: 83.33333%; }
  .main-nav-breakpoint-margin-collapse > .xxlarge-11 {
    width: 91.66667%; }
  .main-nav-breakpoint-margin-collapse > .xxlarge-12 {
    width: 100%; } }

@media screen and (min-width: 70em) {
  .main-nav-breakpoint-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .main-nav-breakpoint-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media screen and (min-width: 80em) {
  .xlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .xlarge-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media screen and (min-width: 80em) {
  .xlarge-margin-collapse > .small-1 {
    width: 8.33333%; }
  .xlarge-margin-collapse > .small-2 {
    width: 16.66667%; }
  .xlarge-margin-collapse > .small-3 {
    width: 25%; }
  .xlarge-margin-collapse > .small-4 {
    width: 33.33333%; }
  .xlarge-margin-collapse > .small-5 {
    width: 41.66667%; }
  .xlarge-margin-collapse > .small-6 {
    width: 50%; }
  .xlarge-margin-collapse > .small-7 {
    width: 58.33333%; }
  .xlarge-margin-collapse > .small-8 {
    width: 66.66667%; }
  .xlarge-margin-collapse > .small-9 {
    width: 75%; }
  .xlarge-margin-collapse > .small-10 {
    width: 83.33333%; }
  .xlarge-margin-collapse > .small-11 {
    width: 91.66667%; }
  .xlarge-margin-collapse > .small-12 {
    width: 100%; } }

@media screen and (min-width: 80em) {
  .xlarge-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .xlarge-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .xlarge-margin-collapse > .medium-3 {
    width: 25%; }
  .xlarge-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .xlarge-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .xlarge-margin-collapse > .medium-6 {
    width: 50%; }
  .xlarge-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .xlarge-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .xlarge-margin-collapse > .medium-9 {
    width: 75%; }
  .xlarge-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .xlarge-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .xlarge-margin-collapse > .medium-12 {
    width: 100%; } }

@media screen and (min-width: 80em) {
  .xlarge-margin-collapse > .large-1 {
    width: 8.33333%; }
  .xlarge-margin-collapse > .large-2 {
    width: 16.66667%; }
  .xlarge-margin-collapse > .large-3 {
    width: 25%; }
  .xlarge-margin-collapse > .large-4 {
    width: 33.33333%; }
  .xlarge-margin-collapse > .large-5 {
    width: 41.66667%; }
  .xlarge-margin-collapse > .large-6 {
    width: 50%; }
  .xlarge-margin-collapse > .large-7 {
    width: 58.33333%; }
  .xlarge-margin-collapse > .large-8 {
    width: 66.66667%; }
  .xlarge-margin-collapse > .large-9 {
    width: 75%; }
  .xlarge-margin-collapse > .large-10 {
    width: 83.33333%; }
  .xlarge-margin-collapse > .large-11 {
    width: 91.66667%; }
  .xlarge-margin-collapse > .large-12 {
    width: 100%; } }

@media screen and (min-width: 80em) {
  .xlarge-margin-collapse > .main-nav-breakpoint-1 {
    width: 8.33333%; }
  .xlarge-margin-collapse > .main-nav-breakpoint-2 {
    width: 16.66667%; }
  .xlarge-margin-collapse > .main-nav-breakpoint-3 {
    width: 25%; }
  .xlarge-margin-collapse > .main-nav-breakpoint-4 {
    width: 33.33333%; }
  .xlarge-margin-collapse > .main-nav-breakpoint-5 {
    width: 41.66667%; }
  .xlarge-margin-collapse > .main-nav-breakpoint-6 {
    width: 50%; }
  .xlarge-margin-collapse > .main-nav-breakpoint-7 {
    width: 58.33333%; }
  .xlarge-margin-collapse > .main-nav-breakpoint-8 {
    width: 66.66667%; }
  .xlarge-margin-collapse > .main-nav-breakpoint-9 {
    width: 75%; }
  .xlarge-margin-collapse > .main-nav-breakpoint-10 {
    width: 83.33333%; }
  .xlarge-margin-collapse > .main-nav-breakpoint-11 {
    width: 91.66667%; }
  .xlarge-margin-collapse > .main-nav-breakpoint-12 {
    width: 100%; } }

@media screen and (min-width: 80em) {
  .xlarge-margin-collapse > .xlarge-1 {
    width: 8.33333%; }
  .xlarge-margin-collapse > .xlarge-2 {
    width: 16.66667%; }
  .xlarge-margin-collapse > .xlarge-3 {
    width: 25%; }
  .xlarge-margin-collapse > .xlarge-4 {
    width: 33.33333%; }
  .xlarge-margin-collapse > .xlarge-5 {
    width: 41.66667%; }
  .xlarge-margin-collapse > .xlarge-6 {
    width: 50%; }
  .xlarge-margin-collapse > .xlarge-7 {
    width: 58.33333%; }
  .xlarge-margin-collapse > .xlarge-8 {
    width: 66.66667%; }
  .xlarge-margin-collapse > .xlarge-9 {
    width: 75%; }
  .xlarge-margin-collapse > .xlarge-10 {
    width: 83.33333%; }
  .xlarge-margin-collapse > .xlarge-11 {
    width: 91.66667%; }
  .xlarge-margin-collapse > .xlarge-12 {
    width: 100%; } }

@media screen and (min-width: 90em) {
  .xlarge-margin-collapse > .xxlarge-1 {
    width: 8.33333%; }
  .xlarge-margin-collapse > .xxlarge-2 {
    width: 16.66667%; }
  .xlarge-margin-collapse > .xxlarge-3 {
    width: 25%; }
  .xlarge-margin-collapse > .xxlarge-4 {
    width: 33.33333%; }
  .xlarge-margin-collapse > .xxlarge-5 {
    width: 41.66667%; }
  .xlarge-margin-collapse > .xxlarge-6 {
    width: 50%; }
  .xlarge-margin-collapse > .xxlarge-7 {
    width: 58.33333%; }
  .xlarge-margin-collapse > .xxlarge-8 {
    width: 66.66667%; }
  .xlarge-margin-collapse > .xxlarge-9 {
    width: 75%; }
  .xlarge-margin-collapse > .xxlarge-10 {
    width: 83.33333%; }
  .xlarge-margin-collapse > .xxlarge-11 {
    width: 91.66667%; }
  .xlarge-margin-collapse > .xxlarge-12 {
    width: 100%; } }

@media screen and (min-width: 80em) {
  .xlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .xlarge-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media screen and (min-width: 90em) {
  .xxlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .xxlarge-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media screen and (min-width: 90em) {
  .xxlarge-margin-collapse > .small-1 {
    width: 8.33333%; }
  .xxlarge-margin-collapse > .small-2 {
    width: 16.66667%; }
  .xxlarge-margin-collapse > .small-3 {
    width: 25%; }
  .xxlarge-margin-collapse > .small-4 {
    width: 33.33333%; }
  .xxlarge-margin-collapse > .small-5 {
    width: 41.66667%; }
  .xxlarge-margin-collapse > .small-6 {
    width: 50%; }
  .xxlarge-margin-collapse > .small-7 {
    width: 58.33333%; }
  .xxlarge-margin-collapse > .small-8 {
    width: 66.66667%; }
  .xxlarge-margin-collapse > .small-9 {
    width: 75%; }
  .xxlarge-margin-collapse > .small-10 {
    width: 83.33333%; }
  .xxlarge-margin-collapse > .small-11 {
    width: 91.66667%; }
  .xxlarge-margin-collapse > .small-12 {
    width: 100%; } }

@media screen and (min-width: 90em) {
  .xxlarge-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .xxlarge-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .xxlarge-margin-collapse > .medium-3 {
    width: 25%; }
  .xxlarge-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .xxlarge-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .xxlarge-margin-collapse > .medium-6 {
    width: 50%; }
  .xxlarge-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .xxlarge-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .xxlarge-margin-collapse > .medium-9 {
    width: 75%; }
  .xxlarge-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .xxlarge-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .xxlarge-margin-collapse > .medium-12 {
    width: 100%; } }

@media screen and (min-width: 90em) {
  .xxlarge-margin-collapse > .large-1 {
    width: 8.33333%; }
  .xxlarge-margin-collapse > .large-2 {
    width: 16.66667%; }
  .xxlarge-margin-collapse > .large-3 {
    width: 25%; }
  .xxlarge-margin-collapse > .large-4 {
    width: 33.33333%; }
  .xxlarge-margin-collapse > .large-5 {
    width: 41.66667%; }
  .xxlarge-margin-collapse > .large-6 {
    width: 50%; }
  .xxlarge-margin-collapse > .large-7 {
    width: 58.33333%; }
  .xxlarge-margin-collapse > .large-8 {
    width: 66.66667%; }
  .xxlarge-margin-collapse > .large-9 {
    width: 75%; }
  .xxlarge-margin-collapse > .large-10 {
    width: 83.33333%; }
  .xxlarge-margin-collapse > .large-11 {
    width: 91.66667%; }
  .xxlarge-margin-collapse > .large-12 {
    width: 100%; } }

@media screen and (min-width: 90em) {
  .xxlarge-margin-collapse > .main-nav-breakpoint-1 {
    width: 8.33333%; }
  .xxlarge-margin-collapse > .main-nav-breakpoint-2 {
    width: 16.66667%; }
  .xxlarge-margin-collapse > .main-nav-breakpoint-3 {
    width: 25%; }
  .xxlarge-margin-collapse > .main-nav-breakpoint-4 {
    width: 33.33333%; }
  .xxlarge-margin-collapse > .main-nav-breakpoint-5 {
    width: 41.66667%; }
  .xxlarge-margin-collapse > .main-nav-breakpoint-6 {
    width: 50%; }
  .xxlarge-margin-collapse > .main-nav-breakpoint-7 {
    width: 58.33333%; }
  .xxlarge-margin-collapse > .main-nav-breakpoint-8 {
    width: 66.66667%; }
  .xxlarge-margin-collapse > .main-nav-breakpoint-9 {
    width: 75%; }
  .xxlarge-margin-collapse > .main-nav-breakpoint-10 {
    width: 83.33333%; }
  .xxlarge-margin-collapse > .main-nav-breakpoint-11 {
    width: 91.66667%; }
  .xxlarge-margin-collapse > .main-nav-breakpoint-12 {
    width: 100%; } }

@media screen and (min-width: 90em) {
  .xxlarge-margin-collapse > .xlarge-1 {
    width: 8.33333%; }
  .xxlarge-margin-collapse > .xlarge-2 {
    width: 16.66667%; }
  .xxlarge-margin-collapse > .xlarge-3 {
    width: 25%; }
  .xxlarge-margin-collapse > .xlarge-4 {
    width: 33.33333%; }
  .xxlarge-margin-collapse > .xlarge-5 {
    width: 41.66667%; }
  .xxlarge-margin-collapse > .xlarge-6 {
    width: 50%; }
  .xxlarge-margin-collapse > .xlarge-7 {
    width: 58.33333%; }
  .xxlarge-margin-collapse > .xlarge-8 {
    width: 66.66667%; }
  .xxlarge-margin-collapse > .xlarge-9 {
    width: 75%; }
  .xxlarge-margin-collapse > .xlarge-10 {
    width: 83.33333%; }
  .xxlarge-margin-collapse > .xlarge-11 {
    width: 91.66667%; }
  .xxlarge-margin-collapse > .xlarge-12 {
    width: 100%; } }

@media screen and (min-width: 90em) {
  .xxlarge-margin-collapse > .xxlarge-1 {
    width: 8.33333%; }
  .xxlarge-margin-collapse > .xxlarge-2 {
    width: 16.66667%; }
  .xxlarge-margin-collapse > .xxlarge-3 {
    width: 25%; }
  .xxlarge-margin-collapse > .xxlarge-4 {
    width: 33.33333%; }
  .xxlarge-margin-collapse > .xxlarge-5 {
    width: 41.66667%; }
  .xxlarge-margin-collapse > .xxlarge-6 {
    width: 50%; }
  .xxlarge-margin-collapse > .xxlarge-7 {
    width: 58.33333%; }
  .xxlarge-margin-collapse > .xxlarge-8 {
    width: 66.66667%; }
  .xxlarge-margin-collapse > .xxlarge-9 {
    width: 75%; }
  .xxlarge-margin-collapse > .xxlarge-10 {
    width: 83.33333%; }
  .xxlarge-margin-collapse > .xxlarge-11 {
    width: 91.66667%; }
  .xxlarge-margin-collapse > .xxlarge-12 {
    width: 100%; } }

@media screen and (min-width: 90em) {
  .xxlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .xxlarge-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

.small-offset-0 {
  margin-left: 0%; }

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 1.2rem); }

.small-offset-1 {
  margin-left: 8.33333%; }

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.33333% + 1.2rem); }

.small-offset-2 {
  margin-left: 16.66667%; }

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.66667% + 1.2rem); }

.small-offset-3 {
  margin-left: 25%; }

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 1.2rem); }

.small-offset-4 {
  margin-left: 33.33333%; }

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.33333% + 1.2rem); }

.small-offset-5 {
  margin-left: 41.66667%; }

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.66667% + 1.2rem); }

.small-offset-6 {
  margin-left: 50%; }

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 1.2rem); }

.small-offset-7 {
  margin-left: 58.33333%; }

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.33333% + 1.2rem); }

.small-offset-8 {
  margin-left: 66.66667%; }

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.66667% + 1.2rem); }

.small-offset-9 {
  margin-left: 75%; }

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 1.2rem); }

.small-offset-10 {
  margin-left: 83.33333%; }

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.33333% + 1.2rem); }

.small-offset-11 {
  margin-left: 91.66667%; }

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.66667% + 1.2rem); }

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 2rem); }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + 2rem); }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + 2rem); }
  .medium-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 2rem); }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + 2rem); }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + 2rem); }
  .medium-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 2rem); }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + 2rem); }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + 2rem); }
  .medium-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 2rem); }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + 2rem); }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + 2rem); } }

@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 2rem); }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + 2rem); }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + 2rem); }
  .large-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 2rem); }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + 2rem); }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + 2rem); }
  .large-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 2rem); }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + 2rem); }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + 2rem); }
  .large-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 2rem); }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + 2rem); }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + 2rem); } }

@media screen and (min-width: 70em) {
  .main-nav-breakpoint-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .main-nav-breakpoint-offset-0 {
    margin-left: calc(0% + 2rem); }
  .main-nav-breakpoint-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .main-nav-breakpoint-offset-1 {
    margin-left: calc(8.33333% + 2rem); }
  .main-nav-breakpoint-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .main-nav-breakpoint-offset-2 {
    margin-left: calc(16.66667% + 2rem); }
  .main-nav-breakpoint-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .main-nav-breakpoint-offset-3 {
    margin-left: calc(25% + 2rem); }
  .main-nav-breakpoint-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .main-nav-breakpoint-offset-4 {
    margin-left: calc(33.33333% + 2rem); }
  .main-nav-breakpoint-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .main-nav-breakpoint-offset-5 {
    margin-left: calc(41.66667% + 2rem); }
  .main-nav-breakpoint-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .main-nav-breakpoint-offset-6 {
    margin-left: calc(50% + 2rem); }
  .main-nav-breakpoint-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .main-nav-breakpoint-offset-7 {
    margin-left: calc(58.33333% + 2rem); }
  .main-nav-breakpoint-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .main-nav-breakpoint-offset-8 {
    margin-left: calc(66.66667% + 2rem); }
  .main-nav-breakpoint-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .main-nav-breakpoint-offset-9 {
    margin-left: calc(75% + 2rem); }
  .main-nav-breakpoint-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .main-nav-breakpoint-offset-10 {
    margin-left: calc(83.33333% + 2rem); }
  .main-nav-breakpoint-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .main-nav-breakpoint-offset-11 {
    margin-left: calc(91.66667% + 2rem); } }

@media screen and (min-width: 80em) {
  .xlarge-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .xlarge-offset-0 {
    margin-left: calc(0% + 2rem); }
  .xlarge-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .xlarge-offset-1 {
    margin-left: calc(8.33333% + 2rem); }
  .xlarge-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .xlarge-offset-2 {
    margin-left: calc(16.66667% + 2rem); }
  .xlarge-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .xlarge-offset-3 {
    margin-left: calc(25% + 2rem); }
  .xlarge-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .xlarge-offset-4 {
    margin-left: calc(33.33333% + 2rem); }
  .xlarge-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .xlarge-offset-5 {
    margin-left: calc(41.66667% + 2rem); }
  .xlarge-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .xlarge-offset-6 {
    margin-left: calc(50% + 2rem); }
  .xlarge-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .xlarge-offset-7 {
    margin-left: calc(58.33333% + 2rem); }
  .xlarge-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .xlarge-offset-8 {
    margin-left: calc(66.66667% + 2rem); }
  .xlarge-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .xlarge-offset-9 {
    margin-left: calc(75% + 2rem); }
  .xlarge-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .xlarge-offset-10 {
    margin-left: calc(83.33333% + 2rem); }
  .xlarge-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .xlarge-offset-11 {
    margin-left: calc(91.66667% + 2rem); } }

@media screen and (min-width: 90em) {
  .xxlarge-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .xxlarge-offset-0 {
    margin-left: calc(0% + 2rem); }
  .xxlarge-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .xxlarge-offset-1 {
    margin-left: calc(8.33333% + 2rem); }
  .xxlarge-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .xxlarge-offset-2 {
    margin-left: calc(16.66667% + 2rem); }
  .xxlarge-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .xxlarge-offset-3 {
    margin-left: calc(25% + 2rem); }
  .xxlarge-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .xxlarge-offset-4 {
    margin-left: calc(33.33333% + 2rem); }
  .xxlarge-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .xxlarge-offset-5 {
    margin-left: calc(41.66667% + 2rem); }
  .xxlarge-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .xxlarge-offset-6 {
    margin-left: calc(50% + 2rem); }
  .xxlarge-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .xxlarge-offset-7 {
    margin-left: calc(58.33333% + 2rem); }
  .xxlarge-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .xxlarge-offset-8 {
    margin-left: calc(66.66667% + 2rem); }
  .xxlarge-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .xxlarge-offset-9 {
    margin-left: calc(75% + 2rem); }
  .xxlarge-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .xxlarge-offset-10 {
    margin-left: calc(83.33333% + 2rem); }
  .xxlarge-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .xxlarge-offset-11 {
    margin-left: calc(91.66667% + 2rem); } }

.grid-y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
  .grid-y > .cell {
    height: auto;
    max-height: none; }
  .grid-y > .auto {
    height: auto; }
  .grid-y > .shrink {
    height: auto; }
  .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto; } }
  @media screen and (min-width: 70em) {
    .grid-y > .main-nav-breakpoint-shrink, .grid-y > .main-nav-breakpoint-full, .grid-y > .main-nav-breakpoint-1, .grid-y > .main-nav-breakpoint-2, .grid-y > .main-nav-breakpoint-3, .grid-y > .main-nav-breakpoint-4, .grid-y > .main-nav-breakpoint-5, .grid-y > .main-nav-breakpoint-6, .grid-y > .main-nav-breakpoint-7, .grid-y > .main-nav-breakpoint-8, .grid-y > .main-nav-breakpoint-9, .grid-y > .main-nav-breakpoint-10, .grid-y > .main-nav-breakpoint-11, .grid-y > .main-nav-breakpoint-12 {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto; } }
  @media screen and (min-width: 80em) {
    .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto; } }
  @media screen and (min-width: 90em) {
    .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto; } }
  .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-y > .small-1 {
    height: 8.33333%; }
  .grid-y > .small-2 {
    height: 16.66667%; }
  .grid-y > .small-3 {
    height: 25%; }
  .grid-y > .small-4 {
    height: 33.33333%; }
  .grid-y > .small-5 {
    height: 41.66667%; }
  .grid-y > .small-6 {
    height: 50%; }
  .grid-y > .small-7 {
    height: 58.33333%; }
  .grid-y > .small-8 {
    height: 66.66667%; }
  .grid-y > .small-9 {
    height: 75%; }
  .grid-y > .small-10 {
    height: 83.33333%; }
  .grid-y > .small-11 {
    height: 91.66667%; }
  .grid-y > .small-12 {
    height: 100%; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-auto {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      height: auto; }
    .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .grid-y > .medium-shrink {
      height: auto; }
    .grid-y > .medium-1 {
      height: 8.33333%; }
    .grid-y > .medium-2 {
      height: 16.66667%; }
    .grid-y > .medium-3 {
      height: 25%; }
    .grid-y > .medium-4 {
      height: 33.33333%; }
    .grid-y > .medium-5 {
      height: 41.66667%; }
    .grid-y > .medium-6 {
      height: 50%; }
    .grid-y > .medium-7 {
      height: 58.33333%; }
    .grid-y > .medium-8 {
      height: 66.66667%; }
    .grid-y > .medium-9 {
      height: 75%; }
    .grid-y > .medium-10 {
      height: 83.33333%; }
    .grid-y > .medium-11 {
      height: 91.66667%; }
    .grid-y > .medium-12 {
      height: 100%; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-auto {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      height: auto; }
    .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .grid-y > .large-shrink {
      height: auto; }
    .grid-y > .large-1 {
      height: 8.33333%; }
    .grid-y > .large-2 {
      height: 16.66667%; }
    .grid-y > .large-3 {
      height: 25%; }
    .grid-y > .large-4 {
      height: 33.33333%; }
    .grid-y > .large-5 {
      height: 41.66667%; }
    .grid-y > .large-6 {
      height: 50%; }
    .grid-y > .large-7 {
      height: 58.33333%; }
    .grid-y > .large-8 {
      height: 66.66667%; }
    .grid-y > .large-9 {
      height: 75%; }
    .grid-y > .large-10 {
      height: 83.33333%; }
    .grid-y > .large-11 {
      height: 91.66667%; }
    .grid-y > .large-12 {
      height: 100%; } }
  @media screen and (min-width: 70em) {
    .grid-y > .main-nav-breakpoint-auto {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      height: auto; }
    .grid-y > .main-nav-breakpoint-shrink, .grid-y > .main-nav-breakpoint-1, .grid-y > .main-nav-breakpoint-2, .grid-y > .main-nav-breakpoint-3, .grid-y > .main-nav-breakpoint-4, .grid-y > .main-nav-breakpoint-5, .grid-y > .main-nav-breakpoint-6, .grid-y > .main-nav-breakpoint-7, .grid-y > .main-nav-breakpoint-8, .grid-y > .main-nav-breakpoint-9, .grid-y > .main-nav-breakpoint-10, .grid-y > .main-nav-breakpoint-11, .grid-y > .main-nav-breakpoint-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .grid-y > .main-nav-breakpoint-shrink {
      height: auto; }
    .grid-y > .main-nav-breakpoint-1 {
      height: 8.33333%; }
    .grid-y > .main-nav-breakpoint-2 {
      height: 16.66667%; }
    .grid-y > .main-nav-breakpoint-3 {
      height: 25%; }
    .grid-y > .main-nav-breakpoint-4 {
      height: 33.33333%; }
    .grid-y > .main-nav-breakpoint-5 {
      height: 41.66667%; }
    .grid-y > .main-nav-breakpoint-6 {
      height: 50%; }
    .grid-y > .main-nav-breakpoint-7 {
      height: 58.33333%; }
    .grid-y > .main-nav-breakpoint-8 {
      height: 66.66667%; }
    .grid-y > .main-nav-breakpoint-9 {
      height: 75%; }
    .grid-y > .main-nav-breakpoint-10 {
      height: 83.33333%; }
    .grid-y > .main-nav-breakpoint-11 {
      height: 91.66667%; }
    .grid-y > .main-nav-breakpoint-12 {
      height: 100%; } }
  @media screen and (min-width: 80em) {
    .grid-y > .xlarge-auto {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      height: auto; }
    .grid-y > .xlarge-shrink, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .grid-y > .xlarge-shrink {
      height: auto; }
    .grid-y > .xlarge-1 {
      height: 8.33333%; }
    .grid-y > .xlarge-2 {
      height: 16.66667%; }
    .grid-y > .xlarge-3 {
      height: 25%; }
    .grid-y > .xlarge-4 {
      height: 33.33333%; }
    .grid-y > .xlarge-5 {
      height: 41.66667%; }
    .grid-y > .xlarge-6 {
      height: 50%; }
    .grid-y > .xlarge-7 {
      height: 58.33333%; }
    .grid-y > .xlarge-8 {
      height: 66.66667%; }
    .grid-y > .xlarge-9 {
      height: 75%; }
    .grid-y > .xlarge-10 {
      height: 83.33333%; }
    .grid-y > .xlarge-11 {
      height: 91.66667%; }
    .grid-y > .xlarge-12 {
      height: 100%; } }
  @media screen and (min-width: 90em) {
    .grid-y > .xxlarge-auto {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      height: auto; }
    .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .grid-y > .xxlarge-shrink {
      height: auto; }
    .grid-y > .xxlarge-1 {
      height: 8.33333%; }
    .grid-y > .xxlarge-2 {
      height: 16.66667%; }
    .grid-y > .xxlarge-3 {
      height: 25%; }
    .grid-y > .xxlarge-4 {
      height: 33.33333%; }
    .grid-y > .xxlarge-5 {
      height: 41.66667%; }
    .grid-y > .xxlarge-6 {
      height: 50%; }
    .grid-y > .xxlarge-7 {
      height: 58.33333%; }
    .grid-y > .xxlarge-8 {
      height: 66.66667%; }
    .grid-y > .xxlarge-9 {
      height: 75%; }
    .grid-y > .xxlarge-10 {
      height: 83.33333%; }
    .grid-y > .xxlarge-11 {
      height: 91.66667%; }
    .grid-y > .xxlarge-12 {
      height: 100%; } }

.grid-padding-y .grid-padding-y {
  margin-top: -1.2rem;
  margin-bottom: -1.2rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y .grid-padding-y {
      margin-top: -2rem;
      margin-bottom: -2rem; } }

.grid-padding-y > .cell {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y > .cell {
      padding-top: 2rem;
      padding-bottom: 2rem; } }

.grid-margin-y {
  margin-top: -1.2rem;
  margin-bottom: -1.2rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y {
      margin-top: -2rem;
      margin-bottom: -2rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 2.4rem);
    margin-top: 1.2rem;
    margin-bottom: 1.2rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
      height: calc(100% - 4rem);
      margin-top: 2rem;
      margin-bottom: 2rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 2.4rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 2.4rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 2.4rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 2.4rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 2.4rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 2.4rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 2.4rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 2.4rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 2.4rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 2.4rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 2.4rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 2.4rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 4rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 4rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 4rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 4rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 4rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 4rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 4rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 4rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 4rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 4rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 4rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 4rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 4rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 4rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 4rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 4rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 4rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 4rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 4rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 4rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 4rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 4rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 4rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 4rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 4rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 4rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 4rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 4rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 4rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 4rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 4rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 4rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 4rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 4rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 4rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 4rem); } }
  @media screen and (min-width: 70em) {
    .grid-margin-y > .main-nav-breakpoint-auto {
      height: auto; }
    .grid-margin-y > .main-nav-breakpoint-shrink {
      height: auto; }
    .grid-margin-y > .main-nav-breakpoint-1 {
      height: calc(8.33333% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-2 {
      height: calc(16.66667% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-3 {
      height: calc(25% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-4 {
      height: calc(33.33333% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-5 {
      height: calc(41.66667% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-6 {
      height: calc(50% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-7 {
      height: calc(58.33333% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-8 {
      height: calc(66.66667% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-9 {
      height: calc(75% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-10 {
      height: calc(83.33333% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-11 {
      height: calc(91.66667% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-12 {
      height: calc(100% - 4rem); } }
  @media screen and (min-width: 80em) {
    .grid-margin-y > .xlarge-auto {
      height: auto; }
    .grid-margin-y > .xlarge-shrink {
      height: auto; }
    .grid-margin-y > .xlarge-1 {
      height: calc(8.33333% - 4rem); }
    .grid-margin-y > .xlarge-2 {
      height: calc(16.66667% - 4rem); }
    .grid-margin-y > .xlarge-3 {
      height: calc(25% - 4rem); }
    .grid-margin-y > .xlarge-4 {
      height: calc(33.33333% - 4rem); }
    .grid-margin-y > .xlarge-5 {
      height: calc(41.66667% - 4rem); }
    .grid-margin-y > .xlarge-6 {
      height: calc(50% - 4rem); }
    .grid-margin-y > .xlarge-7 {
      height: calc(58.33333% - 4rem); }
    .grid-margin-y > .xlarge-8 {
      height: calc(66.66667% - 4rem); }
    .grid-margin-y > .xlarge-9 {
      height: calc(75% - 4rem); }
    .grid-margin-y > .xlarge-10 {
      height: calc(83.33333% - 4rem); }
    .grid-margin-y > .xlarge-11 {
      height: calc(91.66667% - 4rem); }
    .grid-margin-y > .xlarge-12 {
      height: calc(100% - 4rem); } }
  @media screen and (min-width: 90em) {
    .grid-margin-y > .xxlarge-auto {
      height: auto; }
    .grid-margin-y > .xxlarge-shrink {
      height: auto; }
    .grid-margin-y > .xxlarge-1 {
      height: calc(8.33333% - 4rem); }
    .grid-margin-y > .xxlarge-2 {
      height: calc(16.66667% - 4rem); }
    .grid-margin-y > .xxlarge-3 {
      height: calc(25% - 4rem); }
    .grid-margin-y > .xxlarge-4 {
      height: calc(33.33333% - 4rem); }
    .grid-margin-y > .xxlarge-5 {
      height: calc(41.66667% - 4rem); }
    .grid-margin-y > .xxlarge-6 {
      height: calc(50% - 4rem); }
    .grid-margin-y > .xxlarge-7 {
      height: calc(58.33333% - 4rem); }
    .grid-margin-y > .xxlarge-8 {
      height: calc(66.66667% - 4rem); }
    .grid-margin-y > .xxlarge-9 {
      height: calc(75% - 4rem); }
    .grid-margin-y > .xxlarge-10 {
      height: calc(83.33333% - 4rem); }
    .grid-margin-y > .xxlarge-11 {
      height: calc(91.66667% - 4rem); }
    .grid-margin-y > .xxlarge-12 {
      height: calc(100% - 4rem); } }

.grid-frame {
  overflow: hidden;
  position: relative;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100vw; }

.cell .grid-frame {
  width: 100%; }

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100%; }
  .cell-block-container > .grid-x {
    max-height: 100%;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw; }
  .cell .medium-grid-frame {
    width: 100%; }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .medium-cell-block-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%; }
    .medium-cell-block-container > .grid-x {
      max-height: 100%;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw; }
  .cell .large-grid-frame {
    width: 100%; }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .large-cell-block-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%; }
    .large-cell-block-container > .grid-x {
      max-height: 100%;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

@media screen and (min-width: 70em) {
  .main-nav-breakpoint-grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw; }
  .cell .main-nav-breakpoint-grid-frame {
    width: 100%; }
  .main-nav-breakpoint-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .main-nav-breakpoint-cell-block-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%; }
    .main-nav-breakpoint-cell-block-container > .grid-x {
      max-height: 100%;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
  .main-nav-breakpoint-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

@media screen and (min-width: 80em) {
  .xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw; }
  .cell .xlarge-grid-frame {
    width: 100%; }
  .xlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .xlarge-cell-block-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%; }
    .xlarge-cell-block-container > .grid-x {
      max-height: 100%;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
  .xlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

@media screen and (min-width: 90em) {
  .xxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw; }
  .cell .xxlarge-grid-frame {
    width: 100%; }
  .xxlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .xxlarge-cell-block-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%; }
    .xxlarge-cell-block-container > .grid-x {
      max-height: 100%;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
  .xxlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100vh; }

@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh; } }

@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh; } }

@media screen and (min-width: 70em) {
  .grid-y.main-nav-breakpoint-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh; } }

@media screen and (min-width: 80em) {
  .grid-y.xlarge-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh; } }

@media screen and (min-width: 90em) {
  .grid-y.xxlarge-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh; } }

.cell .grid-y.grid-frame {
  height: 100%; }

@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%; } }

@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%; } }

@media screen and (min-width: 70em) {
  .cell .grid-y.main-nav-breakpoint-grid-frame {
    height: 100%; } }

@media screen and (min-width: 80em) {
  .cell .grid-y.xlarge-grid-frame {
    height: 100%; } }

@media screen and (min-width: 90em) {
  .cell .grid-y.xxlarge-grid-frame {
    height: 100%; } }

.grid-margin-y {
  margin-top: -1.2rem;
  margin-bottom: -1.2rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y {
      margin-top: -2rem;
      margin-bottom: -2rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 2.4rem);
    margin-top: 1.2rem;
    margin-bottom: 1.2rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
      height: calc(100% - 4rem);
      margin-top: 2rem;
      margin-bottom: 2rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 2.4rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 2.4rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 2.4rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 2.4rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 2.4rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 2.4rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 2.4rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 2.4rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 2.4rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 2.4rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 2.4rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 2.4rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 4rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 4rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 4rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 4rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 4rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 4rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 4rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 4rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 4rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 4rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 4rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 4rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 4rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 4rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 4rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 4rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 4rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 4rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 4rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 4rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 4rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 4rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 4rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 4rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 4rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 4rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 4rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 4rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 4rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 4rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 4rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 4rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 4rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 4rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 4rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 4rem); } }
  @media screen and (min-width: 70em) {
    .grid-margin-y > .main-nav-breakpoint-auto {
      height: auto; }
    .grid-margin-y > .main-nav-breakpoint-shrink {
      height: auto; }
    .grid-margin-y > .main-nav-breakpoint-1 {
      height: calc(8.33333% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-2 {
      height: calc(16.66667% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-3 {
      height: calc(25% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-4 {
      height: calc(33.33333% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-5 {
      height: calc(41.66667% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-6 {
      height: calc(50% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-7 {
      height: calc(58.33333% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-8 {
      height: calc(66.66667% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-9 {
      height: calc(75% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-10 {
      height: calc(83.33333% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-11 {
      height: calc(91.66667% - 4rem); }
    .grid-margin-y > .main-nav-breakpoint-12 {
      height: calc(100% - 4rem); } }
  @media screen and (min-width: 80em) {
    .grid-margin-y > .xlarge-auto {
      height: auto; }
    .grid-margin-y > .xlarge-shrink {
      height: auto; }
    .grid-margin-y > .xlarge-1 {
      height: calc(8.33333% - 4rem); }
    .grid-margin-y > .xlarge-2 {
      height: calc(16.66667% - 4rem); }
    .grid-margin-y > .xlarge-3 {
      height: calc(25% - 4rem); }
    .grid-margin-y > .xlarge-4 {
      height: calc(33.33333% - 4rem); }
    .grid-margin-y > .xlarge-5 {
      height: calc(41.66667% - 4rem); }
    .grid-margin-y > .xlarge-6 {
      height: calc(50% - 4rem); }
    .grid-margin-y > .xlarge-7 {
      height: calc(58.33333% - 4rem); }
    .grid-margin-y > .xlarge-8 {
      height: calc(66.66667% - 4rem); }
    .grid-margin-y > .xlarge-9 {
      height: calc(75% - 4rem); }
    .grid-margin-y > .xlarge-10 {
      height: calc(83.33333% - 4rem); }
    .grid-margin-y > .xlarge-11 {
      height: calc(91.66667% - 4rem); }
    .grid-margin-y > .xlarge-12 {
      height: calc(100% - 4rem); } }
  @media screen and (min-width: 90em) {
    .grid-margin-y > .xxlarge-auto {
      height: auto; }
    .grid-margin-y > .xxlarge-shrink {
      height: auto; }
    .grid-margin-y > .xxlarge-1 {
      height: calc(8.33333% - 4rem); }
    .grid-margin-y > .xxlarge-2 {
      height: calc(16.66667% - 4rem); }
    .grid-margin-y > .xxlarge-3 {
      height: calc(25% - 4rem); }
    .grid-margin-y > .xxlarge-4 {
      height: calc(33.33333% - 4rem); }
    .grid-margin-y > .xxlarge-5 {
      height: calc(41.66667% - 4rem); }
    .grid-margin-y > .xxlarge-6 {
      height: calc(50% - 4rem); }
    .grid-margin-y > .xxlarge-7 {
      height: calc(58.33333% - 4rem); }
    .grid-margin-y > .xxlarge-8 {
      height: calc(66.66667% - 4rem); }
    .grid-margin-y > .xxlarge-9 {
      height: calc(75% - 4rem); }
    .grid-margin-y > .xxlarge-10 {
      height: calc(83.33333% - 4rem); }
    .grid-margin-y > .xxlarge-11 {
      height: calc(91.66667% - 4rem); }
    .grid-margin-y > .xxlarge-12 {
      height: calc(100% - 4rem); } }

.grid-frame.grid-margin-y {
  height: calc(100vh + 2.4rem); }
  @media print, screen and (min-width: 40em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 4rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 4rem); } }
  @media screen and (min-width: 70em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 4rem); } }
  @media screen and (min-width: 80em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 4rem); } }
  @media screen and (min-width: 90em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 4rem); } }

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 4rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 4rem); } }

@media screen and (min-width: 70em) {
  .grid-margin-y.main-nav-breakpoint-grid-frame {
    height: calc(100vh + 4rem); } }

@media screen and (min-width: 80em) {
  .grid-margin-y.xlarge-grid-frame {
    height: calc(100vh + 4rem); } }

@media screen and (min-width: 90em) {
  .grid-margin-y.xxlarge-grid-frame {
    height: calc(100vh + 4rem); } }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 1.6rem;
  font-size: inherit;
  line-height: 1.5;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6, .article-docs table th,
.article-docs .table-docs th {
  font-family: "Vaud-extrabold", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small, .article-docs table th small, .article-docs .table-docs th small {
    line-height: 0;
    color: #4b4b4b; }

h1, .h1 {
  font-size: 3.2rem;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 0.8rem; }

h2, .h2 {
  font-size: 2.4rem;
  line-height: 1.33333;
  margin-top: 0;
  margin-bottom: 0.8rem; }

h3, .h3 {
  font-size: 3.2rem;
  line-height: 1.1875;
  margin-top: 0;
  margin-bottom: 0.8rem; }

h4, .h4 {
  font-size: 2rem;
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 0.8rem; }

h5, .h5 {
  font-size: 1.6rem;
  line-height: 2.1875;
  margin-top: 0;
  margin-bottom: 0.8rem; }

h6, .h6, .article-docs table th,
.article-docs .table-docs th {
  font-size: 1.4rem;
  line-height: 1.42857;
  margin-top: 0;
  margin-bottom: 0.8rem; }

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3.6rem;
    line-height: 1.33333;
    margin-top: 0;
    margin-bottom: 0.8rem; }
  h2, .h2 {
    font-size: 3.6rem;
    line-height: 1.33333;
    margin-top: 0;
    margin-bottom: 0.8rem; }
  h3, .h3 {
    font-size: 3.6rem;
    line-height: 1.33333;
    margin-top: 0;
    margin-bottom: 0.8rem; }
  h4, .h4 {
    font-size: 2.4rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0.8rem; }
  h5, .h5 {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0.8rem; }
  h6, .h6, .article-docs table th,
  .article-docs .table-docs th {
    font-size: 1.4rem;
    line-height: 1.42857;
    margin-top: 0;
    margin-bottom: 0.8rem; } }

@media print, screen and (min-width: 64em) {
  h1, .h1 {
    font-size: 5.4rem;
    line-height: 1.11111;
    margin-top: 0;
    margin-bottom: 0.8rem; }
  h2, .h2 {
    font-size: 3.6rem;
    line-height: 1.33333;
    margin-top: 0;
    margin-bottom: 0.8rem; }
  h3, .h3 {
    font-size: 3.6rem;
    line-height: 1.33333;
    margin-top: 0;
    margin-bottom: 0.8rem; }
  h4, .h4 {
    font-size: 2.4rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0.8rem; }
  h5, .h5 {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0.8rem; }
  h6, .h6, .article-docs table th,
  .article-docs .table-docs th {
    font-size: 1.4rem;
    line-height: 1.42857;
    margin-top: 0;
    margin-bottom: 0.8rem; } }

a {
  line-height: inherit;
  color: #111;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #0f0f0f; }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 104.6rem;
  height: 0;
  margin: 2rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0; }

ul,
ol,
dl {
  margin-bottom: 1.6rem;
  list-style-position: outside;
  line-height: 1.5; }

li {
  font-size: inherit; }

ul {
  margin-left: 2rem;
  list-style-type: disc; }

ol {
  margin-left: 2rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 2rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1.6rem; }
  dl dt {
    margin-bottom: 0.48rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1.6rem;
  padding: 0.9rem 2rem 0rem 1.9rem;
  border-left: 0; }
  blockquote, blockquote p {
    line-height: 1.5;
    color: #111; }

abbr, abbr[title] {
  border-bottom: 1px dotted #111;
  cursor: help;
  text-decoration: none; }

figure {
  margin: 0; }

kbd {
  margin: 0;
  padding: 0.2rem 0.4rem 0rem;
  background-color: #d1d3d4;
  font-family: "Inconsolata", Monaco, Consolas, "Lucida Console", monospace;
  color: #111;
  border-radius: 2px; }

.subheader {
  margin-top: 0.32rem;
  margin-bottom: 0.8rem;
  font-weight: normal;
  line-height: 1.4;
  color: #878787; }

.lead {
  font-size: 78.125%;
  line-height: 1.6; }

.stat {
  font-size: 6rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none; }

.cite-block, cite {
  display: block;
  color: #4b4b4b;
  font-size: 1.6rem; }
  .cite-block:before, cite:before {
    content: ""; }

.code-inline, code {
  border: 0;
  background-color: transparent;
  font-family: "Inconsolata", Monaco, Consolas, "Lucida Console", monospace;
  font-weight: normal;
  color: #4b4b4b;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.2rem 0.5rem 0.1rem; }

.code-block {
  border: 0;
  background-color: transparent;
  font-family: "Inconsolata", Monaco, Consolas, "Lucida Console", monospace;
  font-weight: normal;
  color: #4b4b4b;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem; }

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

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

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

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

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

@media screen and (min-width: 70em) {
  .main-nav-breakpoint-text-left {
    text-align: left; }
  .main-nav-breakpoint-text-right {
    text-align: right; }
  .main-nav-breakpoint-text-center {
    text-align: center; }
  .main-nav-breakpoint-text-justify {
    text-align: justify; } }

@media screen and (min-width: 80em) {
  .xlarge-text-left {
    text-align: left; }
  .xlarge-text-right {
    text-align: right; }
  .xlarge-text-center {
    text-align: center; }
  .xlarge-text-justify {
    text-align: justify; } }

@media screen and (min-width: 90em) {
  .xxlarge-text-left {
    text-align: left; }
  .xxlarge-text-right {
    text-align: right; }
  .xxlarge-text-center {
    text-align: center; }
  .xxlarge-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    -webkit-print-color-adjust: economy;
            color-adjust: economy;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #878787;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .print-break-inside {
    page-break-inside: auto; } }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 3.975rem;
  margin: 0 0 1.6rem;
  padding: 0.8rem;
  border: 1px solid #cacaca;
  border-radius: 2px;
  background-color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: inherit;
  font-size: 1.65rem;
  font-weight: normal;
  line-height: 1.5;
  color: #4b4b4b;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #0a85ea;
    background-color: #ffffff;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #d1d3d4;
  cursor: not-allowed; }

[type='submit'],
[type='button'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 2px; }

input[type='search'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

::-webkit-input-placeholder {
  color: #9b9b9b; }

::-moz-placeholder {
  color: #9b9b9b; }

:-ms-input-placeholder {
  color: #9b9b9b; }

::-ms-input-placeholder {
  color: #9b9b9b; }

::placeholder {
  color: #9b9b9b; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1.6rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.8rem;
  margin-right: 1.6rem;
  margin-bottom: 0; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.8rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.8;
  color: #4b4b4b; }
  label.middle {
    margin: 0 0 1.6rem;
    padding: 0.9rem 0; }

.help-text {
  margin-top: -0.8rem;
  font-size: 1.3rem;
  font-style: italic;
  color: #111; }

.input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1.6rem;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .input-group > :first-child, .input-group > :first-child.input-group-button > * {
    border-radius: 2px 0 0 2px; }
  .input-group > :last-child, .input-group > :last-child.input-group-button > * {
    border-radius: 0 2px 2px 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap; }

.input-group-label {
  padding: 0 1.6rem;
  border: 1px solid #cacaca;
  background: #d1d3d4;
  color: #111;
  text-align: center;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0px;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  min-width: 0; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.65rem; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  max-width: 100%;
  margin-bottom: 0.8rem; }

.fieldset {
  margin: 1.8rem 0rem;
  padding: 2rem;
  border: 1px solid #cacaca; }
  .fieldset legend {
    margin: 0;
    margin-left: -0.3rem;
    padding: 0rem 0.3rem; }

select {
  height: 3.975rem;
  margin: 0 0 1.6rem;
  padding: 0.8rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cacaca;
  border-radius: 2px;
  background-color: #ffffff;
  font-family: inherit;
  font-size: 1.65rem;
  font-weight: normal;
  line-height: 1.5;
  color: #4b4b4b;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28135, 135, 135%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1.6rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 2.4rem;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:focus {
    outline: none;
    border: 1px solid #0a85ea;
    background-color: #ffffff;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }
  select:disabled {
    background-color: #d1d3d4;
    cursor: not-allowed; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }
  select:not([multiple]) {
    padding-top: 0;
    padding-bottom: 0; }

.is-invalid-input:not(:focus), .form-error.is-visible ~ .select-dropdown:not(:focus) {
  border-color: #ffffff;
  background-color: white; }
  .is-invalid-input:not(:focus)::-webkit-input-placeholder, .form-error.is-visible ~ .select-dropdown:not(:focus)::-webkit-input-placeholder {
    color: #ffffff; }
  .is-invalid-input:not(:focus)::-moz-placeholder, .form-error.is-visible ~ .select-dropdown:not(:focus)::-moz-placeholder {
    color: #ffffff; }
  .is-invalid-input:not(:focus):-ms-input-placeholder, .form-error.is-visible ~ .select-dropdown:not(:focus):-ms-input-placeholder {
    color: #ffffff; }
  .is-invalid-input:not(:focus)::-ms-input-placeholder, .form-error.is-visible ~ .select-dropdown:not(:focus)::-ms-input-placeholder {
    color: #ffffff; }
  .is-invalid-input:not(:focus)::placeholder, .form-error.is-visible ~ .select-dropdown:not(:focus)::placeholder {
    color: #ffffff; }

.is-invalid-label {
  color: #f44e66; }

.form-error {
  display: none;
  margin-top: -0.8rem;
  margin-bottom: 1.6rem;
  font-size: 1.2rem;
  font-weight: regular;
  color: #f44e66; }
  .form-error.is-visible {
    display: block; }

.accordion {
  margin-left: 0;
  background: #ffffff;
  list-style-type: none; }
  .accordion[disabled] .accordion-title {
    cursor: not-allowed; }

.accordion-item:first-child > :first-child {
  border-radius: 2px 2px 0 0; }

.accordion-item:last-child > :last-child {
  border-radius: 0 0 2px 2px; }

.accordion-title {
  position: relative;
  display: block;
  padding: 2rem 1.6rem;
  border: 0;
  border-bottom: 0;
  font-size: 1.2rem;
  line-height: 1;
  color: #111; }
  :last-child:not(.is-active) > .accordion-title {
    border-bottom: 0;
    border-radius: 0 0 2px 2px; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #ffffff; }

.accordion-content {
  display: none;
  padding: 1.6rem;
  border: 0;
  border-bottom: 0;
  background-color: #ffffff;
  color: #111; }
  :last-child > .accordion-content:last-child {
    border-bottom: 0; }

.accordion-menu li {
  width: 100%; }

.accordion-menu a {
  padding: 1.12rem 1.6rem; }

.accordion-menu .is-accordion-submenu a {
  padding: 1.12rem 1.6rem; }

.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1.6rem; }

.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1.6rem;
  margin-left: 0; }

.is-accordion-submenu-parent {
  position: relative; }

.has-submenu-toggle > a {
  margin-right: 40px; }

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer; }
  .submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #111 transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto; }

.submenu-toggle[aria-expanded='true']::after {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }

.submenu-toggle-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.96rem;
  text-align: center;
  background: #111;
  color: #ffffff; }
  .badge.primary {
    background: #111;
    color: #ffffff; }
  .badge.secondary {
    background: #f6f6f6;
    color: #111; }
  .badge.highlight {
    background: #0a85ea;
    color: #ffffff; }
  .badge.success {
    background: #d1fbe4;
    color: #111; }
  .badge.warning {
    background: #ffae00;
    color: #111; }
  .badge.alert {
    background: #f44e66;
    color: #111; }

.breadcrumbs {
  margin: 0 0 1.6rem 0;
  list-style: none; }
  .breadcrumbs::before, .breadcrumbs::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .breadcrumbs::after {
    clear: both; }
  .breadcrumbs li {
    float: left;
    font-size: 1.1rem;
    color: #111;
    cursor: default;
    text-transform: uppercase; }
    .breadcrumbs li:not(:last-child)::after {
      position: relative;
      margin: 0 1.2rem;
      opacity: 1;
      content: "/";
      color: #cacaca; }
  .breadcrumbs a {
    color: #111; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  .breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed; }

.button-group {
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .button-group::before, .button-group::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .button-group::after {
    clear: both; }
  .button-group::before, .button-group::after {
    display: none; }
  .button-group .button {
    margin: 0;
    margin-right: 1.6rem;
    margin-bottom: 1.6rem;
    font-size: 1.44rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
    .button-group .button:last-child {
      margin-right: 0; }
  .button-group.tiny .button {
    font-size: 0.96rem; }
  .button-group.small .button {
    font-size: 1.2rem; }
  .button-group.large .button {
    font-size: 2rem; }
  .button-group.expanded .button {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    margin-right: 0; }
  .button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
    background-color: #111;
    color: #ffffff; }
  .button-group.primary .button:hover, .button-group.primary .button:focus {
    background-color: #111111;
    color: #ffffff; }
  .button-group.alternate .button, .button-group.alternate .button.disabled, .button-group.alternate .button[disabled], .button-group.alternate .button.disabled:hover, .button-group.alternate .button[disabled]:hover, .button-group.alternate .button.disabled:focus, .button-group.alternate .button[disabled]:focus {
    background-color: #ffffff;
    color: #111; }
  .button-group.alternate .button:hover, .button-group.alternate .button:focus {
    background-color: white;
    color: #111; }
  .button-group.dark .button, .button-group.dark .button.disabled, .button-group.dark .button[disabled], .button-group.dark .button.disabled:hover, .button-group.dark .button[disabled]:hover, .button-group.dark .button.disabled:focus, .button-group.dark .button[disabled]:focus {
    background-color: #111;
    color: #ffffff; }
  .button-group.dark .button:hover, .button-group.dark .button:focus {
    background-color: #111111;
    color: #ffffff; }
  .button-group.blue .button, .button-group.blue .button.disabled, .button-group.blue .button[disabled], .button-group.blue .button.disabled:hover, .button-group.blue .button[disabled]:hover, .button-group.blue .button.disabled:focus, .button-group.blue .button[disabled]:focus {
    background-color: #0a85ea;
    color: #ffffff; }
  .button-group.blue .button:hover, .button-group.blue .button:focus {
    background-color: #0a85ea;
    color: #ffffff; }
  .button-group.green .button, .button-group.green .button.disabled, .button-group.green .button[disabled], .button-group.green .button.disabled:hover, .button-group.green .button[disabled]:hover, .button-group.green .button.disabled:focus, .button-group.green .button[disabled]:focus {
    background-color: #23d09c;
    color: #111; }
  .button-group.green .button:hover, .button-group.green .button:focus {
    background-color: #23d09c;
    color: #111; }
  .button-group.yellow .button, .button-group.yellow .button.disabled, .button-group.yellow .button[disabled], .button-group.yellow .button.disabled:hover, .button-group.yellow .button[disabled]:hover, .button-group.yellow .button.disabled:focus, .button-group.yellow .button[disabled]:focus {
    background-color: #f2d211;
    color: #111; }
  .button-group.yellow .button:hover, .button-group.yellow .button:focus {
    background-color: #f2d211;
    color: #111; }
  .button-group.pink .button, .button-group.pink .button.disabled, .button-group.pink .button[disabled], .button-group.pink .button.disabled:hover, .button-group.pink .button[disabled]:hover, .button-group.pink .button.disabled:focus, .button-group.pink .button[disabled]:focus {
    background-color: #f44e66;
    color: #111; }
  .button-group.pink .button:hover, .button-group.pink .button:focus {
    background-color: #f44e66;
    color: #111; }
  .button-group.purple .button, .button-group.purple .button.disabled, .button-group.purple .button[disabled], .button-group.purple .button.disabled:hover, .button-group.purple .button[disabled]:hover, .button-group.purple .button.disabled:focus, .button-group.purple .button[disabled]:focus {
    background-color: #764de8;
    color: #ffffff; }
  .button-group.purple .button:hover, .button-group.purple .button:focus {
    background-color: #764de8;
    color: #ffffff; }
  .button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
    background-color: transparent; }
  .button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
    border: 1px solid #111;
    color: #111; }
  .button-group.hollow .button:hover, .button-group.hollow .button:focus {
    border-color: #111111;
    color: #111111; }
  .button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
    border: 1px solid #111;
    color: #111; }
  .button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
    border-color: #111111;
    color: #111111; }
  .button-group.hollow.alternate .button, .button-group.hollow.alternate .button.disabled, .button-group.hollow.alternate .button[disabled], .button-group.hollow.alternate .button.disabled:hover, .button-group.hollow.alternate .button[disabled]:hover, .button-group.hollow.alternate .button.disabled:focus, .button-group.hollow.alternate .button[disabled]:focus, .button-group.hollow .button.alternate, .button-group.hollow .button.alternate.disabled, .button-group.hollow .button.alternate[disabled], .button-group.hollow .button.alternate.disabled:hover, .button-group.hollow .button.alternate[disabled]:hover, .button-group.hollow .button.alternate.disabled:focus, .button-group.hollow .button.alternate[disabled]:focus {
    border: 1px solid #ffffff;
    color: #ffffff; }
  .button-group.hollow.alternate .button:hover, .button-group.hollow.alternate .button:focus, .button-group.hollow .button.alternate:hover, .button-group.hollow .button.alternate:focus {
    border-color: white;
    color: white; }
  .button-group.hollow.dark .button, .button-group.hollow.dark .button.disabled, .button-group.hollow.dark .button[disabled], .button-group.hollow.dark .button.disabled:hover, .button-group.hollow.dark .button[disabled]:hover, .button-group.hollow.dark .button.disabled:focus, .button-group.hollow.dark .button[disabled]:focus, .button-group.hollow .button.dark, .button-group.hollow .button.dark.disabled, .button-group.hollow .button.dark[disabled], .button-group.hollow .button.dark.disabled:hover, .button-group.hollow .button.dark[disabled]:hover, .button-group.hollow .button.dark.disabled:focus, .button-group.hollow .button.dark[disabled]:focus {
    border: 1px solid #111;
    color: #111; }
  .button-group.hollow.dark .button:hover, .button-group.hollow.dark .button:focus, .button-group.hollow .button.dark:hover, .button-group.hollow .button.dark:focus {
    border-color: #111111;
    color: #111111; }
  .button-group.hollow.blue .button, .button-group.hollow.blue .button.disabled, .button-group.hollow.blue .button[disabled], .button-group.hollow.blue .button.disabled:hover, .button-group.hollow.blue .button[disabled]:hover, .button-group.hollow.blue .button.disabled:focus, .button-group.hollow.blue .button[disabled]:focus, .button-group.hollow .button.blue, .button-group.hollow .button.blue.disabled, .button-group.hollow .button.blue[disabled], .button-group.hollow .button.blue.disabled:hover, .button-group.hollow .button.blue[disabled]:hover, .button-group.hollow .button.blue.disabled:focus, .button-group.hollow .button.blue[disabled]:focus {
    border: 1px solid #0a85ea;
    color: #0a85ea; }
  .button-group.hollow.blue .button:hover, .button-group.hollow.blue .button:focus, .button-group.hollow .button.blue:hover, .button-group.hollow .button.blue:focus {
    border-color: #0a85ea;
    color: #0a85ea; }
  .button-group.hollow.green .button, .button-group.hollow.green .button.disabled, .button-group.hollow.green .button[disabled], .button-group.hollow.green .button.disabled:hover, .button-group.hollow.green .button[disabled]:hover, .button-group.hollow.green .button.disabled:focus, .button-group.hollow.green .button[disabled]:focus, .button-group.hollow .button.green, .button-group.hollow .button.green.disabled, .button-group.hollow .button.green[disabled], .button-group.hollow .button.green.disabled:hover, .button-group.hollow .button.green[disabled]:hover, .button-group.hollow .button.green.disabled:focus, .button-group.hollow .button.green[disabled]:focus {
    border: 1px solid #23d09c;
    color: #23d09c; }
  .button-group.hollow.green .button:hover, .button-group.hollow.green .button:focus, .button-group.hollow .button.green:hover, .button-group.hollow .button.green:focus {
    border-color: #23d09c;
    color: #23d09c; }
  .button-group.hollow.yellow .button, .button-group.hollow.yellow .button.disabled, .button-group.hollow.yellow .button[disabled], .button-group.hollow.yellow .button.disabled:hover, .button-group.hollow.yellow .button[disabled]:hover, .button-group.hollow.yellow .button.disabled:focus, .button-group.hollow.yellow .button[disabled]:focus, .button-group.hollow .button.yellow, .button-group.hollow .button.yellow.disabled, .button-group.hollow .button.yellow[disabled], .button-group.hollow .button.yellow.disabled:hover, .button-group.hollow .button.yellow[disabled]:hover, .button-group.hollow .button.yellow.disabled:focus, .button-group.hollow .button.yellow[disabled]:focus {
    border: 1px solid #f2d211;
    color: #f2d211; }
  .button-group.hollow.yellow .button:hover, .button-group.hollow.yellow .button:focus, .button-group.hollow .button.yellow:hover, .button-group.hollow .button.yellow:focus {
    border-color: #f2d211;
    color: #f2d211; }
  .button-group.hollow.pink .button, .button-group.hollow.pink .button.disabled, .button-group.hollow.pink .button[disabled], .button-group.hollow.pink .button.disabled:hover, .button-group.hollow.pink .button[disabled]:hover, .button-group.hollow.pink .button.disabled:focus, .button-group.hollow.pink .button[disabled]:focus, .button-group.hollow .button.pink, .button-group.hollow .button.pink.disabled, .button-group.hollow .button.pink[disabled], .button-group.hollow .button.pink.disabled:hover, .button-group.hollow .button.pink[disabled]:hover, .button-group.hollow .button.pink.disabled:focus, .button-group.hollow .button.pink[disabled]:focus {
    border: 1px solid #f44e66;
    color: #f44e66; }
  .button-group.hollow.pink .button:hover, .button-group.hollow.pink .button:focus, .button-group.hollow .button.pink:hover, .button-group.hollow .button.pink:focus {
    border-color: #f44e66;
    color: #f44e66; }
  .button-group.hollow.purple .button, .button-group.hollow.purple .button.disabled, .button-group.hollow.purple .button[disabled], .button-group.hollow.purple .button.disabled:hover, .button-group.hollow.purple .button[disabled]:hover, .button-group.hollow.purple .button.disabled:focus, .button-group.hollow.purple .button[disabled]:focus, .button-group.hollow .button.purple, .button-group.hollow .button.purple.disabled, .button-group.hollow .button.purple[disabled], .button-group.hollow .button.purple.disabled:hover, .button-group.hollow .button.purple[disabled]:hover, .button-group.hollow .button.purple.disabled:focus, .button-group.hollow .button.purple[disabled]:focus {
    border: 1px solid #764de8;
    color: #764de8; }
  .button-group.hollow.purple .button:hover, .button-group.hollow.purple .button:focus, .button-group.hollow .button.purple:hover, .button-group.hollow .button.purple:focus {
    border-color: #764de8;
    color: #764de8; }
  .button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
    border-color: transparent;
    background-color: transparent; }
  .button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
    color: #111; }
  .button-group.clear .button:hover, .button-group.clear .button:focus {
    color: #111111; }
  .button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
    color: #111; }
  .button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
    color: #111111; }
  .button-group.clear.alternate .button, .button-group.clear.alternate .button.disabled, .button-group.clear.alternate .button[disabled], .button-group.clear.alternate .button.disabled:hover, .button-group.clear.alternate .button[disabled]:hover, .button-group.clear.alternate .button.disabled:focus, .button-group.clear.alternate .button[disabled]:focus, .button-group.clear .button.alternate, .button-group.clear .button.alternate.disabled, .button-group.clear .button.alternate[disabled], .button-group.clear .button.alternate.disabled:hover, .button-group.clear .button.alternate[disabled]:hover, .button-group.clear .button.alternate.disabled:focus, .button-group.clear .button.alternate[disabled]:focus {
    color: #ffffff; }
  .button-group.clear.alternate .button:hover, .button-group.clear.alternate .button:focus, .button-group.clear .button.alternate:hover, .button-group.clear .button.alternate:focus {
    color: white; }
  .button-group.clear.dark .button, .button-group.clear.dark .button.disabled, .button-group.clear.dark .button[disabled], .button-group.clear.dark .button.disabled:hover, .button-group.clear.dark .button[disabled]:hover, .button-group.clear.dark .button.disabled:focus, .button-group.clear.dark .button[disabled]:focus, .button-group.clear .button.dark, .button-group.clear .button.dark.disabled, .button-group.clear .button.dark[disabled], .button-group.clear .button.dark.disabled:hover, .button-group.clear .button.dark[disabled]:hover, .button-group.clear .button.dark.disabled:focus, .button-group.clear .button.dark[disabled]:focus {
    color: #111; }
  .button-group.clear.dark .button:hover, .button-group.clear.dark .button:focus, .button-group.clear .button.dark:hover, .button-group.clear .button.dark:focus {
    color: #111111; }
  .button-group.clear.blue .button, .button-group.clear.blue .button.disabled, .button-group.clear.blue .button[disabled], .button-group.clear.blue .button.disabled:hover, .button-group.clear.blue .button[disabled]:hover, .button-group.clear.blue .button.disabled:focus, .button-group.clear.blue .button[disabled]:focus, .button-group.clear .button.blue, .button-group.clear .button.blue.disabled, .button-group.clear .button.blue[disabled], .button-group.clear .button.blue.disabled:hover, .button-group.clear .button.blue[disabled]:hover, .button-group.clear .button.blue.disabled:focus, .button-group.clear .button.blue[disabled]:focus {
    color: #0a85ea; }
  .button-group.clear.blue .button:hover, .button-group.clear.blue .button:focus, .button-group.clear .button.blue:hover, .button-group.clear .button.blue:focus {
    color: #0a85ea; }
  .button-group.clear.green .button, .button-group.clear.green .button.disabled, .button-group.clear.green .button[disabled], .button-group.clear.green .button.disabled:hover, .button-group.clear.green .button[disabled]:hover, .button-group.clear.green .button.disabled:focus, .button-group.clear.green .button[disabled]:focus, .button-group.clear .button.green, .button-group.clear .button.green.disabled, .button-group.clear .button.green[disabled], .button-group.clear .button.green.disabled:hover, .button-group.clear .button.green[disabled]:hover, .button-group.clear .button.green.disabled:focus, .button-group.clear .button.green[disabled]:focus {
    color: #23d09c; }
  .button-group.clear.green .button:hover, .button-group.clear.green .button:focus, .button-group.clear .button.green:hover, .button-group.clear .button.green:focus {
    color: #23d09c; }
  .button-group.clear.yellow .button, .button-group.clear.yellow .button.disabled, .button-group.clear.yellow .button[disabled], .button-group.clear.yellow .button.disabled:hover, .button-group.clear.yellow .button[disabled]:hover, .button-group.clear.yellow .button.disabled:focus, .button-group.clear.yellow .button[disabled]:focus, .button-group.clear .button.yellow, .button-group.clear .button.yellow.disabled, .button-group.clear .button.yellow[disabled], .button-group.clear .button.yellow.disabled:hover, .button-group.clear .button.yellow[disabled]:hover, .button-group.clear .button.yellow.disabled:focus, .button-group.clear .button.yellow[disabled]:focus {
    color: #f2d211; }
  .button-group.clear.yellow .button:hover, .button-group.clear.yellow .button:focus, .button-group.clear .button.yellow:hover, .button-group.clear .button.yellow:focus {
    color: #f2d211; }
  .button-group.clear.pink .button, .button-group.clear.pink .button.disabled, .button-group.clear.pink .button[disabled], .button-group.clear.pink .button.disabled:hover, .button-group.clear.pink .button[disabled]:hover, .button-group.clear.pink .button.disabled:focus, .button-group.clear.pink .button[disabled]:focus, .button-group.clear .button.pink, .button-group.clear .button.pink.disabled, .button-group.clear .button.pink[disabled], .button-group.clear .button.pink.disabled:hover, .button-group.clear .button.pink[disabled]:hover, .button-group.clear .button.pink.disabled:focus, .button-group.clear .button.pink[disabled]:focus {
    color: #f44e66; }
  .button-group.clear.pink .button:hover, .button-group.clear.pink .button:focus, .button-group.clear .button.pink:hover, .button-group.clear .button.pink:focus {
    color: #f44e66; }
  .button-group.clear.purple .button, .button-group.clear.purple .button.disabled, .button-group.clear.purple .button[disabled], .button-group.clear.purple .button.disabled:hover, .button-group.clear.purple .button[disabled]:hover, .button-group.clear.purple .button.disabled:focus, .button-group.clear.purple .button[disabled]:focus, .button-group.clear .button.purple, .button-group.clear .button.purple.disabled, .button-group.clear .button.purple[disabled], .button-group.clear .button.purple.disabled:hover, .button-group.clear .button.purple[disabled]:hover, .button-group.clear .button.purple.disabled:focus, .button-group.clear .button.purple[disabled]:focus {
    color: #764de8; }
  .button-group.clear.purple .button:hover, .button-group.clear.purple .button:focus, .button-group.clear .button.purple:hover, .button-group.clear .button.purple:focus {
    color: #764de8; }
  .button-group.no-gaps .button {
    margin-right: -0.1rem; }
    .button-group.no-gaps .button + .button {
      border-left-color: transparent; }
  .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
      .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
        margin-bottom: 0; }
    .button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      margin-right: 0; }
  @media print, screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-bottom: 0; } }
  @media print, screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-bottom: 0; } }
  @media print, screen and (max-width: 39.99875em) {
    .button-group.stacked-for-small.expanded {
      display: block; }
      .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0; } }
  @media print, screen and (max-width: 63.99875em) {
    .button-group.stacked-for-medium.expanded {
      display: block; }
      .button-group.stacked-for-medium.expanded .button {
        display: block;
        margin-right: 0; } }

.callout {
  position: relative;
  margin: 0 0 1.6rem 0;
  padding: 1rem;
  border: 1px solid #ebebeb;
  border-radius: 2px;
  background-color: white;
  color: #111; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #111111;
    color: #ffffff; }
  .callout.secondary {
    background-color: #f6f6f6;
    color: #111; }
  .callout.highlight {
    background-color: #0a85ea;
    color: #111; }
  .callout.success {
    background-color: #d1fbe4;
    color: #111; }
  .callout.warning {
    background-color: #ffae00;
    color: #111; }
  .callout.alert {
    background-color: #f44e66;
    color: #111; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 1.6rem;
  border: 1px solid #ebebeb;
  border-radius: 2px;
  background: #ffffff;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  overflow: hidden;
  color: #111; }
  .card > :last-child {
    margin-bottom: 0; }

.card-divider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 1.6rem;
  background: #ffffff; }
  .card-divider > :last-child {
    margin-bottom: 0; }

.card-section {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 1.6rem; }
  .card-section > :last-child {
    margin-bottom: 0; }

.card-image {
  min-height: 1px; }

.close-button {
  position: absolute;
  z-index: 10;
  color: #4b4b4b;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #111; }
  .close-button.small {
    right: 1.056rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1; }
  .close-button.medium, .close-button {
    right: 1.6rem;
    top: 0.8rem;
    font-size: 2em;
    line-height: 1; }

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  [data-whatinput='mouse'] .menu li {
    outline: 0; }
  .menu a,
  .menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 1.12rem 1.6rem; }
  .menu input,
  .menu select,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu input {
    display: inline-block; }
  .menu, .menu.horizontal {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .menu.vertical {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .menu.expanded li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px; }
  .menu.simple {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .menu.simple li + li {
      margin-left: 1.6rem; }
    .menu.simple a {
      padding: 0; }
  @media print, screen and (min-width: 40em) {
    .menu.medium-horizontal {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .menu.medium-vertical {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .menu.medium-expanded li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px; }
    .menu.medium-simple li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px; } }
  @media print, screen and (min-width: 64em) {
    .menu.large-horizontal {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .menu.large-vertical {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .menu.large-expanded li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px; }
    .menu.large-simple li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px; } }
  @media screen and (min-width: 70em) {
    .menu.main-nav-breakpoint-horizontal {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .menu.main-nav-breakpoint-vertical {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .menu.main-nav-breakpoint-expanded li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px; }
    .menu.main-nav-breakpoint-simple li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px; } }
  @media screen and (min-width: 80em) {
    .menu.xlarge-horizontal {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .menu.xlarge-vertical {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .menu.xlarge-expanded li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px; }
    .menu.xlarge-simple li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px; } }
  @media screen and (min-width: 90em) {
    .menu.xxlarge-horizontal {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .menu.xxlarge-vertical {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .menu.xxlarge-expanded li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px; }
    .menu.xxlarge-simple li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px; } }
  .menu.nested {
    margin-right: 0;
    margin-left: 1.6rem; }
  .menu.icons a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .menu.icon-left li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
    .menu.icon-left li a img,
    .menu.icon-left li a i,
    .menu.icon-left li a svg {
      margin-right: 0.4rem; }
  .menu.icon-right li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
    .menu.icon-right li a img,
    .menu.icon-right li a i,
    .menu.icon-right li a svg {
      margin-left: 0.4rem; }
  .menu.icon-top li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap; }
    .menu.icon-top li a img,
    .menu.icon-top li a i,
    .menu.icon-top li a svg {
      -webkit-align-self: stretch;
          -ms-flex-item-align: stretch;
              align-self: stretch;
      margin-bottom: 0.4rem;
      text-align: center; }
  .menu.icon-bottom li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap; }
    .menu.icon-bottom li a img,
    .menu.icon-bottom li a i,
    .menu.icon-bottom li a svg {
      -webkit-align-self: stretch;
          -ms-flex-item-align: stretch;
              align-self: stretch;
      margin-bottom: 0.4rem;
      text-align: center; }
  .menu .is-active > a {
    background: #111;
    color: #ffffff; }
  .menu .active > a {
    background: #111;
    color: #ffffff; }
  .menu.align-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .menu.align-right li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .menu.align-right li .submenu li {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
  .menu.align-right.vertical li {
    display: block;
    text-align: right; }
    .menu.align-right.vertical li .submenu li {
      text-align: right; }
  .menu.align-right .nested {
    margin-right: 1.6rem;
    margin-left: 0; }
  .menu.align-center li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .menu.align-center li .submenu li {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
  .menu .menu-text {
    padding: 1.12rem 1.6rem;
    font-weight: bold;
    line-height: 1;
    color: inherit; }

.menu-centered > .menu {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .menu-centered > .menu li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .menu-centered > .menu li .submenu li {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }

.no-js [data-responsive-menu] ul {
  display: none; }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #ffffff;
    -webkit-box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
            box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
    content: ''; }
  .menu-icon:hover::after {
    background: #cacaca;
    -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
            box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #111;
    -webkit-box-shadow: 0 7px 0 #111, 0 14px 0 #111;
            box-shadow: 0 7px 0 #111, 0 14px 0 #111;
    content: ''; }
  .menu-icon.dark:hover::after {
    background: #878787;
    -webkit-box-shadow: 0 7px 0 #878787, 0 14px 0 #878787;
            box-shadow: 0 7px 0 #878787, 0 14px 0 #878787; }

.is-drilldown {
  position: relative;
  overflow: hidden; }
  .is-drilldown li {
    display: block; }
  .is-drilldown.animate-height {
    -webkit-transition: height 0.5s;
    transition: height 0.5s; }

.drilldown a {
  padding: 1.12rem 1.6rem;
  background: #d1d3d4; }

.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #d1d3d4;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear; }
  .drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%); }
  .drilldown .is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%); }
  .drilldown .is-drilldown-submenu a {
    padding: 1.12rem 1.6rem; }

.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0; }

.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%; }

.drilldown .is-drilldown-submenu-parent > a {
  position: relative; }
  .drilldown .is-drilldown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #111;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem; }

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #111;
  right: 1rem;
  left: auto; }

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #111 transparent transparent;
  right: auto;
  left: 1rem; }

.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #111 transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem; }

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1.6rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 2px;
  background-color: #ffffff;
  font-size: 1.6rem; }
  .dropdown-pane.is-opening {
    display: block; }
  .dropdown-pane.is-open {
    display: block;
    visibility: visible; }

.dropdown-pane.tiny {
  width: 100px; }

.dropdown-pane.small {
  width: 200px; }

.dropdown-pane.large {
  width: 400px; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0; }

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }

.dropdown.menu > li > a {
  background: #ffffff;
  padding: 1.12rem 1.6rem; }

.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #111; }

.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0; }

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0; }

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto; }

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%; }

@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto; }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; } }

@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto; }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; } }

@media screen and (min-width: 70em) {
  .dropdown.menu.main-nav-breakpoint-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.main-nav-breakpoint-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.main-nav-breakpoint-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.main-nav-breakpoint-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto; }
  .dropdown.menu.main-nav-breakpoint-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; } }

@media screen and (min-width: 80em) {
  .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto; }
  .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; } }

@media screen and (min-width: 90em) {
  .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto; }
  .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }

.is-dropdown-submenu-parent {
  position: relative; }
  .is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px; }
  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #ffffff;
  background: #ffffff; }
  .dropdown .is-dropdown-submenu a {
    padding: 1.12rem 1.6rem; }
  .is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px; }
  .is-dropdown-submenu > li {
    width: 100%; }
  .is-dropdown-submenu.js-dropdown-active {
    display: block; }

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1.6rem;
  padding-bottom: 75%;
  overflow: hidden; }
  .responsive-embed iframe,
  .responsive-embed object,
  .responsive-embed embed,
  .responsive-embed video,
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .responsive-embed.widescreen,
  .flex-video.widescreen {
    padding-bottom: 56.25%; }

.label {
  display: inline-block;
  padding: 0.32rem;
  border-radius: 4px;
  font-size: 1.4rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #111;
  color: #ffffff; }
  .label.primary {
    background: #111;
    color: #ffffff; }
  .label.secondary {
    background: #f6f6f6;
    color: #111; }
  .label.highlight {
    background: #0a85ea;
    color: #ffffff; }
  .label.success {
    background: #d1fbe4;
    color: #111; }
  .label.warning {
    background: #ffae00;
    color: #111; }
  .label.alert {
    background: #f44e66;
    color: #111; }

/* @include foundation-media-object; */
.is-off-canvas-open {
  overflow: hidden; }

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(255, 255, 255, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden; }
  .js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible; }
  .js-off-canvas-overlay.is-closable {
    cursor: pointer; }
  .js-off-canvas-overlay.is-overlay-absolute {
    position: absolute; }
  .js-off-canvas-overlay.is-overlay-fixed {
    position: fixed; }

.off-canvas-wrapper {
  position: relative;
  overflow: hidden; }

.off-canvas {
  position: fixed;
  z-index: 12;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #d1d3d4; }
  [data-whatinput='mouse'] .off-canvas {
    outline: 0; }
  .off-canvas.is-transition-push {
    z-index: 12; }
  .off-canvas.is-closed {
    visibility: hidden; }
  .off-canvas.is-transition-overlap {
    z-index: 13; }
    .off-canvas.is-transition-overlap.is-open {
      -webkit-box-shadow: 0 0 10px rgba(17, 17, 17, 0.7);
              box-shadow: 0 0 10px rgba(17, 17, 17, 0.7); }
  .off-canvas.is-open {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }

.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #d1d3d4; }
  [data-whatinput='mouse'] .off-canvas-absolute {
    outline: 0; }
  .off-canvas-absolute.is-transition-push {
    z-index: 12; }
  .off-canvas-absolute.is-closed {
    visibility: hidden; }
  .off-canvas-absolute.is-transition-overlap {
    z-index: 13; }
    .off-canvas-absolute.is-transition-overlap.is-open {
      -webkit-box-shadow: 0 0 10px rgba(17, 17, 17, 0.7);
              box-shadow: 0 0 10px rgba(17, 17, 17, 0.7); }
  .off-canvas-absolute.is-open {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  -webkit-transform: translateX(-250px);
      -ms-transform: translateX(-250px);
          transform: translateX(-250px); }
  .off-canvas-content .off-canvas.position-left {
    -webkit-transform: translateX(-250px);
        -ms-transform: translateX(-250px);
            transform: translateX(-250px); }
    .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
      -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
              transform: translate(0, 0); }
  .off-canvas-content.is-open-left.has-transition-push {
    -webkit-transform: translateX(250px);
        -ms-transform: translateX(250px);
            transform: translateX(250px); }
  .position-left.is-transition-push {
    -webkit-box-shadow: inset -13px 0 20px -13px rgba(17, 17, 17, 0.25);
            box-shadow: inset -13px 0 20px -13px rgba(17, 17, 17, 0.25); }

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  -webkit-transform: translateX(250px);
      -ms-transform: translateX(250px);
          transform: translateX(250px); }
  .off-canvas-content .off-canvas.position-right {
    -webkit-transform: translateX(250px);
        -ms-transform: translateX(250px);
            transform: translateX(250px); }
    .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
      -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
              transform: translate(0, 0); }
  .off-canvas-content.is-open-right.has-transition-push {
    -webkit-transform: translateX(-250px);
        -ms-transform: translateX(-250px);
            transform: translateX(-250px); }
  .position-right.is-transition-push {
    -webkit-box-shadow: inset 13px 0 20px -13px rgba(17, 17, 17, 0.25);
            box-shadow: inset 13px 0 20px -13px rgba(17, 17, 17, 0.25); }

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  -webkit-transform: translateY(-250px);
      -ms-transform: translateY(-250px);
          transform: translateY(-250px); }
  .off-canvas-content .off-canvas.position-top {
    -webkit-transform: translateY(-250px);
        -ms-transform: translateY(-250px);
            transform: translateY(-250px); }
    .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
      -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
              transform: translate(0, 0); }
  .off-canvas-content.is-open-top.has-transition-push {
    -webkit-transform: translateY(250px);
        -ms-transform: translateY(250px);
            transform: translateY(250px); }
  .position-top.is-transition-push {
    -webkit-box-shadow: inset 0 -13px 20px -13px rgba(17, 17, 17, 0.25);
            box-shadow: inset 0 -13px 20px -13px rgba(17, 17, 17, 0.25); }

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  -webkit-transform: translateY(250px);
      -ms-transform: translateY(250px);
          transform: translateY(250px); }
  .off-canvas-content .off-canvas.position-bottom {
    -webkit-transform: translateY(250px);
        -ms-transform: translateY(250px);
            transform: translateY(250px); }
    .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
      -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
              transform: translate(0, 0); }
  .off-canvas-content.is-open-bottom.has-transition-push {
    -webkit-transform: translateY(-250px);
        -ms-transform: translateY(-250px);
            transform: translateY(-250px); }
  .position-bottom.is-transition-push {
    -webkit-box-shadow: inset 0 13px 20px -13px rgba(17, 17, 17, 0.25);
            box-shadow: inset 0 13px 20px -13px rgba(17, 17, 17, 0.25); }

.off-canvas-content {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
  .off-canvas-content.has-transition-push {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }
  .off-canvas-content .off-canvas.is-open {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-medium {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-medium ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-medium {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-medium {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-medium ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-medium {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-medium {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-medium ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-medium {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-medium {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-medium ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-large {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-large ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-large {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-large {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-large ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-large {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-large {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-large ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-large {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-large {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-large ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media screen and (min-width: 70em) {
  .position-left.reveal-for-main-nav-breakpoint {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-main-nav-breakpoint .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-main-nav-breakpoint {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-main-nav-breakpoint ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-main-nav-breakpoint {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-main-nav-breakpoint .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-main-nav-breakpoint {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-main-nav-breakpoint ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-main-nav-breakpoint {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-main-nav-breakpoint .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-main-nav-breakpoint {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-main-nav-breakpoint ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-main-nav-breakpoint {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-main-nav-breakpoint .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-main-nav-breakpoint {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-main-nav-breakpoint ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media screen and (min-width: 80em) {
  .position-left.reveal-for-xlarge {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-xlarge .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-xlarge {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-xlarge ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-xlarge {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-xlarge .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-xlarge {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-xlarge ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-xlarge {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-xlarge .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-xlarge {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-xlarge ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-xlarge {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-xlarge .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-xlarge {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media screen and (min-width: 90em) {
  .position-left.reveal-for-xxlarge {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-xxlarge .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-xxlarge {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-xxlarge ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-xxlarge {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-xxlarge .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-xxlarge {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-xxlarge ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-xxlarge {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-xxlarge .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-xxlarge {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-xxlarge ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-xxlarge {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-xxlarge .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-xxlarge {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none; }
    .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas.in-canvas-for-medium .close-button {
      display: none; } }

@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none; }
    .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas.in-canvas-for-large .close-button {
      display: none; } }

@media screen and (min-width: 70em) {
  .off-canvas.in-canvas-for-main-nav-breakpoint {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none; }
    .off-canvas.in-canvas-for-main-nav-breakpoint.position-left, .off-canvas.in-canvas-for-main-nav-breakpoint.position-right, .off-canvas.in-canvas-for-main-nav-breakpoint.position-top, .off-canvas.in-canvas-for-main-nav-breakpoint.position-bottom {
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas.in-canvas-for-main-nav-breakpoint .close-button {
      display: none; } }

@media screen and (min-width: 80em) {
  .off-canvas.in-canvas-for-xlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none; }
    .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom {
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas.in-canvas-for-xlarge .close-button {
      display: none; } }

@media screen and (min-width: 90em) {
  .off-canvas.in-canvas-for-xxlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none; }
    .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom {
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .off-canvas.in-canvas-for-xxlarge .close-button {
      display: none; } }

/* @include foundation-orbit; */
.pagination {
  margin-left: 0;
  margin-bottom: 1.6rem; }
  .pagination::before, .pagination::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .pagination::after {
    clear: both; }
  .pagination li {
    margin-right: 0.1rem;
    border-radius: 2px;
    font-size: 1.4rem;
    display: none; }
    .pagination li:last-child, .pagination li:first-child {
      display: inline-block; }
    @media print, screen and (min-width: 40em) {
      .pagination li {
        display: inline-block; } }
  .pagination a,
  .pagination button {
    display: block;
    padding: 0.3rem 1rem;
    border-radius: 2px;
    color: #111; }
    .pagination a:hover,
    .pagination button:hover {
      background: #d1d3d4; }
  .pagination .current {
    padding: 0.3rem 1rem;
    background: #111;
    color: #ffffff;
    cursor: default; }
  .pagination .disabled {
    padding: 0.3rem 1rem;
    color: #cacaca;
    cursor: not-allowed; }
    .pagination .disabled:hover {
      background: transparent; }
  .pagination .ellipsis::after {
    padding: 0.3rem 1rem;
    content: '\2026';
    color: #111; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: "\AB"; }

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: "\BB"; }

.progress {
  height: 1.6rem;
  margin-bottom: 1.6rem;
  border-radius: 2px;
  background-color: #cacaca; }
  .progress.primary .progress-meter {
    background-color: #111; }
  .progress.secondary .progress-meter {
    background-color: #f6f6f6; }
  .progress.highlight .progress-meter {
    background-color: #0a85ea; }
  .progress.success .progress-meter {
    background-color: #d1fbe4; }
  .progress.warning .progress-meter {
    background-color: #ffae00; }
  .progress.alert .progress-meter {
    background-color: #f44e66; }

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #111;
  border-radius: 2px; }

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ffffff;
  white-space: nowrap;
  border-radius: 2px; }

/* @include foundation-slider; */
.sticky-container {
  position: relative; }

.sticky {
  position: relative;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%; }
  .sticky.is-stuck.is-at-top {
    top: 0; }
  .sticky.is-stuck.is-at-bottom {
    bottom: 0; }

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto; }
  .sticky.is-anchored.is-at-bottom {
    bottom: 0; }

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden; }
  html.is-reveal-open.zf-has-scroll {
    overflow-y: scroll; }
  html.is-reveal-open body {
    overflow-y: hidden; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(17, 17, 17, 0.9);
  overflow-y: auto; }

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  padding: 1.6rem;
  border: 1px solid #cacaca;
  border-radius: 2px;
  background-color: #ffffff;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      min-height: 0; } }
  .reveal .column, .reveal .columns {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      width: 600px;
      max-width: 104.6rem; } }
  .reveal.collapse {
    padding: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 104.6rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.small {
      width: 50%;
      max-width: 104.6rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.large {
      width: 90%;
      max-width: 104.6rem; } }
  .reveal.full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media print, screen and (max-width: 39.99875em) {
    .reveal {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      min-height: 100%;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

.switch {
  height: 3.2rem;
  position: relative;
  margin-bottom: 1.6rem;
  outline: 0;
  font-size: 1.4rem;
  font-weight: bold;
  color: #ffffff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0; }

.switch-paddle {
  position: relative;
  display: block;
  width: 6.4rem;
  height: 3.2rem;
  border-radius: 2px;
  background: #cacaca;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer; }
  input + .switch-paddle {
    margin: 0; }
  .switch-paddle::after {
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    border-radius: 2px;
    background: #ffffff;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    content: ''; }
  input:checked ~ .switch-paddle {
    background: #111; }
    input:checked ~ .switch-paddle::after {
      left: 3.6rem; }
  input:disabled ~ .switch-paddle {
    cursor: not-allowed;
    opacity: 0.5; }
  [data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0; }

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.switch-active {
  left: 8%;
  display: none; }
  input:checked + label > .switch-active {
    display: block; }

.switch-inactive {
  right: 15%; }
  input:checked + label > .switch-inactive {
    display: none; }

.switch.tiny {
  height: 2.4rem; }
  .switch.tiny .switch-paddle {
    width: 4.8rem;
    height: 2.4rem;
    font-size: 1rem; }
  .switch.tiny .switch-paddle::after {
    top: 0.4rem;
    left: 0.4rem;
    width: 1.6rem;
    height: 1.6rem; }
  .switch.tiny input:checked ~ .switch-paddle::after {
    left: 2.8rem; }

.switch.small {
  height: 2.8rem; }
  .switch.small .switch-paddle {
    width: 5.6rem;
    height: 2.8rem;
    font-size: 1.2rem; }
  .switch.small .switch-paddle::after {
    top: 0.4rem;
    left: 0.4rem;
    width: 2rem;
    height: 2rem; }
  .switch.small input:checked ~ .switch-paddle::after {
    left: 3.2rem; }

.switch.large {
  height: 4rem; }
  .switch.large .switch-paddle {
    width: 8rem;
    height: 4rem;
    font-size: 1.6rem; }
  .switch.large .switch-paddle::after {
    top: 0.4rem;
    left: 0.4rem;
    width: 3.2rem;
    height: 3.2rem; }
  .switch.large input:checked ~ .switch-paddle::after {
    left: 4.4rem; }

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1.6rem;
  border-radius: 2px; }
  thead,
  tbody,
  tfoot {
    border: 0;
    background-color: #ffffff; }
  caption {
    padding: 0.8rem 1rem 1rem;
    font-weight: bold; }
  thead {
    background: #ffffff;
    color: #111; }
  tfoot {
    background: white;
    color: #111; }
  thead tr,
  tfoot tr {
    background: transparent; }
  thead th,
  thead td,
  tfoot th,
  tfoot td {
    padding: 0.8rem 1rem 1rem;
    font-weight: bold;
    text-align: left; }
  tbody th,
  tbody td {
    padding: 0.8rem 1rem 1rem; }
  tbody tr {
    border-bottom: 0;
    border-bottom: 0;
    background-color: #ffffff; }
  table.striped tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: white; }

@media print, screen and (max-width: 39.99875em) {
  table.stack thead th, .article-docs table thead th {
    display: block; }
  table.stack tfoot, .article-docs table tfoot {
    display: none; }
  table.stack tr, .article-docs table tr,
  table.stack th,
  .article-docs table th,
  table.stack td,
  .article-docs table td {
    display: block; }
  
  table.stack td,
  .article-docs table td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover thead tr:hover {
  background-color: #fafafa; }

table.hover tfoot tr:hover {
  background-color: #fafafa; }

table.hover tbody tr:hover {
  background-color: #fafafa; }

table.hover.striped tr:nth-of-type(even):hover {
  background-color: #fafafa; }

.table-scroll {
  overflow-x: auto; }

.tabs {
  margin: 0;
  border: 1px solid #d1d3d4;
  background: #ffffff;
  list-style-type: none; }
  .tabs::before, .tabs::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #111; }
  .tabs.primary > li > a {
    color: #ffffff; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #1d1d1d; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 2rem 2.4rem;
    font-size: 1.2rem;
    line-height: 1;
    color: #111; }
    [data-whatinput='mouse'] .tabs-title > a {
      outline: 0; }
    .tabs-title > a:hover {
      background: #ffffff;
      color: #0f0f0f; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: #d1d3d4;
      color: #111; }

.tabs-content {
  border: 1px solid #d1d3d4;
  border-top: 0;
  background: #ffffff;
  color: #111;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.tabs-content.vertical {
  border: 1px solid #d1d3d4;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1.6rem; }
  .tabs-panel.is-active {
    display: block; }

/* @include foundation-thumbnail; */
.title-bar {
  padding: 0.8rem;
  background: #111;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .title-bar .menu-icon {
    margin-left: 0.4rem;
    margin-right: 0.4rem; }

.title-bar-left,
.title-bar-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0px;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; }

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

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold; }

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #878787;
  font-weight: bold;
  cursor: pointer; }

.tooltip {
  position: absolute;
  top: calc(100% + 1.0392rem);
  z-index: 1200;
  max-width: 16rem;
  padding: 1.2rem;
  border-radius: 2px;
  background-color: #ffffff;
  font-size: 62.5%;
  color: #4b4b4b; }
  .tooltip::before {
    position: absolute; }
  .tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 1.2rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #ffffff;
    bottom: 100%; }
  .tooltip.bottom.align-center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  .tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 1.2rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ffffff transparent transparent;
    top: 100%;
    bottom: auto; }
  .tooltip.top.align-center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  .tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 1.2rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #ffffff;
    left: 100%; }
  .tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 1.2rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #ffffff transparent transparent;
    right: 100%;
    left: auto; }
  .tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .tooltip.align-top::before {
    bottom: auto;
    top: 10%; }
  .tooltip.align-bottom::before {
    bottom: 10%;
    top: auto; }
  .tooltip.align-left::before {
    left: 10%;
    right: auto; }
  .tooltip.align-right::before {
    left: auto;
    right: 10%; }

.top-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.8rem;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .top-bar,
  .top-bar ul {
    background-color: #d1d3d4; }
  .top-bar input {
    max-width: 200px;
    margin-right: 1rem; }
  .top-bar .input-group-field {
    width: 100%;
    margin-right: 0; }
  .top-bar input.button {
    width: auto; }
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  @media print, screen and (min-width: 40em) {
    .top-bar {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      .top-bar .top-bar-left {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        margin-right: auto; }
      .top-bar .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        margin-left: auto; } }
  @media print, screen and (max-width: 63.99875em) {
    .top-bar.stacked-for-medium {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .top-bar.stacked-for-medium .top-bar-left,
      .top-bar.stacked-for-medium .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  @media print, screen and (max-width: 69.99875em) {
    .top-bar.stacked-for-large {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .top-bar.stacked-for-large .top-bar-left,
      .top-bar.stacked-for-large .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  @media print, screen and (max-width: 79.99875em) {
    .top-bar.stacked-for-main-nav-breakpoint {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .top-bar.stacked-for-main-nav-breakpoint .top-bar-left,
      .top-bar.stacked-for-main-nav-breakpoint .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  @media print, screen and (max-width: 89.99875em) {
    .top-bar.stacked-for-xlarge {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .top-bar.stacked-for-xlarge .top-bar-left,
      .top-bar.stacked-for-xlarge .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  @media print, screen and (max-width: 104.99875em) {
    .top-bar.stacked-for-xxlarge {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .top-bar.stacked-for-xxlarge .top-bar-left,
      .top-bar.stacked-for-xxlarge .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }

.top-bar-title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0.8rem 1.6rem 0.8rem 0; }

.top-bar-left,
.top-bar-right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important; } }

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important; } }

@media print, screen and (min-width: 64em) and (max-width: 69.99875em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.99875em), screen and (min-width: 70em) {
  .show-for-large-only {
    display: none !important; } }

@media screen and (min-width: 70em) {
  .hide-for-main-nav-breakpoint {
    display: none !important; } }

@media screen and (max-width: 69.99875em) {
  .show-for-main-nav-breakpoint {
    display: none !important; } }

@media screen and (min-width: 70em) and (max-width: 79.99875em) {
  .hide-for-main-nav-breakpoint-only {
    display: none !important; } }

@media screen and (max-width: 69.99875em), screen and (min-width: 80em) {
  .show-for-main-nav-breakpoint-only {
    display: none !important; } }

@media screen and (min-width: 80em) {
  .hide-for-xlarge {
    display: none !important; } }

@media screen and (max-width: 79.99875em) {
  .show-for-xlarge {
    display: none !important; } }

@media screen and (min-width: 80em) and (max-width: 89.99875em) {
  .hide-for-xlarge-only {
    display: none !important; } }

@media screen and (max-width: 79.99875em), screen and (min-width: 90em) {
  .show-for-xlarge-only {
    display: none !important; } }

@media screen and (min-width: 90em) {
  .hide-for-xxlarge {
    display: none !important; } }

@media screen and (max-width: 89.99875em) {
  .show-for-xxlarge {
    display: none !important; } }

@media screen and (min-width: 90em) and (max-width: 104.99875em) {
  .hide-for-xxlarge-only {
    display: none !important; } }

@media screen and (max-width: 89.99875em), screen and (min-width: 105em) {
  .show-for-xxlarge-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

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

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

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

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

.align-spaced {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

.align-left.vertical.menu > li > a {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.align-right.vertical.menu > li > a {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.align-center.vertical.menu > li > a {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.align-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

.align-self-top {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start; }

.align-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }

.align-self-bottom {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end; }

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

.align-self-middle {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }

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

.align-self-stretch {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch; }

.align-center-middle {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center; }

.small-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.small-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

.small-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }

.small-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }

.small-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }

.small-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6; }

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; } }

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .large-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .large-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .large-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .large-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .large-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; } }

@media screen and (min-width: 70em) {
  .main-nav-breakpoint-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .main-nav-breakpoint-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .main-nav-breakpoint-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .main-nav-breakpoint-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .main-nav-breakpoint-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .main-nav-breakpoint-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; } }

@media screen and (min-width: 80em) {
  .xlarge-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .xlarge-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .xlarge-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .xlarge-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .xlarge-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .xlarge-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; } }

@media screen and (min-width: 90em) {
  .xxlarge-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .xxlarge-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .xxlarge-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .xxlarge-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .xxlarge-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .xxlarge-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; } }

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

.flex-child-auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.flex-child-grow {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.flex-child-shrink {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }

.flex-dir-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.flex-dir-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.flex-dir-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.flex-dir-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .medium-flex-child-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .medium-flex-child-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .medium-flex-child-shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .medium-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .medium-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .medium-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .medium-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .large-flex-child-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .large-flex-child-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .large-flex-child-shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .large-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .large-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .large-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .large-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

@media screen and (min-width: 70em) {
  .main-nav-breakpoint-flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .main-nav-breakpoint-flex-child-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .main-nav-breakpoint-flex-child-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .main-nav-breakpoint-flex-child-shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .main-nav-breakpoint-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .main-nav-breakpoint-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .main-nav-breakpoint-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .main-nav-breakpoint-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

@media screen and (min-width: 80em) {
  .xlarge-flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .xlarge-flex-child-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .xlarge-flex-child-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .xlarge-flex-child-shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .xlarge-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .xlarge-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .xlarge-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .xlarge-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

@media screen and (min-width: 90em) {
  .xxlarge-flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .xxlarge-flex-child-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .xxlarge-flex-child-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .xxlarge-flex-child-shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .xxlarge-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .xxlarge-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .xxlarge-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .xxlarge-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

.slide-in-down.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.slide-in-left.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }

.slide-in-up.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.slide-in-right.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }

.slide-out-down.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%); }

.slide-out-right.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%); }

.slide-out-up.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%); }

.slide-out-left.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%); }

.fade-in.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active {
  opacity: 1; }

.fade-out.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active {
  opacity: 0; }

.hinge-in-from-top.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.hinge-in-from-top.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-right.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.hinge-in-from-right.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-bottom.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(90deg);
          transform: perspective(2000px) rotateX(90deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-left.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(90deg);
          transform: perspective(2000px) rotateY(90deg);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.hinge-in-from-left.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-x.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-y.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-out-from-top.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.hinge-out-from-top.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-right.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.hinge-out-from-right.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.hinge-out-from-bottom.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(90deg);
          transform: perspective(2000px) rotateX(90deg);
  opacity: 0; }

.hinge-out-from-left.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.hinge-out-from-left.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(90deg);
          transform: perspective(2000px) rotateY(90deg);
  opacity: 0; }

.hinge-out-from-middle-x.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-middle-y.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.scale-in-up.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.scale-in-up.mui-enter.mui-enter-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

.scale-in-down.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.scale-in-down.mui-enter.mui-enter-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

.scale-out-up.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.scale-out-up.mui-leave.mui-leave-active {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 0; }

.scale-out-down.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.scale-out-down.mui-leave.mui-leave-active {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0; }

.spin-in.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: rotate(-0.75turn);
      -ms-transform: rotate(-0.75turn);
          transform: rotate(-0.75turn);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.spin-in.mui-enter.mui-enter-active {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  opacity: 1; }

.spin-out.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.spin-out.mui-leave.mui-leave-active {
  -webkit-transform: rotate(0.75turn);
      -ms-transform: rotate(0.75turn);
          transform: rotate(0.75turn);
  opacity: 0; }

.spin-in-ccw.mui-enter {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: rotate(0.75turn);
      -ms-transform: rotate(0.75turn);
          transform: rotate(0.75turn);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0; }

.spin-in-ccw.mui-enter.mui-enter-active {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  opacity: 1; }

.spin-out-ccw.mui-leave {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1; }

.spin-out-ccw.mui-leave.mui-leave-active {
  -webkit-transform: rotate(-0.75turn);
      -ms-transform: rotate(-0.75turn);
          transform: rotate(-0.75turn);
  opacity: 0; }

.slow {
  -webkit-transition-duration: 750ms !important;
          transition-duration: 750ms !important; }

.fast {
  -webkit-transition-duration: 250ms !important;
          transition-duration: 250ms !important; }

.linear {
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important; }

.ease {
  -webkit-transition-timing-function: ease !important;
          transition-timing-function: ease !important; }

.ease-in {
  -webkit-transition-timing-function: ease-in !important;
          transition-timing-function: ease-in !important; }

.ease-out {
  -webkit-transition-timing-function: ease-out !important;
          transition-timing-function: ease-out !important; }

.ease-in-out {
  -webkit-transition-timing-function: ease-in-out !important;
          transition-timing-function: ease-in-out !important; }

.bounce-in {
  -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
          transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
          transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  -webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
          transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  -webkit-transition-delay: 300ms !important;
          transition-delay: 300ms !important; }

.long-delay {
  -webkit-transition-delay: 700ms !important;
          transition-delay: 700ms !important; }

.shake {
  -webkit-animation-name: shake-7;
          animation-name: shake-7; }

@-webkit-keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
            transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
            transform: translateX(-7%); } }

@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
            transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
            transform: translateX(-7%); } }

.spin-cw {
  -webkit-animation-name: spin-cw-1turn;
          animation-name: spin-cw-1turn; }

@-webkit-keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

.spin-ccw {
  -webkit-animation-name: spin-cw-1turn;
          animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }

.wiggle {
  -webkit-animation-name: wiggle-7deg;
          animation-name: wiggle-7deg; }

@-webkit-keyframes wiggle-7deg {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes wiggle-7deg {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms; }

.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.slow {
  -webkit-animation-duration: 750ms !important;
          animation-duration: 750ms !important; }

.fast {
  -webkit-animation-duration: 250ms !important;
          animation-duration: 250ms !important; }

.linear {
  -webkit-animation-timing-function: linear !important;
          animation-timing-function: linear !important; }

.ease {
  -webkit-animation-timing-function: ease !important;
          animation-timing-function: ease !important; }

.ease-in {
  -webkit-animation-timing-function: ease-in !important;
          animation-timing-function: ease-in !important; }

.ease-out {
  -webkit-animation-timing-function: ease-out !important;
          animation-timing-function: ease-out !important; }

.ease-in-out {
  -webkit-animation-timing-function: ease-in-out !important;
          animation-timing-function: ease-in-out !important; }

.bounce-in {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
          animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
          animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
          animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  -webkit-animation-delay: 300ms !important;
          animation-delay: 300ms !important; }

.long-delay {
  -webkit-animation-delay: 700ms !important;
          animation-delay: 700ms !important; }

.index-menu-outer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .index-menu-outer .index-menu-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 4.8rem 0 16rem; }
    .index-menu-outer .index-menu-inner > .menu {
      padding: 1.6rem 1.2rem; }
      .index-menu-outer .index-menu-inner > .menu:nth-child(odd) {
        background: #f6f6f6; }
  .index-menu-outer .menu a {
    text-transform: uppercase;
    color: #111;
    -webkit-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in; }
    .index-menu-outer .menu a:hover {
      color: #111; }
  .index-menu-outer .menu li.menu-divider {
    background: #4b4b4b;
    height: 2px; }
  @media print, screen and (min-width: 40em) {
    .index-menu-outer {
      height: 100vh; }
      .index-menu-outer .index-menu-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        padding: 0; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track::before, .slick-track::after {
    content: "";
    display: table; }
  .slick-track::after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover::before, .slick-prev:focus::before,
    .slick-next:hover::before,
    .slick-next:focus::before {
      opacity: 1; }
  .slick-prev.slick-disabled::before,
  .slick-next.slick-disabled::before {
    opacity: 0.25; }
  .slick-prev::before,
  .slick-next::before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev::before {
    content: "\2190"; }
    [dir="rtl"] .slick-prev::before {
      content: "\2192"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next::before {
    content: "\2192"; }
    [dir="rtl"] .slick-next::before {
      content: "\2190"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover::before, .slick-dots li button:focus::before {
          opacity: 1; }
      .slick-dots li button::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button::before {
      color: black;
      opacity: 0.75; }

.avatar {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  min-width: 40px; }
  .avatar.avatar-small {
    height: 25px;
    width: 25px;
    border-radius: 50%; }
  .avatar.avatar-large {
    height: 100px;
    width: 100px;
    border-radius: 50%; }

.container-divider-right {
  border-bottom: 1px solid #d7d7d7; }
  @media print, screen and (min-width: 40em) {
    .container-divider-right {
      border-right: 1px solid #d7d7d7;
      border-bottom: 0; } }

.mb0 {
  margin-bottom: 0rem !important; }

.mb1 {
  margin-bottom: 1.6rem !important; }

.mb2 {
  margin-bottom: 3.2rem !important; }

.mb3 {
  margin-bottom: 4.8rem !important; }

@media print, screen and (max-width: 39.99875em) {
  .smb0 {
    margin-bottom: 0rem !important; } }

@media print, screen and (max-width: 39.99875em) {
  .smb1 {
    margin-bottom: 1.6rem !important; } }

@media print, screen and (max-width: 39.99875em) {
  .smb2 {
    margin-bottom: 3.2rem !important; } }

@media print, screen and (max-width: 39.99875em) {
  .smb3 {
    margin-bottom: 4.8rem !important; } }

.type-sidelines {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-align: left; }
  .type-sidelines span {
    display: inline-block;
    position: relative;
    padding-right: 0rem;
    padding-left: 0; }
    .type-sidelines span::before, .type-sidelines span::after {
      content: '';
      position: absolute;
      height: 100%;
      width: 210px;
      top: 50%;
      border-top-style: solid;
      border-top-width: 1px;
      border-top-color: #cacaca; }
    .type-sidelines span::before {
      right: 100%; }
    .type-sidelines span::after {
      left: 100%; }

.type-sidelines-dotted {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-align: left; }
  .type-sidelines-dotted span {
    display: inline-block;
    position: relative;
    padding-right: 0rem;
    padding-left: 0; }
    .type-sidelines-dotted span::before, .type-sidelines-dotted span::after {
      content: '';
      position: absolute;
      height: 100%;
      width: 210px;
      top: 50%;
      border-top-style: dotted;
      border-top-width: 1px;
      border-top-color: #cacaca; }
    .type-sidelines-dotted span::before {
      right: 100%; }
    .type-sidelines-dotted span::after {
      left: 100%; }

.double {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-align: center; }
  .double span {
    display: inline-block;
    position: relative;
    padding-right: 0rem;
    padding-left: 0rem; }
    .double span::before, .double span::after {
      content: '';
      position: absolute;
      height: 100%;
      width: 210px;
      top: 50%;
      border-top-style: solid;
      border-top-width: 1px;
      border-top-color: #cacaca;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-bottom-color: #cacaca;
      height: 0.5em;
      margin-top: -0.25em; }
    .double span::before {
      right: 100%; }
    .double span::after {
      left: 100%; }

.custom {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-align: center; }
  .custom span {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    padding-left: 20px; }
    .custom span::before, .custom span::after {
      content: '';
      position: absolute;
      height: 100%;
      width: 100%;
      top: 50%;
      border-top-style: dotted;
      border-top-width: 4px;
      border-top-color: #2980b9;
      margin-top: -2px; }
    .custom span::before {
      right: 100%; }
    .custom span::after {
      left: 100%; }

.custom-2 {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-align: center; }
  .custom-2 span {
    display: inline-block;
    position: relative;
    padding-right: 0rem;
    padding-left: 0rem; }
    .custom-2 span::before, .custom-2 span::after {
      content: '';
      position: absolute;
      height: 100%;
      width: 210px;
      top: 50%;
      border-top-style: solid;
      border-top-width: 4px;
      border-top-color: #27ae60;
      margin-top: -2px; }
    .custom-2 span::before {
      right: 100%; }
    .custom-2 span::after {
      left: 100%; }

.thing {
  z-index: 4000; }

/**
 * Generate CSS Module compatible selectors + background color styles,
 * joining given classname with modifier classes for each color in $color-map.
 *
 * @param {string} $className - class that will be joined with modifier
 *
 * Usage in a CSS Modules:
 * invoke mixin adjacent to the class to modify (not nested within)
 *
 * @example
 *    // in PageHeader.module.scss
 *    @import '~plaid-threads/scss/colors'; // import Threads colors
 *    @import 'src/scss/mixins/_modifiers.scss'; // import this mixin
 *    .pageHeader {...} // default styles
 *    @include background-color-modifier-css-modules('pageHeader');
 *
 * After CSS Module processing, the output will be joined, scoped selectors
 * with background color styles for each color in $color-map.
 * Note, actual CSS Module naming rules are more complex.
 *
 * @example
 *    .pageHeader--f930N.green600--f930N {
 *       background-color: #5befbd;
 *    }
 *    // etc for each color in the $color-map
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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

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

@-webkit-keyframes bell {
  0% {
    -webkit-transform: rotate(35deg);
            transform: rotate(35deg); }
  12.5% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg); }
  25% {
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg); }
  37.5% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  50% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  62.5% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  75% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes bell {
  0% {
    -webkit-transform: rotate(35deg);
            transform: rotate(35deg); }
  12.5% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg); }
  25% {
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg); }
  37.5% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  50% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  62.5% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  75% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

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

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

.button {
  border: 1px solid transparent;
  border-radius: 2px;
  font-size: 1.6rem;
  font-weight: 600;
  height: 4.8rem;
  line-height: 1;
  margin: 0 0 1.6rem 0;
  padding: 1.6rem;
  text-align: center; }
  .button.button-cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0;
    min-width: 178px;
    padding-right: 0.8rem;
    position: relative;
    text-align: left; }
    .button.button-cta > button,
    .button.button-cta > .button,
    .button.button-cta > .button-group,
    .button.button-cta > input,
    .button.button-cta > textarea,
    .button.button-cta > select,
    .button.button-cta > p,
    .button.button-cta > h1,
    .button.button-cta > h2,
    .button.button-cta > h3,
    .button.button-cta > h4,
    .button.button-cta > h5,
    .button.button-cta > h6 {
      margin-bottom: 0;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
  .button.button-refresh .refresh-icon {
    margin-right: 0.48rem;
    -webkit-transition: -webkit-transform 2s ease;
    transition: -webkit-transform 2s ease;
    transition: transform 2s ease;
    transition: transform 2s ease, -webkit-transform 2s ease; }
  .button.button-refresh.is-refreshing .refresh-icon {
    -webkit-animation: refresh 1s 1 linear;
            animation: refresh 1s 1 linear; }

.button-group.button-group-justified .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0; }

.button-flush-left {
  padding-left: 0; }

.button-icon {
  margin-right: 0.8rem; }

@media screen and (min-width: 640px) {
  .products .accordion-section-content .button-cta {
    max-width: 50%; } }

.no-focus:focus {
  outline: none; }

svg {
  vertical-align: middle; }

.press-icon {
  height: 5.8rem; }

h1.section-padding-top,
h2.section-padding-top,
h3.section-padding-top,
h4.section-padding-top,
h5.section-padding-top,
h6.section-padding-top,
a.section-padding-top,
p.section-padding-top,
div.section-padding-top,
span.section-padding-top,
img.section-padding-top,
ol.section-padding-top,
ul.section-padding-top,
li.section-padding-top,
form.section-padding-top,
select.section-padding-top,
textarea.section-padding-top,
button.section-padding-top,
option.section-padding-top,
input.section-padding-top,
svg.section-padding-top,
section.section-padding-top {
  padding-top: 9.6rem; }
  h1.section-padding-top--mobile-hide,
  h2.section-padding-top--mobile-hide,
  h3.section-padding-top--mobile-hide,
  h4.section-padding-top--mobile-hide,
  h5.section-padding-top--mobile-hide,
  h6.section-padding-top--mobile-hide,
  a.section-padding-top--mobile-hide,
  p.section-padding-top--mobile-hide,
  div.section-padding-top--mobile-hide,
  span.section-padding-top--mobile-hide,
  img.section-padding-top--mobile-hide,
  ol.section-padding-top--mobile-hide,
  ul.section-padding-top--mobile-hide,
  li.section-padding-top--mobile-hide,
  form.section-padding-top--mobile-hide,
  select.section-padding-top--mobile-hide,
  textarea.section-padding-top--mobile-hide,
  button.section-padding-top--mobile-hide,
  option.section-padding-top--mobile-hide,
  input.section-padding-top--mobile-hide,
  svg.section-padding-top--mobile-hide,
  section.section-padding-top--mobile-hide {
    padding-top: 0; }
  h1.section-padding-top--mobile-only,
  h2.section-padding-top--mobile-only,
  h3.section-padding-top--mobile-only,
  h4.section-padding-top--mobile-only,
  h5.section-padding-top--mobile-only,
  h6.section-padding-top--mobile-only,
  a.section-padding-top--mobile-only,
  p.section-padding-top--mobile-only,
  div.section-padding-top--mobile-only,
  span.section-padding-top--mobile-only,
  img.section-padding-top--mobile-only,
  ol.section-padding-top--mobile-only,
  ul.section-padding-top--mobile-only,
  li.section-padding-top--mobile-only,
  form.section-padding-top--mobile-only,
  select.section-padding-top--mobile-only,
  textarea.section-padding-top--mobile-only,
  button.section-padding-top--mobile-only,
  option.section-padding-top--mobile-only,
  input.section-padding-top--mobile-only,
  svg.section-padding-top--mobile-only,
  section.section-padding-top--mobile-only {
    padding-top: inherit; }

h1.section-padding-bottom,
h2.section-padding-bottom,
h3.section-padding-bottom,
h4.section-padding-bottom,
h5.section-padding-bottom,
h6.section-padding-bottom,
a.section-padding-bottom,
p.section-padding-bottom,
div.section-padding-bottom,
span.section-padding-bottom,
img.section-padding-bottom,
ol.section-padding-bottom,
ul.section-padding-bottom,
li.section-padding-bottom,
form.section-padding-bottom,
select.section-padding-bottom,
textarea.section-padding-bottom,
button.section-padding-bottom,
option.section-padding-bottom,
input.section-padding-bottom,
svg.section-padding-bottom,
section.section-padding-bottom {
  padding-bottom: 9.6rem; }
  h1.section-padding-bottom--mobile-hide,
  h2.section-padding-bottom--mobile-hide,
  h3.section-padding-bottom--mobile-hide,
  h4.section-padding-bottom--mobile-hide,
  h5.section-padding-bottom--mobile-hide,
  h6.section-padding-bottom--mobile-hide,
  a.section-padding-bottom--mobile-hide,
  p.section-padding-bottom--mobile-hide,
  div.section-padding-bottom--mobile-hide,
  span.section-padding-bottom--mobile-hide,
  img.section-padding-bottom--mobile-hide,
  ol.section-padding-bottom--mobile-hide,
  ul.section-padding-bottom--mobile-hide,
  li.section-padding-bottom--mobile-hide,
  form.section-padding-bottom--mobile-hide,
  select.section-padding-bottom--mobile-hide,
  textarea.section-padding-bottom--mobile-hide,
  button.section-padding-bottom--mobile-hide,
  option.section-padding-bottom--mobile-hide,
  input.section-padding-bottom--mobile-hide,
  svg.section-padding-bottom--mobile-hide,
  section.section-padding-bottom--mobile-hide {
    padding-top: 0; }
  h1.section-padding-bottom--mobile-only,
  h2.section-padding-bottom--mobile-only,
  h3.section-padding-bottom--mobile-only,
  h4.section-padding-bottom--mobile-only,
  h5.section-padding-bottom--mobile-only,
  h6.section-padding-bottom--mobile-only,
  a.section-padding-bottom--mobile-only,
  p.section-padding-bottom--mobile-only,
  div.section-padding-bottom--mobile-only,
  span.section-padding-bottom--mobile-only,
  img.section-padding-bottom--mobile-only,
  ol.section-padding-bottom--mobile-only,
  ul.section-padding-bottom--mobile-only,
  li.section-padding-bottom--mobile-only,
  form.section-padding-bottom--mobile-only,
  select.section-padding-bottom--mobile-only,
  textarea.section-padding-bottom--mobile-only,
  button.section-padding-bottom--mobile-only,
  option.section-padding-bottom--mobile-only,
  input.section-padding-bottom--mobile-only,
  svg.section-padding-bottom--mobile-only,
  section.section-padding-bottom--mobile-only {
    padding-top: inherit; }

h1.half-section-padding-top,
h2.half-section-padding-top,
h3.half-section-padding-top,
h4.half-section-padding-top,
h5.half-section-padding-top,
h6.half-section-padding-top,
a.half-section-padding-top,
p.half-section-padding-top,
div.half-section-padding-top,
span.half-section-padding-top,
img.half-section-padding-top,
ol.half-section-padding-top,
ul.half-section-padding-top,
li.half-section-padding-top,
form.half-section-padding-top,
select.half-section-padding-top,
textarea.half-section-padding-top,
button.half-section-padding-top,
option.half-section-padding-top,
input.half-section-padding-top,
svg.half-section-padding-top,
section.half-section-padding-top {
  padding-top: 4.8rem; }
  h1.half-section-padding-top--mobile-hide,
  h2.half-section-padding-top--mobile-hide,
  h3.half-section-padding-top--mobile-hide,
  h4.half-section-padding-top--mobile-hide,
  h5.half-section-padding-top--mobile-hide,
  h6.half-section-padding-top--mobile-hide,
  a.half-section-padding-top--mobile-hide,
  p.half-section-padding-top--mobile-hide,
  div.half-section-padding-top--mobile-hide,
  span.half-section-padding-top--mobile-hide,
  img.half-section-padding-top--mobile-hide,
  ol.half-section-padding-top--mobile-hide,
  ul.half-section-padding-top--mobile-hide,
  li.half-section-padding-top--mobile-hide,
  form.half-section-padding-top--mobile-hide,
  select.half-section-padding-top--mobile-hide,
  textarea.half-section-padding-top--mobile-hide,
  button.half-section-padding-top--mobile-hide,
  option.half-section-padding-top--mobile-hide,
  input.half-section-padding-top--mobile-hide,
  svg.half-section-padding-top--mobile-hide,
  section.half-section-padding-top--mobile-hide {
    padding-top: 0; }
  h1.half-section-padding-top--mobile-only,
  h2.half-section-padding-top--mobile-only,
  h3.half-section-padding-top--mobile-only,
  h4.half-section-padding-top--mobile-only,
  h5.half-section-padding-top--mobile-only,
  h6.half-section-padding-top--mobile-only,
  a.half-section-padding-top--mobile-only,
  p.half-section-padding-top--mobile-only,
  div.half-section-padding-top--mobile-only,
  span.half-section-padding-top--mobile-only,
  img.half-section-padding-top--mobile-only,
  ol.half-section-padding-top--mobile-only,
  ul.half-section-padding-top--mobile-only,
  li.half-section-padding-top--mobile-only,
  form.half-section-padding-top--mobile-only,
  select.half-section-padding-top--mobile-only,
  textarea.half-section-padding-top--mobile-only,
  button.half-section-padding-top--mobile-only,
  option.half-section-padding-top--mobile-only,
  input.half-section-padding-top--mobile-only,
  svg.half-section-padding-top--mobile-only,
  section.half-section-padding-top--mobile-only {
    padding-top: inherit; }

h1.half-section-padding-bottom,
h2.half-section-padding-bottom,
h3.half-section-padding-bottom,
h4.half-section-padding-bottom,
h5.half-section-padding-bottom,
h6.half-section-padding-bottom,
a.half-section-padding-bottom,
p.half-section-padding-bottom,
div.half-section-padding-bottom,
span.half-section-padding-bottom,
img.half-section-padding-bottom,
ol.half-section-padding-bottom,
ul.half-section-padding-bottom,
li.half-section-padding-bottom,
form.half-section-padding-bottom,
select.half-section-padding-bottom,
textarea.half-section-padding-bottom,
button.half-section-padding-bottom,
option.half-section-padding-bottom,
input.half-section-padding-bottom,
svg.half-section-padding-bottom,
section.half-section-padding-bottom {
  padding-bottom: 4.8rem; }
  h1.half-section-padding-bottom--mobile-hide,
  h2.half-section-padding-bottom--mobile-hide,
  h3.half-section-padding-bottom--mobile-hide,
  h4.half-section-padding-bottom--mobile-hide,
  h5.half-section-padding-bottom--mobile-hide,
  h6.half-section-padding-bottom--mobile-hide,
  a.half-section-padding-bottom--mobile-hide,
  p.half-section-padding-bottom--mobile-hide,
  div.half-section-padding-bottom--mobile-hide,
  span.half-section-padding-bottom--mobile-hide,
  img.half-section-padding-bottom--mobile-hide,
  ol.half-section-padding-bottom--mobile-hide,
  ul.half-section-padding-bottom--mobile-hide,
  li.half-section-padding-bottom--mobile-hide,
  form.half-section-padding-bottom--mobile-hide,
  select.half-section-padding-bottom--mobile-hide,
  textarea.half-section-padding-bottom--mobile-hide,
  button.half-section-padding-bottom--mobile-hide,
  option.half-section-padding-bottom--mobile-hide,
  input.half-section-padding-bottom--mobile-hide,
  svg.half-section-padding-bottom--mobile-hide,
  section.half-section-padding-bottom--mobile-hide {
    padding-top: 0; }
  h1.half-section-padding-bottom--mobile-only,
  h2.half-section-padding-bottom--mobile-only,
  h3.half-section-padding-bottom--mobile-only,
  h4.half-section-padding-bottom--mobile-only,
  h5.half-section-padding-bottom--mobile-only,
  h6.half-section-padding-bottom--mobile-only,
  a.half-section-padding-bottom--mobile-only,
  p.half-section-padding-bottom--mobile-only,
  div.half-section-padding-bottom--mobile-only,
  span.half-section-padding-bottom--mobile-only,
  img.half-section-padding-bottom--mobile-only,
  ol.half-section-padding-bottom--mobile-only,
  ul.half-section-padding-bottom--mobile-only,
  li.half-section-padding-bottom--mobile-only,
  form.half-section-padding-bottom--mobile-only,
  select.half-section-padding-bottom--mobile-only,
  textarea.half-section-padding-bottom--mobile-only,
  button.half-section-padding-bottom--mobile-only,
  option.half-section-padding-bottom--mobile-only,
  input.half-section-padding-bottom--mobile-only,
  svg.half-section-padding-bottom--mobile-only,
  section.half-section-padding-bottom--mobile-only {
    padding-top: inherit; }

@media screen and (min-width: 640px) {
  .medium-and-up-line-break {
    display: block; } }

.center-content {
  text-align: center; }
  @media screen and (min-width: 640px) {
    .center-content--mobile {
      text-align: inherit; } }

.body-noscroll {
  overflow: hidden; }
  @media screen and (min-width: 1200px) {
    .body-noscroll {
      overflow: visible; } }

.bg-docs {
  background-color: #f6f6f6;
  overflow-x: hidden; }
  @media screen and (max-width: 1023px) {
    .bg-docs {
      background-color: #ffffff; } }

.section-container {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem; }
  @media screen and (max-width: 639px) {
    .section-container--center-content-mobile {
      text-align: center; } }
  @media screen and (min-width: 640px) {
    .section-container {
      padding-top: 9.6rem;
      padding-bottom: 9.6rem; }
      .section-container.section-container-small {
        padding-bottom: 2.4rem; } }
  @media screen and (min-width: 1024px) {
    .section-container {
      padding-top: 9.6rem;
      padding-bottom: 9.6rem; }
      .section-container.section-container-small {
        padding-bottom: 9.6rem; } }
  .section-container.pb0 {
    padding-bottom: 0; }

.page-header + .section-container {
  padding-top: 0; }

body {
  max-width: 100%;
  overflow-x: hidden;
  position: relative; }

.block-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  position: relative;
  margin-bottom: 12.8rem; }
  .block-section > .block-section-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100% - 1.6rem); }
  @media screen and (min-width: 640px) {
    .block-section > .block-section-item {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: calc(33.33333% - 1.6rem);
      margin-top: 0.8rem;
      margin-right: 0.8rem;
      margin-bottom: 0.8rem;
      margin-left: 0.8rem; } }
  .block-section.with-background::after {
    content: "";
    display: block;
    position: absolute;
    background-image: url("/assets/img/accents/brushstroke-left-green.png");
    background-repeat: no-repeat;
    height: 573px;
    width: 483px;
    left: -248px;
    bottom: -159px;
    z-index: -1; }

.section-callout {
  background-color: #f6f6f6; }
  .section-callout.section-callout-padded {
    padding: 4.8rem 0; }
  .section-callout.section-callout-careers {
    background-color: #d4f9ff;
    overflow: hidden; }
    .section-callout.section-callout-careers .grid-container, .section-callout.section-callout-careers .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .section-callout.section-callout-careers .accordion-section-titlebar-inner {
      position: relative; }
      @media screen and (min-width: 640px) {
        .section-callout.section-callout-careers .grid-container::after, .section-callout.section-callout-careers .accordion-section-titlebar .accordion-section-titlebar-inner::after, .accordion-section-titlebar .section-callout.section-callout-careers .accordion-section-titlebar-inner::after {
          content: "";
          display: block;
          position: absolute;
          background-image: url("/assets/img/accents/careers-brushstroke-right-purple.png");
          background-repeat: no-repeat;
          height: 919px;
          width: 679px;
          right: -459px;
          bottom: -72px;
          z-index: 0; } }
    .section-callout.section-callout-careers .code-container {
      height: 280px;
      position: relative;
      z-index: 1; }
  .section-callout .section-callout-content {
    margin-bottom: 3.2rem; }
  @media screen and (min-width: 640px) {
    .section-callout .section-callout-content {
      margin-bottom: 0; } }

.center-children {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .center-children > button,
  .center-children > .button,
  .center-children > .button-group,
  .center-children > input,
  .center-children > textarea,
  .center-children > select,
  .center-children > p,
  .center-children > h1,
  .center-children > h2,
  .center-children > h3,
  .center-children > h4,
  .center-children > h5,
  .center-children > h6 {
    margin-bottom: 0;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }

.article-section-aside {
  padding-right: 3.2rem; }
  .article-section-aside .section-header {
    font-family: 'Vaud-semibold', Helvetica, Arial, sans-serif;
    font-size: 16;
    padding-right: 40%; }
  @media screen and (min-width: 640px) {
    .article-section-aside .section-header {
      font-family: "Vaud-extrabold", Helvetica, Arial, sans-serif;
      padding-right: 0; } }

.article-section-list-header {
  padding-left: 2.6rem; }

.article-section-list {
  margin-bottom: 4.8rem; }

.article-section-list-item {
  padding-left: 5px;
  margin-bottom: 5px;
  color: #4b4b4b; }

.article-section-description {
  margin-bottom: 8rem; }

.article-section-cta.button.button-cta {
  margin-left: 2.6rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.grid-padding-inner:first-of-type {
  padding-right: 3.2rem; }

.grid-padding-inner:nth-child(n + 1):nth-child(-n + 1) {
  padding-left: 3.2rem;
  padding-right: 3.2rem; }

.grid-padding-inner:last-of-type {
  padding-left: 3.2rem; }

@media screen and (max-width: 639px) {
  .grid-container, .accordion-section-titlebar .accordion-section-titlebar-inner {
    padding-left: 2.4rem;
    padding-right: 2.4rem; } }

@media screen and (min-width: 640px) {
  .grid-spacing-inner .cell:first-of-type {
    padding-right: 3.2rem; }
  .grid-spacing-inner .cell:last-of-type {
    padding-left: 1.6rem; } }

@media screen and (min-width: 1024px) {
  .grid-spacing-inner .cell:first-of-type {
    padding-right: 6.4rem; }
  .grid-spacing-inner .cell:last-of-type {
    padding-left: 3.2rem; } }

.image-grid .image-grid-item {
  padding-bottom: 1.6rem;
  width: 100%; }

@media screen and (min-width: 640px) {
  .image-grid .stacked:first-child {
    padding-right: 1.6rem; }
  .image-grid .stacked:last-child {
    padding-left: 1.6rem; } }

.image-grid.with-background {
  position: relative; }
  .image-grid.with-background::before {
    content: "";
    display: block;
    position: absolute;
    background-image: url("/assets/img/accents/brushstroke-lightblue-right.png");
    background-repeat: no-repeat;
    height: 391px;
    width: 916px;
    right: -655px;
    top: -260px; }
  .image-grid.with-background::after {
    content: "";
    display: block;
    position: absolute;
    background-image: url("/assets/img/accents/brushstroke-left-purple.png");
    background-repeat: no-repeat;
    height: 509px;
    width: 739px;
    left: -439px;
    bottom: -159px; }

.careers .section-callout {
  overflow: hidden; }

@media screen and (min-width: 750px) {
  .cell.page-header-breakpoint-4 {
    width: 33.33333%; }
  .cell.page-header-breakpoint-5 {
    width: 41.66667%; }
  .cell.page-header-breakpoint-6 {
    width: 50%; }
  .cell.page-header-breakpoint-12 {
    width: 100%; } }

.use-case-tooltip {
  border-color: #f6f6f6;
  border-radius: 2px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); }

.info-icon {
  height: 12px;
  margin-left: -2px;
  margin-top: -2px;
  width: 12px; }

.lock-scroll {
  overflow: hidden; }

.hr {
  border-color: #111; }
  .hr--thick {
    border-width: 3px; }
  .hr--color-black700 {
    border-color: #878787; }
  .hr--color-black900 {
    border-color: #4b4b4b; }
  .hr--margin-3 {
    margin: 2.4rem auto; }
    @media screen and (min-width: 640px) {
      .hr--margin-3 {
        margin: 4.8rem auto; } }
  .hr--margin-3-mobile {
    margin: 4.8rem auto; }

@font-face {
  font-family: 'Vaud';
  font-style: normal;
  font-weight: 800;
  src: url("/assets/fonts/vaud-extrabold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/vaud-extrabold.woff2") format("woff2"), url("/assets/fonts/vaud-extrabold.woff") format("woff"), url("/assets/fonts/vaud-extrabold.ttf") format("truetype"); }

@font-face {
  font-family: 'Vaud';
  font-style: italic;
  font-weight: 800;
  src: url("/assets/fonts/vaud-extrabold-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/vaud-extrabold-italic.woff2") format("woff2"), url("/assets/fonts/vaud-extrabold-italic.woff") format("woff"), url("/assets/fonts/vaud-extrabold-italic.ttf") format("truetype"); }

@font-face {
  font-family: 'Vaud';
  font-style: normal;
  font-weight: 600;
  src: url("/assets/fonts/vaud-semibold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/vaud-semibold.woff2") format("woff2"), url("/assets/fonts/vaud-semibold.woff") format("woff"), url("/assets/fonts/vaud-semibold.ttf") format("truetype"); }

@font-face {
  font-family: 'Vaud';
  font-style: italic;
  font-weight: 600;
  src: url("/assets/fonts/vaud-semibold-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/vaud-semibold-italic.woff2") format("woff2"), url("/assets/fonts/vaud-semibold-italic.woff") format("woff"), url("/assets/fonts/vaud-semibold-italic.ttf") format("truetype"); }

@font-face {
  font-family: 'Vaud';
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/vaud.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/vaud.woff2") format("woff2"), url("/assets/fonts/vaud.woff") format("woff"), url("/assets/fonts/vaud.ttf") format("truetype"); }

@font-face {
  font-family: 'Vaud';
  font-style: italic;
  font-weight: 400;
  src: url("/assets/fonts/vaud-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/vaud-italic.woff2") format("woff2"), url("/assets/fonts/vaud-italic.woff") format("woff"), url("/assets/fonts/vaud-italic.ttf") format("truetype"); }

@font-face {
  font-family: 'Heimat';
  font-style: normal;
  font-weight: 600;
  src: url("/assets/fonts/hm-bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/hm-bold.woff2") format("woff2"), url("/assets/fonts/hm-bold.woff") format("woff"), url("/assets/fonts/hm-bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Heimat';
  font-style: italic;
  font-weight: 600;
  src: url("/assets/fonts/hm-bold-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/hm-bold-italic.woff2") format("woff2"), url("/assets/fonts/hm-bold-italic.woff") format("woff"), url("/assets/fonts/hm-bold-italic.ttf") format("truetype"); }

@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/inconsolata-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/inconsolata-regular.woff2") format("woff2"), url("/assets/fonts/inconsolata-regular.woff") format("woff"), url("/assets/fonts/inconsolata-regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 600;
  src: url("/assets/fonts/inconsolata-bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/inconsolata-bold.woff2") format("woff2"), url("/assets/fonts/inconsolata-bold.woff") format("woff"), url("/assets/fonts/inconsolata-bold.ttf") format("truetype"); }

h1, .h1 {
  font-family: 'Vaud', Helvetica, Arial, sans-serif;
  font-weight: 800; }
  h1 span,
  .h1 span {
    font-weight: 400; }

h2, .h2 {
  font-family: 'Vaud', Helvetica, Arial, sans-serif;
  font-weight: 800; }
  h2 span,
  .h2 span {
    font-weight: 400; }

h3, .h3 {
  font-family: 'Vaud', Helvetica, Arial, sans-serif;
  font-weight: 800; }
  h3.regular, h3.faq-header,
  .h3.regular,
  .article-docs h4.h3,
  .h3.faq-header {
    font-weight: 400; }

h4,
.h4,
h5,
.h5 {
  font-family: 'Vaud', Helvetica, Arial, sans-serif;
  font-weight: 800; }
  h4 span, h4.regular, .article-docs h4, h4.faq-header,
  .h4 span,
  .h4.regular,
  .article-docs h4.h4,
  .h4.faq-header,
  h5 span,
  h5.regular,
  h5.faq-header,
  .h5 span,
  .h5.regular,
  .article-docs h4.h5,
  .h5.faq-header {
    font-weight: 400; }

h6, .h6, .article-docs table th,
.article-docs .table-docs th {
  color: #878787;
  font-family: 'Heimat', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 1.42857142857;
  text-transform: uppercase; }

@media screen and (max-width: 639px) {
  .font-size-global-for-small {
    font-size: 62.5%; } }

p {
  color: #4b4b4b; }

p a:not(.button),
label a,
td a:not(.button),
.checklist li a,
.article-docs li a,
.article-docs table a {
  color: #111;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }
  p a:not(.button)::after,
  label a::after,
  td a:not(.button)::after,
  .checklist li a::after,
  .article-docs li a::after,
  .article-docs table a::after {
    background-color: #111;
    bottom: 0;
    content: '';
    height: 1px;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    width: 100%; }
  p a:not(.button):hover,
  label a:hover,
  td a:not(.button):hover,
  .checklist li a:hover,
  .article-docs li a:hover,
  .article-docs table a:hover {
    color: #0a85ea; }
    p a:not(.button):hover::after,
    label a:hover::after,
    td a:not(.button):hover::after,
    .checklist li a:hover::after,
    .article-docs li a:hover::after,
    .article-docs table a:hover::after {
      background-color: transparent; }

.section-title, .feature-section-label {
  color: #878787;
  font-family: 'Heimat', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 1.42857142857;
  text-transform: uppercase;
  margin-bottom: 3rem;
  text-transform: uppercase; }
  @media screen and (max-width: 639px) {
    .section-title, .feature-section-label {
      text-align: center; } }

cite {
  font-style: normal; }

.separator {
  text-align: left !important; }
  .separator::before, .separator::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .separator::after {
    clear: both; }
  .separator::after {
    position: relative !important;
    width: 63px;
    border-bottom: 4px solid #111;
    margin: 0 auto 0;
    margin-left: 0 !important; }

.section-label + .section-header {
  margin-top: 3.6rem; }

.section-header {
  margin-bottom: 2.1rem; }
  @media screen and (min-width: 640px) {
    .section-header {
      margin-bottom: 3.7rem; } }

.section-subheader {
  margin-bottom: 3rem; }

.text-accent {
  display: inline-block;
  white-space: pre;
  padding-bottom: 0; }
  .text-accent.feature-section {
    position: relative; }
    .text-accent.feature-section::after {
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: translateY(1px);
          -ms-transform: translateY(1px);
              transform: translateY(1px);
      content: '';
      height: 14px;
      width: 100%;
      background: url("/assets/img/backgrounds/swash_black.svg") no-repeat; }
    @media screen and (min-width: 640px) {
      .text-accent.feature-section::after {
        -webkit-transform: translateY(-2px);
            -ms-transform: translateY(-2px);
                transform: translateY(-2px); } }
    @media screen and (min-width: 1024px) {
      .text-accent.feature-section::after {
        -webkit-transform: translateY(-2.5px);
            -ms-transform: translateY(-2.5px);
                transform: translateY(-2.5px); } }
  .text-accent.company-header {
    background: no-repeat center/100% url("/assets/img/accents/company-access-highlight.png");
    font-family: "Vaud-extrabold", Helvetica, Arial, sans-serif;
    padding-bottom: 40px;
    margin-bottom: -40px; }
    @media screen and (min-width: 640px) {
      .text-accent.company-header {
        padding-bottom: 45px;
        margin-bottom: -45px; } }
    @media screen and (min-width: 1024px) {
      .text-accent.company-header {
        padding-bottom: 60px;
        margin-bottom: -60px; } }
  .text-accent.privacy-header {
    background: no-repeat center/100% url("/assets/img/accents/modified-underline-brushstroke.png");
    font-family: "Vaud-extrabold", Helvetica, Arial, sans-serif;
    padding-bottom: 40px;
    margin-bottom: -40px;
    margin-left: -16px;
    padding-left: 16px; }
    @media screen and (max-width: 1023px) {
      .text-accent.privacy-header {
        padding-bottom: 32px;
        margin-bottom: -32px;
        margin-left: -8px;
        padding-left: 8px; } }
  .text-accent.how-we-handle-data-header {
    background: no-repeat center/100% url("/assets/img/accents/how-we-handle-data-hero-brushstroke-underline.png");
    font-family: "Vaud-extrabold", Helvetica, Arial, sans-serif;
    padding-bottom: 40px;
    margin-bottom: -40px;
    padding-bottom: 16px; }
    @media screen and (min-width: 640px) {
      .text-accent.how-we-handle-data-header {
        padding-bottom: 25px;
        margin-bottom: -45px; } }
    @media screen and (min-width: 1024px) {
      .text-accent.how-we-handle-data-header {
        padding-bottom: 20px;
        margin-bottom: -20px; } }

.security h3 {
  margin-bottom: 2.4rem; }

.Navbar {
  position: relative; }
  .Navbar__inner-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: none;
    height: 9.6rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 1680px;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    top: 0;
    z-index: 12; }
    @media screen and (min-width: 1200px) {
      .Navbar__inner-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
  .Navbar__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .Navbar__actions .button:last-child {
      min-width: 178px; }
  .Navbar__action {
    border-top-width: 0;
    display: inline-block !important;
    margin-bottom: 0;
    margin-right: 0.4rem; }
  .Navbar__skip-link {
    position: absolute;
    top: calc(9.6rem + 16px);
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0); }
    .Navbar__skip-link:focus {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
  .Navbar__logo:after {
    background-color: #ffffff; }
  @media screen and (min-width: 1200px) {
    .Navbar__logo {
      padding-right: 16px; } }
  .Navbar__menu {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style: none;
    margin-bottom: 0;
    margin-left: 0; }
  .Navbar__menu-item {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    font-weight: 600;
    padding-left: 3.04rem;
    padding-right: 3.04rem;
    width: auto; }
    .Navbar__menu-item[hidden] {
      display: none; }
    .Navbar__menu-item a:hover {
      cursor: pointer;
      color: #0a85ea; }
    .Navbar__menu-item--is-megamenu-trigger:after {
      background-color: #4b4b4b;
      bottom: 0;
      content: '';
      display: block;
      height: 4px;
      margin-top: -4px;
      position: relative;
      -webkit-transition-duration: 200ms;
              transition-duration: 200ms;
      -webkit-transition-property: width;
      transition-property: width;
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease;
      width: 0; }
    .Navbar__menu-item--is-megamenu-trigger:hover:after, .Navbar__menu-item--is-megamenu-trigger.Navbar__menu-item--active:focus-within:after {
      width: 100%; }
    .Navbar__menu-item--is-megamenu-trigger:hover .Navbar__mega-menu, .Navbar__menu-item--is-megamenu-trigger.Navbar__menu-item--active:focus-within .Navbar__mega-menu {
      display: block; }
    .Navbar__menu-item--is-megamenu-trigger:hover .Navbar__menu-item-arrow, .Navbar__menu-item--is-megamenu-trigger.Navbar__menu-item--active:focus-within .Navbar__menu-item-arrow {
      opacity: 0.9;
      -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
              transform: rotate(-180deg); }
  .Navbar__menu-item-anchor {
    line-height: 9.6rem; }
    .Navbar__menu-item-anchor:after {
      display: none; }
    .Navbar__menu-item-anchor:hover {
      cursor: default; }
  .Navbar__menu-item-arrow {
    margin-left: 0;
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease; }
  .Navbar__mega-menu {
    background-color: #ffffff;
    border-top: 1px solid #b9b9b9;
    -webkit-box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.08);
    display: none;
    height: 30.1rem;
    left: 0;
    position: absolute;
    top: 96px;
    width: 100%;
    z-index: 1111; }
    .Navbar__mega-menu.products, .Navbar__mega-menu.for-consumers {
      height: 34.9rem; }
    .Navbar__mega-menu ul,
    .Navbar__mega-menu li {
      list-style: none;
      margin-left: 0; }
  .Navbar__mega-menu-cell--has-background:after {
    background-color: #f6f6f6;
    content: '';
    display: block;
    height: 100%;
    margin-left: -48px;
    position: absolute;
    top: 0;
    width: 50vw;
    z-index: -1; }
  .Navbar__mega-menu-content {
    padding-bottom: 4.4rem;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4.4rem; }
  .Navbar__mega-menu-item {
    display: block;
    padding-bottom: 0.8rem;
    padding-right: 1.44rem;
    padding-top: 1.44rem;
    position: relative; }
    .Navbar__mega-menu-item[hidden] {
      display: none; }
    .Navbar__mega-menu-item:hover {
      cursor: pointer; }
      .Navbar__mega-menu-item:hover .Navbar__mega-menu-item-title {
        color: #0a85ea; }
        .Navbar__mega-menu-item:hover .Navbar__mega-menu-item-title:after {
          background-image: url("/assets/img/navbar/arrow-right-blue800.svg");
          margin-left: 16px; }
      .Navbar__mega-menu-item:hover .Navbar__mega-menu-item-description {
        color: #111; }
    .Navbar__mega-menu-item:after {
      background-color: transparent;
      clear: both;
      content: '';
      display: table; }
  .Navbar__mega-menu-title {
    margin-bottom: 0; }
  .Navbar__mega-menu-subtitle {
    margin-bottom: 2.4rem; }
  .Navbar__mega-menu-item-content {
    display: inline-block;
    width: calc(100% - 64px); }
  .Navbar__mega-menu-item-title {
    display: block;
    font-weight: 600;
    margin-bottom: 1rem;
    position: relative; }
    .Navbar__mega-menu-item-title--is-use-case {
      line-height: 48px; }
    .Navbar__mega-menu-item-title:after {
      background-image: url("/assets/img/navbar/arrow-right-black1000.svg");
      background-size: contain;
      content: '';
      display: inline-block;
      height: 10px;
      margin-left: 8px;
      -webkit-transition-duration: 100ms;
              transition-duration: 100ms;
      -webkit-transition-property: margin-left;
      transition-property: margin-left;
      -webkit-transition-timing-function: ease-in;
              transition-timing-function: ease-in;
      width: 5px; }
  .Navbar__mega-menu-item-icon {
    float: left;
    margin-right: 16px;
    max-width: 48px; }
  .Navbar__mega-menu-item-description {
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 1.2rem; }
  .Navbar__mega-menu-arrow-link:after {
    background-image: url("/assets/img/navbar/arrow-right-black1000.svg");
    background-size: contain;
    content: '';
    display: inline-block;
    height: 10px;
    margin-left: 8px;
    -webkit-transition-duration: 100ms;
            transition-duration: 100ms;
    -webkit-transition-property: margin-left;
    transition-property: margin-left;
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    width: 5px; }
  .Navbar__mega-menu-arrow-link:hover {
    cursor: pointer;
    color: #0a85ea; }
    .Navbar__mega-menu-arrow-link:hover:after {
      background-image: url("/assets/img/navbar/arrow-right-blue800.svg");
      margin-left: 16px; }

.MobileNavbar {
  display: block;
  height: 48px;
  position: relative; }
  @media screen and (min-width: 1200px) {
    .MobileNavbar {
      display: none; } }
  @media screen and (min-width: 640px) {
    .MobileNavbar {
      height: 96px; } }
  .MobileNavbar__menu-toggle {
    background-color: transparent;
    display: block;
    height: 24px;
    margin-top: -13px;
    position: absolute;
    right: 13px;
    top: 50%;
    width: 24px;
    z-index: 11; }
    @media screen and (min-width: 640px) {
      .MobileNavbar__menu-toggle {
        height: 32px;
        margin-top: -16px;
        width: 32px; } }
  .MobileNavbar__menu-toggle, .MobileNavbar__submenu-toggle {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .MobileNavbar__submenu-toggle {
    display: block !important;
    color: #111; }
    .MobileNavbar__submenu-toggle:after {
      background-image: url("/assets/img/navbar/arrow-down-black1000.svg");
      background-size: contain;
      content: '';
      display: block;
      height: 8px;
      margin-top: -6px;
      position: absolute;
      right: 20px;
      top: 26px;
      -webkit-transition-duration: 200ms;
              transition-duration: 200ms;
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out;
      width: 11px; }
      @media screen and (min-width: 640px) {
        .MobileNavbar__submenu-toggle:after {
          height: 12px;
          right: 30px;
          top: 32px;
          width: 16px; } }
  .MobileNavbar__hamburger-icon {
    margin-top: -24px;
    position: absolute;
    right: 0.8rem;
    top: 50%;
    -webkit-transform: rotate(0deg) scale(0.5);
        -ms-transform: rotate(0deg) scale(0.5);
            transform: rotate(0deg) scale(0.5);
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
    @media screen and (min-width: 640px) {
      .MobileNavbar__hamburger-icon {
        margin-top: -2.4rem;
        right: 2.4rem;
        -webkit-transform: rotate(0deg) scale(1);
            -ms-transform: rotate(0deg) scale(1);
                transform: rotate(0deg) scale(1); } }
  .MobileNavbar__hamburger-icon-line {
    background-color: #111;
    display: block;
    height: 4px;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    -webkit-transition-duration: 200ms, 200ms;
            transition-duration: 200ms, 200ms;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: width, transform;
    transition-property: width, transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out, ease-out;
            transition-timing-function: ease-out, ease-out;
    width: 3.2rem; }
    @media screen and (min-width: 640px) {
      .MobileNavbar__hamburger-icon-line {
        margin: 9px auto; } }
  .MobileNavbar__logo-container {
    left: 1.6rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media screen and (min-width: 640px) {
      .MobileNavbar__logo-container {
        left: 2.4rem; } }
    .MobileNavbar__logo-container::after {
      background-color: #ffffff; }
  .MobileNavbar__logo {
    height: 24px; }
    .MobileNavbar__logo:after {
      background-color: #ffffff; }
    @media screen and (min-width: 640px) {
      .MobileNavbar__logo {
        height: 48px; } }
  .MobileNavbar #mobile-navbar-menu-toggle,
  .MobileNavbar [id^='mobile-navbar-submenu-toggle-'] {
    display: none; }
  .MobileNavbar #mobile-navbar-menu-toggle:checked ~ .MobileNavbar__menu {
    height: calc(100vh - 48px);
    max-height: calc(100vh - 48px);
    pointer-events: all;
    visibility: visible; }
    .MobileNavbar #mobile-navbar-menu-toggle:checked ~ .MobileNavbar__menu .MobileNavbar__mobile-action-button-container,
    .MobileNavbar #mobile-navbar-menu-toggle:checked ~ .MobileNavbar__menu .MobileNavbar__menu-item {
      opacity: 1;
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
    @media screen and (min-width: 640px) {
      .MobileNavbar #mobile-navbar-menu-toggle:checked ~ .MobileNavbar__menu {
        height: calc(100vh - 96px);
        max-height: calc(100vh - 96px); } }
  .MobileNavbar #mobile-navbar-menu-toggle:checked ~ .MobileNavbar__hamburger-icon {
    -webkit-transform: rotate(45deg) scale(0.5);
        -ms-transform: rotate(45deg) scale(0.5);
            transform: rotate(45deg) scale(0.5); }
    @media screen and (min-width: 640px) {
      .MobileNavbar #mobile-navbar-menu-toggle:checked ~ .MobileNavbar__hamburger-icon {
        -webkit-transform: rotate(45deg) scale(1);
            -ms-transform: rotate(45deg) scale(1);
                transform: rotate(45deg) scale(1); } }
    .MobileNavbar #mobile-navbar-menu-toggle:checked ~ .MobileNavbar__hamburger-icon .MobileNavbar__hamburger-icon-line:nth-child(1), .MobileNavbar #mobile-navbar-menu-toggle:checked ~ .MobileNavbar__hamburger-icon .MobileNavbar__hamburger-icon-line:nth-child(3) {
      -webkit-transition-delay: 100ms;
              transition-delay: 100ms; }
    .MobileNavbar #mobile-navbar-menu-toggle:checked ~ .MobileNavbar__hamburger-icon .MobileNavbar__hamburger-icon-line:nth-child(2) {
      width: 0; }
    .MobileNavbar #mobile-navbar-menu-toggle:checked ~ .MobileNavbar__hamburger-icon .MobileNavbar__hamburger-icon-line:nth-child(1) {
      -webkit-transform: translateY(12px);
          -ms-transform: translateY(12px);
              transform: translateY(12px); }
      @media screen and (min-width: 640px) {
        .MobileNavbar #mobile-navbar-menu-toggle:checked ~ .MobileNavbar__hamburger-icon .MobileNavbar__hamburger-icon-line:nth-child(1) {
          -webkit-transform: translateY(13px);
              -ms-transform: translateY(13px);
                  transform: translateY(13px); } }
    .MobileNavbar #mobile-navbar-menu-toggle:checked ~ .MobileNavbar__hamburger-icon .MobileNavbar__hamburger-icon-line:nth-child(3) {
      -webkit-transform: translateY(-12px) rotate(90deg);
          -ms-transform: translateY(-12px) rotate(90deg);
              transform: translateY(-12px) rotate(90deg); }
      @media screen and (min-width: 640px) {
        .MobileNavbar #mobile-navbar-menu-toggle:checked ~ .MobileNavbar__hamburger-icon .MobileNavbar__hamburger-icon-line:nth-child(3) {
          -webkit-transform: translateY(-13px) rotate(90deg);
              -ms-transform: translateY(-13px) rotate(90deg);
                  transform: translateY(-13px) rotate(90deg); } }
  .MobileNavbar__submenu {
    background-color: #f6f6f6;
    list-style: none;
    margin-left: 0;
    max-height: 0;
    overflow: hidden;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    -webkit-transition: max-height 200ms ease-out;
    transition: max-height 200ms ease-out; }
  .MobileNavbar [id^='mobile-navbar-submenu-toggle-']:checked ~ .MobileNavbar__submenu-toggle:after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .MobileNavbar [id^='mobile-navbar-submenu-toggle-']:checked ~ .MobileNavbar__submenu--1,
  .MobileNavbar [id^='mobile-navbar-submenu-toggle-']:checked ~ .MobileNavbar__submenu--2,
  .MobileNavbar [id^='mobile-navbar-submenu-toggle-']:checked ~ .MobileNavbar__submenu--3,
  .MobileNavbar [id^='mobile-navbar-submenu-toggle-']:checked ~ .MobileNavbar__submenu--4,
  .MobileNavbar [id^='mobile-navbar-submenu-toggle-']:checked ~ .MobileNavbar__submenu--5,
  .MobileNavbar [id^='mobile-navbar-submenu-toggle-']:checked ~ .MobileNavbar__submenu--6,
  .MobileNavbar [id^='mobile-navbar-submenu-toggle-']:checked ~ .MobileNavbar__submenu--7 {
    max-height: 100vh; }
  .MobileNavbar__menu {
    background-color: #ffffff;
    height: 0;
    margin: 0;
    max-height: 0;
    overflow-y: scroll;
    pointer-events: none;
    position: absolute;
    top: 48px;
    -webkit-transition-duration: 200ms, 200ms;
            transition-duration: 200ms, 200ms;
    -webkit-transition-property: height, max-height;
    transition-property: height, max-height;
    -webkit-transition-timing-function: ease-out, ease-out;
            transition-timing-function: ease-out, ease-out;
    visibility: hidden;
    width: 100%;
    z-index: 11111; }
    @media screen and (min-width: 640px) {
      .MobileNavbar__menu {
        top: 96px; } }
  .MobileNavbar__menu-item {
    list-style: none;
    opacity: 0;
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    width: 100%; }
    .MobileNavbar__menu-item:nth-child(1) {
      -webkit-transition-delay: 50ms;
              transition-delay: 50ms; }
    .MobileNavbar__menu-item:nth-child(2) {
      -webkit-transition-delay: 100ms;
              transition-delay: 100ms; }
    .MobileNavbar__menu-item:nth-child(3) {
      -webkit-transition-delay: 150ms;
              transition-delay: 150ms; }
    .MobileNavbar__menu-item:nth-child(4) {
      -webkit-transition-delay: 200ms;
              transition-delay: 200ms; }
    .MobileNavbar__menu-item:nth-child(5) {
      -webkit-transition-delay: 250ms;
              transition-delay: 250ms; }
    .MobileNavbar__menu-item:nth-child(6) {
      -webkit-transition-delay: 300ms;
              transition-delay: 300ms; }
  .MobileNavbar__submenu-toggle, .MobileNavbar__menu-item-anchor {
    display: block;
    font-size: 1.6rem;
    line-height: 1.5;
    padding-bottom: 1.152rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    padding-top: 1.152rem;
    z-index: 1111; }
    @media screen and (min-width: 640px) {
      .MobileNavbar__submenu-toggle, .MobileNavbar__menu-item-anchor {
        font-size: 2.4rem;
        padding-left: 2.4rem;
        padding-right: 2.4rem;
        padding-top: 1.6rem; } }
  .MobileNavbar__submenu-item {
    display: block;
    font-size: 1.6rem;
    padding-bottom: 1.152rem;
    padding-top: 1.152rem; }
    .MobileNavbar__submenu-item[hidden] {
      display: none; }
    @media screen and (min-width: 640px) {
      .MobileNavbar__submenu-item {
        font-size: 2.4rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        padding-top: 1.6rem; } }
  .MobileNavbar__submenu-item-anchor {
    display: block; }
    .MobileNavbar__submenu-item-anchor:after {
      display: none; }
  .MobileNavbar__mobile-action-button-container {
    bottom: 0;
    opacity: 0;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    width: 100%; }
    .MobileNavbar__mobile-action-button-container:before, .MobileNavbar__mobile-action-button-container:after {
      content: '';
      display: table; }
    .MobileNavbar__mobile-action-button-container:after {
      clear: both; }
    .MobileNavbar__mobile-action-button-container div:first-child .button {
      margin-right: 7px; }
    .MobileNavbar__mobile-action-button-container div .button {
      min-width: 167.5px; }
    @media screen and (min-width: 640px) {
      .MobileNavbar__mobile-action-button-container {
        padding-bottom: 24px;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 24px; } }
  .MobileNavbar__action {
    float: left;
    text-align: center;
    width: calc(50% - 4px);
    margin-bottom: 0; }
    .MobileNavbar__action:first-child {
      margin-right: 7px; }

.sidenav-docs {
  padding: 4.48rem 0;
  display: none; }
  .sidenav-docs svg g,
  .sidenav-docs path {
    fill: #9b9b9b; }
  .sidenav-docs path {
    -webkit-transition: fill 0.25s ease-out, translateX 0.1s ease-out;
    transition: fill 0.25s ease-out, translateX 0.1s ease-out; }
  .sidenav-docs .is-active svg g,
  .sidenav-docs .is-active path {
    fill: #7646ec; }
  .sidenav-docs .is-active a {
    background: transparent;
    border-right: 4px solid #7646ec;
    color: #7646ec; }
  .sidenav-docs .input-search {
    background-color: transparent;
    height: 4rem;
    margin-bottom: 2.56rem;
    width: 20rem; }
  @media screen and (min-width: 1024px) {
    .sidenav-docs {
      display: block; } }

.sidenav-menu {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  padding-bottom: 4.48rem; }
  .sidenav-menu .menu-input {
    padding-left: 1.6rem;
    padding-right: 1.6rem; }
  .sidenav-menu .menu-input-dropdown {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
    max-height: 200px;
    position: absolute;
    top: 4.08rem;
    width: 200px;
    z-index: 11; }
  .sidenav-menu .menu-input-dropdown-list {
    list-style-type: none;
    margin-left: 0; }
  .sidenav-menu .documentation-search-option {
    list-style: none;
    padding: 1.2rem 1.6rem 1.2rem 1.6rem;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; }
    .sidenav-menu .documentation-search-option p {
      margin-bottom: 0; }
    .sidenav-menu .documentation-search-option:hover {
      background-color: #f6f6f6;
      cursor: pointer; }
  .sidenav-menu .menu-title {
    padding: 1.6rem 1.6rem 0 1.6rem; }
  .sidenav-menu > li:not(.menu-input) {
    border-top: 1px solid #d7d7d7; }
    .sidenav-menu > li:not(.menu-input):last-of-type {
      border-bottom: 1px solid #d7d7d7; }
  .sidenav-menu .sidenav-submenu a {
    color: #111;
    border-right: 4px solid transparent; }
    .sidenav-menu .sidenav-submenu a:hover {
      color: #63daff; }
  .sidenav-menu .sidenav-submenu li a.is-active {
    background: transparent;
    color: #7646ec;
    border-color: #7646ec; }
  .sidenav-menu .sidenav-submenu li a:empty {
    display: none; }
  .sidenav-menu a {
    color: #111;
    -webkit-transition: color ease-in;
    transition: color ease-in;
    font-size: 1.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.3; }
    .sidenav-menu a svg g,
    .sidenav-menu a path {
      fill: #9b9b9b; }
  .sidenav-menu > li .is-open {
    color: #0a85ea; }
    .sidenav-menu > li .is-open svg g,
    .sidenav-menu > li .is-open path {
      fill: #0a85ea; }
  .sidenav-menu a .sidebar-docs-arrow {
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-top: 5px; }
  .sidenav-menu a.has-subnav.is-open .sidebar-docs-arrow {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  @media screen and (min-width: 1024px) {
    .sidenav-menu {
      margin-left: 0;
      margin-right: 0;
      overflow-y: auto;
      height: 100vh;
      padding-bottom: 16rem; }
      .sidenav-menu .menu-title {
        display: none; }
      .sidenav-menu .menu-input {
        padding-left: 0;
        padding-right: 0; }
      .sidenav-menu > li:not(.menu-input) {
        border: 0; }
        .sidenav-menu > li:not(.menu-input):last-of-type {
          border: 0; }
      .sidenav-menu a {
        font-size: 1.6rem;
        margin-bottom: 0.8rem;
        padding: 0.6rem 1.6rem;
        padding-left: 0;
        -webkit-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out; }
      .sidenav-menu > li > a:hover {
        color: #63daff; }
        .sidenav-menu > li > a:hover svg g,
        .sidenav-menu > li > a:hover path {
          fill: #63daff; }
      .sidenav-menu > li a > .is-open {
        color: #0a85ea; }
        .sidenav-menu > li a > .is-open svg g,
        .sidenav-menu > li a > .is-open path {
          fill: #0a85ea; } }

.sidebar-docs-icon,
.sidebar-legal-icon,
.sidebar-docs-arrow {
  margin-right: 1.2rem;
  vertical-align: unset; }

.sidebar-docs-icon {
  height: 13px;
  width: 16px;
  -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
          transform: scale(1.7); }
  .sidebar-docs-icon.arrow-right-caret {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }

.sidenav-submenu {
  display: none;
  padding-left: 3.2rem;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }
  .sidenav-submenu a {
    font-size: 1.4rem;
    color: #4b4b4b; }
  .sidenav-submenu.is-expanded {
    height: auto;
    opacity: 1;
    visibility: visible; }

.sidenav-submenu-static {
  padding-left: 3.2rem; }

.subnav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f6f6f6;
  border-bottom: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  height: 4.8rem;
  z-index: 2; }
  .subnav > button,
  .subnav > .button,
  .subnav > .button-group,
  .subnav > input,
  .subnav > textarea,
  .subnav > select,
  .subnav > p,
  .subnav > h1,
  .subnav > h2,
  .subnav > h3,
  .subnav > h4,
  .subnav > h5,
  .subnav > h6 {
    margin-bottom: 0;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .subnav .menu .is-active a {
    background: none;
    color: #111; }
  .subnav .subnav-links {
    width: 100%; }
    .subnav .subnav-links__center {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .subnav .subnav-links__center > button,
      .subnav .subnav-links__center > .button,
      .subnav .subnav-links__center > .button-group,
      .subnav .subnav-links__center > input,
      .subnav .subnav-links__center > textarea,
      .subnav .subnav-links__center > select,
      .subnav .subnav-links__center > p,
      .subnav .subnav-links__center > h1,
      .subnav .subnav-links__center > h2,
      .subnav .subnav-links__center > h3,
      .subnav .subnav-links__center > h4,
      .subnav .subnav-links__center > h5,
      .subnav .subnav-links__center > h6 {
        margin-bottom: 0;
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center; }
    .subnav .subnav-links .subnav-links-item {
      width: 100%; }
    .subnav .subnav-links .subnav-links-item a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-left: 6px;
      padding-right: 15px;
      width: 100%; }
      .subnav .subnav-links .subnav-links-item a > button,
      .subnav .subnav-links .subnav-links-item a > .button,
      .subnav .subnav-links .subnav-links-item a > .button-group,
      .subnav .subnav-links .subnav-links-item a > input,
      .subnav .subnav-links .subnav-links-item a > textarea,
      .subnav .subnav-links .subnav-links-item a > select,
      .subnav .subnav-links .subnav-links-item a > p,
      .subnav .subnav-links .subnav-links-item a > h1,
      .subnav .subnav-links .subnav-links-item a > h2,
      .subnav .subnav-links .subnav-links-item a > h3,
      .subnav .subnav-links .subnav-links-item a > h4,
      .subnav .subnav-links .subnav-links-item a > h5,
      .subnav .subnav-links .subnav-links-item a > h6 {
        margin-bottom: 0;
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center; }
    .subnav .subnav-links .subnav-link-dropdown-arrow {
      height: 16px;
      -webkit-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out;
      width: 16px; }
    .subnav .subnav-links .hover .subnav-link-dropdown-arrow {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  @media screen and (min-width: 1024px) {
    .subnav {
      background: #ffffff;
      height: 8rem; }
      .subnav .subnav-links .is-active a {
        -webkit-box-shadow: inset 0 -6px 0 -2px #7646ec;
                box-shadow: inset 0 -6px 0 -2px #7646ec; }
      .subnav .subnav-links {
        width: auto; }
        .subnav .subnav-links .is-active {
          pointer-events: none;
          cursor: default; } }

.subnav-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px; }

.subnav-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
  width: 100%; }
  .subnav-inner > button,
  .subnav-inner > .button,
  .subnav-inner > .button-group,
  .subnav-inner > input,
  .subnav-inner > textarea,
  .subnav-inner > select,
  .subnav-inner > p,
  .subnav-inner > h1,
  .subnav-inner > h2,
  .subnav-inner > h3,
  .subnav-inner > h4,
  .subnav-inner > h5,
  .subnav-inner > h6 {
    margin-bottom: 0;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .subnav-inner > .subnav-links li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .subnav-inner > .subnav-links a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 1.6rem;
    margin-right: 1.6rem;
    padding-left: 0;
    padding-right: 0; }
    .subnav-inner > .subnav-links a > button,
    .subnav-inner > .subnav-links a > .button,
    .subnav-inner > .subnav-links a > .button-group,
    .subnav-inner > .subnav-links a > input,
    .subnav-inner > .subnav-links a > textarea,
    .subnav-inner > .subnav-links a > select,
    .subnav-inner > .subnav-links a > p,
    .subnav-inner > .subnav-links a > h1,
    .subnav-inner > .subnav-links a > h2,
    .subnav-inner > .subnav-links a > h3,
    .subnav-inner > .subnav-links a > h4,
    .subnav-inner > .subnav-links a > h5,
    .subnav-inner > .subnav-links a > h6 {
      margin-bottom: 0;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
  .subnav-inner > .subnav-links a:hover {
    color: #444444; }
  @media screen and (min-width: 1024px) {
    .subnav-inner {
      padding-right: 1.2rem;
      padding-left: 1.2rem;
      max-width: 1024px;
      margin-left: auto;
      margin-right: auto;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 1024px) and (min-width: 640px) {
    .subnav-inner {
      padding-right: 2rem;
      padding-left: 2rem; } }
  @media screen and (min-width: 1024px) {
      .subnav-inner .subnav-links li:first-child a {
        margin-left: -11px; }
      .subnav-inner .subnav-links li:last-child a {
        margin-right: -11px; } }

.subnav-links + .subnav-filters {
  display: none; }
  @media screen and (min-width: 640px) {
    .subnav-links + .subnav-filters {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.subnav-filters {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.6rem; }
  .subnav-filters .subnav-filters-item {
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%; }
    .subnav-filters .subnav-filters-item > a,
    .subnav-filters .subnav-filters-item > div,
    .subnav-filters .subnav-filters-item > button,
    .subnav-filters .subnav-filters-item > .button,
    .subnav-filters .subnav-filters-item > .button-group,
    .subnav-filters .subnav-filters-item > span,
    .subnav-filters .subnav-filters-item > select,
    .subnav-filters .subnav-filters-item > p,
    .subnav-filters .subnav-filters-item > h1,
    .subnav-filters .subnav-filters-item > h2,
    .subnav-filters .subnav-filters-item > h3,
    .subnav-filters .subnav-filters-item > h4,
    .subnav-filters .subnav-filters-item > h5,
    .subnav-filters .subnav-filters-item > h6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 100%;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%; }
    .subnav-filters .subnav-filters-item > a,
    .subnav-filters .subnav-filters-item > div,
    .subnav-filters .subnav-filters-item > button,
    .subnav-filters .subnav-filters-item > .button,
    .subnav-filters .subnav-filters-item > .button-group,
    .subnav-filters .subnav-filters-item > span,
    .subnav-filters .subnav-filters-item > select,
    .subnav-filters .subnav-filters-item > p,
    .subnav-filters .subnav-filters-item > h1,
    .subnav-filters .subnav-filters-item > h2,
    .subnav-filters .subnav-filters-item > h3,
    .subnav-filters .subnav-filters-item > h4,
    .subnav-filters .subnav-filters-item > h5,
    .subnav-filters .subnav-filters-item > h6 {
      margin-bottom: 0;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
  .subnav-filters .subnav-filters-button {
    text-align: left; }
  .subnav-filters .subnav-filters-button-lang {
    min-width: 17rem; }
  .subnav-filters .filter-item.is-selected {
    color: #0a85ea; }
  .subnav-filters .code-lang-option:nth-child(n + 2) {
    display: none; }
  .subnav-filters label {
    color: #111;
    font-size: 1.6rem;
    white-space: nowrap; }
    .subnav-filters label img {
      margin-right: 0.8rem; }
  @media screen and (min-width: 1024px) {
    .subnav-filters {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-bottom: 0; }
      .subnav-filters .subnav-filters-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: auto; }
        .subnav-filters .subnav-filters-item > button,
        .subnav-filters .subnav-filters-item > .button,
        .subnav-filters .subnav-filters-item > .button-group,
        .subnav-filters .subnav-filters-item > input,
        .subnav-filters .subnav-filters-item > textarea,
        .subnav-filters .subnav-filters-item > select,
        .subnav-filters .subnav-filters-item > p,
        .subnav-filters .subnav-filters-item > h1,
        .subnav-filters .subnav-filters-item > h2,
        .subnav-filters .subnav-filters-item > h3,
        .subnav-filters .subnav-filters-item > h4,
        .subnav-filters .subnav-filters-item > h5,
        .subnav-filters .subnav-filters-item > h6 {
          margin-bottom: 0;
          -webkit-align-self: center;
              -ms-flex-item-align: center;
                  align-self: center; } }

.menu .subnav-menuitem button {
  display: block; }

@media screen and (min-width: 640px) {
  .menu .subnav-menuitem button {
    display: none; } }

.subnav-filters-dropdown-arrow {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-left: 0.4rem; }

.is-active .subnav-filters-dropdown-arrow,
[aria-expanded='true'] .subnav-filters-dropdown-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.subnav-filters-dropdown {
  width: 100%; }
  .subnav-filters-dropdown:hover > a {
    color: #444444; }
  .subnav-filters-dropdown .filter-item.is-selected a {
    color: #0a85ea;
    background: #f6f6f6; }
  .subnav-filters-dropdown .filter-item:hover {
    background: #f6f6f6; }
  .subnav-filters-dropdown--inline {
    display: inline; }
  @media screen and (min-width: 1024px) {
    .subnav-filters-dropdown {
      width: auto; }
      .subnav-filters-dropdown .is-dropdown-submenu {
        border-radius: 2px;
        border: 1px solid #d7d7d7;
        padding: 0;
        width: 16rem; } }

.subnav-filters-lang-text {
  padding-left: 0.4rem; }

.subnav-dropdown {
  -webkit-overflow-scrolling: touch;
  background: #f6f6f6;
  border: 0;
  height: calc(100vh - 9.6rem - 4.8rem);
  left: 0 !important;
  overflow-y: auto;
  padding-top: 0;
  width: 100%; }
  .subnav-dropdown .sidenav-menu {
    padding-bottom: 0; }
    .subnav-dropdown .sidenav-menu .is-active a {
      background: transparent;
      color: #0a85ea; }
    .subnav-dropdown .sidenav-menu .is-active a svg g {
      fill: #0a85ea; }
  .subnav-dropdown .sidenav-submenu {
    margin-bottom: 0; }
    .subnav-dropdown .sidenav-submenu a {
      font-size: 1.2rem;
      padding: 0.48rem 1.6rem; }
    .subnav-dropdown .sidenav-submenu li:first-of-type a {
      padding-top: 0; }
  .subnav-dropdown .subnav-filters {
    margin-top: 1.6rem; }
  .subnav-dropdown .subnav-filters-dropdown a {
    font-size: 1.2rem; }
  .subnav-dropdown .menu-input {
    margin: 10px 0 2.4rem; }
  .subnav-dropdown .sidebar-docs-icon {
    vertical-align: middle; }
  .subnav-dropdown .subnav-filters-dropdown a {
    padding-left: 0; }
  .subnav-dropdown .is-accordion-submenu {
    padding-left: 1.6rem; }
  @media screen and (min-width: 1024px) {
    .subnav-dropdown.is-open {
      display: none; } }

.is-scrolling.subnav-dropdown {
  height: calc(100vh - 4.8rem + 1px); }

.subnav-notification {
  opacity: 0;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }
  .subnav-notification.has-notification {
    opacity: 1; }
    @media screen and (min-width: 1024px) {
      .subnav-notification.has-notification {
        -webkit-animation-duration: 0.5s;
                animation-duration: 0.5s;
        -webkit-animation-name: bell;
                animation-name: bell;
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out; } }

.dropdown.menu .subnav-notification > a {
  padding-right: 0; }

.dropdown.menu .subnav-notification .button-dropdown-inner {
  text-align: center; }
  .dropdown.menu .subnav-notification .button-dropdown-inner.button-primary {
    background-color: #111;
    color: #ffffff; }

.dropdown-text {
  padding: 1.12rem 0; }
  @media screen and (min-width: 1024px) {
    .dropdown-text {
      padding: 1.12rem 1.6rem; }
      .dropdown-text:first-child {
        padding: 1.12rem 1.6rem 0; } }

.subnav-filters-dropdown-language-trigger {
  min-width: 185px; }

@media screen and (min-width: 1024px) {
  .menu li a.subnav-filters-dropdown-language-trigger {
    padding-right: 0; } }

.subnav.sticky.menu-is-top.is-stuck.is-at-top {
  z-index: 99999; }

.version-check {
  padding-left: 3.2rem;
  color: #111;
  visibility: hidden; }
  .version-check.is-active {
    visibility: visible; }

:target:before {
  content: '';
  display: block;
  height: 9.6rem;
  margin: -9.6rem 0 0; }
  @media screen and (max-width: 1023px) {
    :target:before {
      height: 6.4rem;
      margin: -6.4rem 0 0; } }

.checkbox {
  cursor: pointer;
  font-size: 1.44rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .checkbox--label-inline {
    display: inline-block; }
  .checkbox__container {
    margin-bottom: 16px; }
  .checkbox__label-text {
    cursor: pointer;
    display: inline;
    padding-left: 8px;
    line-height: 2.56rem; }
    .checkbox__label-text--inline-block {
      display: inline-block;
      font-size: 62.5%;
      padding-left: 1.2rem;
      vertical-align: top;
      width: calc(100% - 32px); }
  .checkbox__input-container {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    height: 2.56rem;
    margin-right: 0;
    position: relative;
    width: 2.56rem; }
  .checkbox__label {
    color: #8ba7bd;
    cursor: pointer;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    font-size: rem(16);
    margin-top: rem(1); }
  .checkbox__faux-input {
    background-color: #ffffff;
    border: 1px solid #cacaca;
    border-radius: 2px;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out; }
  .checkbox__input {
    cursor: pointer;
    opacity: 0; }
    .checkbox__input:focus + .checkbox__faux-input {
      border-color: #0a85ea; }
    .checkbox__input:checked + .checkbox__faux-input:before {
      background-image: url("/assets/img/icons/icon-cta-checkmark.svg");
      background-repeat: no-repeat;
      background-size: 12px;
      content: '';
      display: block;
      height: 15px;
      margin: 6px 6px 0;
      width: 15px; }
    .checkbox__input:checked + .checkbox__faux-input--dark:before {
      background-image: url("/assets/img/icons/icon-cta-checkmark-white.svg"); }

.contact-form__disclaimer {
  font-size: 1.6rem; }

.contact-form-grid > .cell:first-child {
  margin-bottom: 4.8rem; }

@media screen and (min-width: 1024px) {
  .contact-form-grid > .cell:first-child {
    padding-right: 4.8rem;
    margin-bottom: 0; }
  .contact-form-grid .checklist {
    padding-right: 6.4rem; } }

@media screen and (min-width: 640px) {
  .signup .contact-form-grid {
    margin-bottom: 16rem; } }

.contact-thanks-grid {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.dpr-request select:invalid {
  color: #9B9B9B; }

.dpr-request .dpr-request__submit-btn.button-cta {
  max-width: none; }

.floated-label-wrapper {
  position: relative;
  margin-bottom: 1.6rem;
  z-index: 1; }
  .floated-label-wrapper input,
  .floated-label-wrapper select {
    margin-bottom: 0;
    z-index: -1; }
  .floated-label-wrapper label {
    background: #ffffff;
    font-size: 1.2rem;
    left: 0.8rem;
    opacity: 0;
    padding: 0 0.8rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    z-index: -1; }
    .floated-label-wrapper label.has-value {
      opacity: 1;
      -webkit-transform: translateY(-28px);
          -ms-transform: translateY(-28px);
              transform: translateY(-28px);
      z-index: 0;
      line-height: 1; }

.is-invalid-input:not(:focus), .form-error.is-visible ~ .select-dropdown:not(:focus) {
  border-color: #f44e66;
  color: #f44e66; }
  .is-invalid-input:not(:focus)::-webkit-input-placeholder, .form-error.is-visible ~ .select-dropdown:not(:focus)::-webkit-input-placeholder {
    color: #f44e66; }
  .is-invalid-input:not(:focus)::-moz-placeholder, .form-error.is-visible ~ .select-dropdown:not(:focus)::-moz-placeholder {
    color: #f44e66; }
  .is-invalid-input:not(:focus):-ms-input-placeholder, .form-error.is-visible ~ .select-dropdown:not(:focus):-ms-input-placeholder {
    color: #f44e66; }
  .is-invalid-input:not(:focus)::-ms-input-placeholder, .form-error.is-visible ~ .select-dropdown:not(:focus)::-ms-input-placeholder {
    color: #f44e66; }
  .is-invalid-input:not(:focus)::placeholder, .form-error.is-visible ~ .select-dropdown:not(:focus)::placeholder {
    color: #f44e66; }

.is-invalid-label a {
  color: #f44e66; }
  .is-invalid-label a::after {
    background-color: #f44e66; }

.form-error {
  display: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  position: absolute;
  top: -8px;
  left: 9px;
  background: white;
  padding: 0 9px; }

.is-invalid-input:focus label, .form-error.is-visible ~ .select-dropdown:focus label {
  display: none; }

.form-error.is-visible + .has-value {
  visibility: hidden; }

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
[type='submit'],
textarea,
select {
  height: 4.8rem;
  padding-left: 1.6rem;
  padding-bottom: 0.64rem; }

.input-search {
  background-image: url(/assets/img/icons/search-icon.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: left 1.5rem center;
  padding-left: 4rem; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s; }

@media screen and (min-width: 640px) {
  .form-group .cell + .cell {
    margin-left: 1.6rem; } }

.checkbox-input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.4rem; }
  .checkbox-input-group [type='checkbox'] {
    margin-bottom: 4px; }
  @media screen and (min-width: 640px) {
    .checkbox-input-group {
      margin-bottom: 1.6rem; } }

.select-dropdown {
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid #cacaca;
  cursor: pointer;
  display: block;
  max-height: 3.2rem;
  min-height: 4.8rem;
  outline: none;
  overflow: hidden;
  position: relative;
  text-align: left;
  white-space: nowrap; }
  .select-dropdown::after {
    content: url("/assets/img/icons/arrow-select-icon.svg");
    position: absolute;
    right: 1.6rem;
    top: 1.2rem; }
  .select-dropdown input,
  .select-dropdown label {
    display: none; }
  .select-dropdown legend {
    color: #9b9b9b;
    font-size: 1.65rem;
    height: 4.8rem;
    line-height: 4.8rem;
    margin: 0;
    padding: 0 1.6rem;
    position: relative; }
  .select-dropdown label {
    background-color: #ffffff;
    color: #9b9b9b;
    cursor: pointer;
    display: none;
    font-size: 1.65rem;
    height: auto;
    margin: 0;
    max-width: calc(100% - 1.6rem);
    overflow: hidden;
    padding: 0.9rem 1.6rem;
    position: relative;
    text-overflow: ellipsis;
    white-space: initial; }
    .select-dropdown label:nth-child(2) {
      margin-top: 4.8rem; }
  .select-dropdown input:checked + label {
    border-top: none;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    color: #4b4b4b;
    white-space: nowrap; }
    .select-dropdown input:checked + label:nth-child(2) {
      margin-top: 0;
      position: relative; }
  .select-dropdown input[value='Default'] + label {
    color: #9b9b9b; }
  .select-dropdown.is-expanded {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
    background: #ffffff;
    border-radius: 2px;
    border: 1px solid #0a85ea;
    height: 100%;
    max-height: inherit;
    padding: 0; }
    .select-dropdown.is-expanded .select-dropdown-scroll {
      overflow-y: auto; }
    .select-dropdown.is-expanded:hover {
      -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
              box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16); }
    .select-dropdown.is-expanded::after {
      -webkit-transform-origin: center;
          -ms-transform-origin: center;
              transform-origin: center;
      -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    .select-dropdown.is-expanded label {
      display: block;
      max-width: 100%;
      overflow: visible; }
    .select-dropdown.is-expanded input:not(:checked) + label:hover {
      background-color: #f6f6f6;
      color: #4b4b4b; }
    .select-dropdown.is-expanded input:checked + label {
      color: #0a85ea;
      height: 4.8rem;
      max-width: calc(100% - 1.6rem);
      overflow: hidden; }
  .select-dropdown.capitalize {
    text-transform: capitalize; }

.select-dropdown-wrapper {
  min-height: 4.8rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .select-dropdown-wrapper .select-dropdown {
    min-width: 100%;
    position: absolute;
    width: inherit;
    z-index: 2; }
    @media screen and (max-width: 639px) {
      .select-dropdown-wrapper .select-dropdown {
        max-width: 100%; } }
    .select-dropdown-wrapper .select-dropdown.is-expanded {
      height: inherit; }
    .select-dropdown-wrapper .select-dropdown .select-dropdown-scroll {
      overflow-x: hidden;
      max-height: 33.6rem; }
      .select-dropdown-wrapper .select-dropdown .select-dropdown-scroll label {
        margin-top: 0; }

.select-dropdown--dark {
  background: #111; }
  .select-dropdown--dark:after {
    -webkit-filter: invert(1);
            filter: invert(1); }
  .select-dropdown--dark.is-expanded {
    background: #111; }
  .select-dropdown--dark label {
    background: #111; }
  .select-dropdown--dark input:checked + label {
    color: #b9b9b9; }

.accordion-section-titlebar {
  border-bottom: 1px solid #d7d7d7;
  padding: 2.4rem 0; }
  .accordion-section-titlebar .accordion-section-titlebar-arrow {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .accordion-section-titlebar .accordion-section-titlebar-arrow svg {
      -webkit-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
  .accordion-section-titlebar .accordion-section-titlebar-inner {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    pointer-events: none;
    position: relative;
    padding-left: 2.4rem;
    padding-right: 2.4rem; }
  .accordion-section-titlebar .accordion-section-titlebar-name {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-size: 1.6rem;
    margin-bottom: 0; }
  .accordion-section-titlebar .accordion-section-titlebar-description {
    color: #111;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    font-size: 1.2rem;
    line-height: 2.4rem;
    padding-right: 4.8rem;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin-bottom: 0; }
  .accordion-section-titlebar .accordion-section-titlebar-arrow {
    height: 14px;
    width: 14px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    position: absolute;
    top: 40%;
    right: 2.4rem; }
    .accordion-section-titlebar .accordion-section-titlebar-arrow svg {
      width: 12px; }
    .accordion-section-titlebar .accordion-section-titlebar-arrow g {
      fill: #111;
      -webkit-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
  .accordion-section-titlebar.pink .accordion-section-titlebar-name,
  .accordion-section-titlebar.pink .accordion-section-titlebar-description, .accordion-section-titlebar.active-pink .accordion-section-titlebar-name,
  .accordion-section-titlebar.active-pink .accordion-section-titlebar-description {
    color: #f44e66; }
  .accordion-section-titlebar.pink svg g, .accordion-section-titlebar.active-pink svg g {
    fill: #f44e66; }
  .accordion-section-titlebar.purple .accordion-section-titlebar-name,
  .accordion-section-titlebar.purple .accordion-section-titlebar-description, .accordion-section-titlebar.active-purple .accordion-section-titlebar-name,
  .accordion-section-titlebar.active-purple .accordion-section-titlebar-description {
    color: #7646ec; }
  .accordion-section-titlebar.purple svg g, .accordion-section-titlebar.active-purple svg g {
    fill: #7646ec; }
  .accordion-section-titlebar.yellow .accordion-section-titlebar-name,
  .accordion-section-titlebar.yellow .accordion-section-titlebar-description, .accordion-section-titlebar.active-yellow .accordion-section-titlebar-name,
  .accordion-section-titlebar.active-yellow .accordion-section-titlebar-description {
    color: #f2d211; }
  .accordion-section-titlebar.yellow svg g, .accordion-section-titlebar.active-yellow svg g {
    fill: #f2d211; }
  .accordion-section-titlebar.green .accordion-section-titlebar-name,
  .accordion-section-titlebar.green .accordion-section-titlebar-description, .accordion-section-titlebar.active-green .accordion-section-titlebar-name,
  .accordion-section-titlebar.active-green .accordion-section-titlebar-description {
    color: #23d09c; }
  .accordion-section-titlebar.green svg g, .accordion-section-titlebar.active-green svg g {
    fill: #23d09c; }
  .accordion-section-titlebar.blue .accordion-section-titlebar-name,
  .accordion-section-titlebar.blue .accordion-section-titlebar-description, .accordion-section-titlebar.active-blue .accordion-section-titlebar-name,
  .accordion-section-titlebar.active-blue .accordion-section-titlebar-description {
    color: #0a85ea; }
  .accordion-section-titlebar.blue svg g, .accordion-section-titlebar.active-blue svg g {
    fill: #0a85ea; }
  @media screen and (min-width: 640px) {
    .accordion-section-titlebar {
      padding: 3.12rem 0; }
      .accordion-section-titlebar .accordion-section-titlebar-arrow svg {
        width: auto; }
      .accordion-section-titlebar .accordion-section-titlebar-description {
        padding-right: 0;
        font-size: 1.6rem; }
      .accordion-section-titlebar .accordion-section-titlebar-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around; }
        .accordion-section-titlebar .accordion-section-titlebar-inner > button,
        .accordion-section-titlebar .accordion-section-titlebar-inner > .button,
        .accordion-section-titlebar .accordion-section-titlebar-inner > .button-group,
        .accordion-section-titlebar .accordion-section-titlebar-inner > input,
        .accordion-section-titlebar .accordion-section-titlebar-inner > textarea,
        .accordion-section-titlebar .accordion-section-titlebar-inner > select,
        .accordion-section-titlebar .accordion-section-titlebar-inner > p,
        .accordion-section-titlebar .accordion-section-titlebar-inner > h1,
        .accordion-section-titlebar .accordion-section-titlebar-inner > h2,
        .accordion-section-titlebar .accordion-section-titlebar-inner > h3,
        .accordion-section-titlebar .accordion-section-titlebar-inner > h4,
        .accordion-section-titlebar .accordion-section-titlebar-inner > h5,
        .accordion-section-titlebar .accordion-section-titlebar-inner > h6 {
          margin-bottom: 0;
          -webkit-align-self: center;
              -ms-flex-item-align: center;
                  align-self: center; }
      .accordion-section-titlebar .accordion-section-titlebar-name {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 33.3%;
            -ms-flex: 0 1 33.3%;
                flex: 0 1 33.3%;
        font-size: 2.4rem; } }

.accordion-section-content {
  background-color: #f6f6f6;
  border-bottom: 1px solid #d7d7d7;
  -webkit-box-shadow: inset 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
          box-shadow: inset 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
  padding: 4.8rem 0; }
  .accordion-section-content .checklist .checklist-item {
    margin-bottom: 0.8rem; }
  .accordion-section-content .accordion-section-image {
    margin-bottom: 3.2rem; }
  @media screen and (min-width: 640px) {
    .accordion-section-content .accordion-section-image {
      margin-bottom: 0; } }
  @media screen and (min-width: 1024px) {
    .accordion-section-content .accordion-section-content-article {
      padding-right: 12.8rem; } }

.accordion-item:first-of-type .accordion-section-titlebar {
  border-top: 1px solid #d7d7d7; }

.accordion-section-dark.accordion-section .accordion-section-titlebar {
  background: #111; }
  .accordion-section-dark.accordion-section .accordion-section-titlebar .accordion-section-titlebar-arrow g {
    fill: #ffffff; }
  .accordion-section-dark.accordion-section .accordion-section-titlebar .accordion-section-titlebar-name,
  .accordion-section-dark.accordion-section .accordion-section-titlebar .accordion-section-titlebar-description {
    color: #ffffff; }

.accordion-section-dark.accordion-section .accordion-section-content {
  background: #4b4b4b;
  color: #ffffff; }
  .accordion-section-dark.accordion-section .accordion-section-content p,
  .accordion-section-dark.accordion-section .accordion-section-content li {
    color: #ffffff; }
    .accordion-section-dark.accordion-section .accordion-section-content p a,
    .accordion-section-dark.accordion-section .accordion-section-content li a {
      color: #ffffff; }

.is-active .accordion-section-titlebar .accordion-section-titlebar-arrow {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center; }

.accordion.accordion-section {
  margin-bottom: 0; }

.static-data-table {
  padding-top: 12.8rem;
  padding-bottom: 14.4rem;
  background-color: #ffffff; }
  .static-data-table .account-type-section-header {
    font-size: 16px;
    color: #111;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: none;
    font-weight: bold; }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .static-data-table {
      padding-top: 9.6rem;
      padding-bottom: 11.2rem; } }
  @media screen and (max-width: 639px) {
    .static-data-table {
      padding-top: 8rem;
      padding-bottom: 8rem; } }
  .static-data-table--no-top-padding {
    padding-top: 0; }
  .static-data-table--no-bottom-padding {
    padding-bottom: 0; }

.account-type-table {
  padding-bottom: 0rem;
  position: relative;
  padding-bottom: 3.2rem; }
  .account-type-table .account-type-header {
    margin-bottom: 1.6rem; }

.account-table-list {
  position: relative;
  margin-top: 3.2rem;
  padding-top: 0.4rem; }
  .account-table-list::before {
    content: "";
    display: block;
    position: absolute;
    border-top: 1px solid #111;
    height: 1px;
    left: 0;
    top: -1px;
    width: 100%; }

.account-table-list-item {
  padding: 0.4rem 0;
  color: #111;
  font-family: Inconsolata, "Vaud", Helvetica, Arial, sans-serif; }
  .account-table-list-item::before {
    display: block;
    content: '';
    border-top: 1px solid #cacaca;
    height: 1px;
    left: 0;
    padding-top: 0.8rem;
    width: 100%; }
  .account-table-list-item:last-child:not(.has-feature)::after {
    display: block;
    content: '';
    border-top: 1px solid #cacaca;
    height: 1px;
    left: 0;
    margin-top: 0.8rem;
    width: 100%; }
  .account-table-list-item .account-table-list-item-text {
    color: #9b9b9b;
    font-family: Inconsolata, "Vaud", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    letter-spacing: -0.2px;
    margin-bottom: 0; }
    .account-table-list-item .account-table-list-item-text--in-the-red {
      color: #f44e66;
      font-weight: bold; }
    .account-table-list-item .account-table-list-item-text--in-the-green {
      color: #23d09c;
      font-weight: bold; }
  .account-table-list-item .has-tip {
    font-weight: 400;
    border-bottom: none;
    font-size: 1.6rem; }
    .account-table-list-item .has-tip:hover {
      font-weight: 600; }
  .account-table-list-item.has-feature .account-table-list-item-text {
    color: #111; }
  .account-table-list-item .check-icon,
  .account-table-list-item .minus-icon {
    margin-right: 1.44rem;
    width: 12px; }
  .account-table-list-item .check-icon g {
    fill: #63daff; }

.account-table-list-services .has-feature .account-table-list-item-text {
  border-bottom: 0; }

.account-table-description {
  position: relative; }
  @media screen and (min-width: 1024px) {
    .account-table-description {
      height: 72px; } }
  @media screen and (min-width: 640px) {
    .account-table-description {
      max-width: 28.8rem; } }
  @media screen and (min-width: 1024px) {
    .account-table-description {
      max-width: none; } }

.account-table-list-header {
  color: #111;
  left: 0;
  position: absolute;
  top: -3.2rem; }

.info-dropdown:active {
  color: #111; }

.stack-table {
  padding-bottom: 3.2rem; }
  @media screen and (min-width: 640px) {
    .stack-table {
      padding-bottom: 8rem; } }

.stack-table-small {
  padding-bottom: 3.2rem; }

.account-table-list-item:nth-child(1)::before {
  display: none; }

.account-table-list-item:nth-child(1)::before {
  display: block;
  content: '';
  border-top: 1px solid #cacaca;
  height: 1px;
  left: 0;
  padding-top: 0.8rem;
  width: 100%; }

@media screen and (min-width: 640px) {
  .account-table-list-item:nth-child(1)::before {
    display: none; } }

.account-column-one:nth-child(1)::before {
  display: none; }

.item-divider:nth-child(2)::before {
  display: none; }

.account-column-two {
  margin-left: 0; }
  @media screen and (min-width: 1024px) {
    .account-column-two {
      margin-left: 1.6rem; } }

.account-column-three {
  margin-left: 0; }
  @media screen and (min-width: 1024px) {
    .account-column-three {
      margin-left: 2.8rem; } }

/*tooltip*/
.info-tooltip {
  max-width: 25.6rem;
  padding: 1.6rem;
  border-color: #F6F6F6;
  border-radius: 2px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); }

.apply-by-api--constrained .grid-container, .apply-by-api--constrained .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .apply-by-api--constrained .accordion-section-titlebar-inner {
  padding: 0; }

.apply-by-api__accordion {
  background-color: #d0fce4;
  height: 100%;
  padding: 32px; }
  .apply-by-api__accordion .accordion-content {
    padding: 2.4rem 0 0;
    background-color: inherit; }

.apply-by-api__title {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .apply-by-api__title:hover, .apply-by-api__title:focus {
    background-color: inherit; }
  .is-active .apply-by-api__title {
    margin-bottom: 0.8rem; }

.apply-by-api__toggle {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  height: 25px;
  width: 25px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .apply-by-api__toggle::before, .apply-by-api__toggle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    height: 3px;
    width: 25px;
    margin-top: -1px;
    background: #111; }
  .apply-by-api__toggle::before {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  .apply-by-api__toggle::after {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .is-active .apply-by-api__toggle {
    -webkit-transform: translateY(-50%) rotate(-135deg);
        -ms-transform: translateY(-50%) rotate(-135deg);
            transform: translateY(-50%) rotate(-135deg); }

.apply-by-api__intro {
  margin-bottom: 40px; }

.apply-by-api__checklist-item svg,
.apply-by-api__checklist-item p {
  display: inline-block; }

.apply-by-api__checklist-item svg {
  vertical-align: initial; }
  .apply-by-api__checklist-item svg g g {
    fill: #111; }

.article-docs {
  background: #ffffff;
  padding: 3.2rem 2.4rem;
  position: relative; }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .article-docs {
      margin: auto; } }
  @media screen and (min-width: 1024px) {
    .article-docs {
      padding: 8.96rem 0 8.96rem 8rem; }
      .article-docs::after {
        content: '';
        background-color: #ffffff;
        position: absolute;
        left: 100%;
        top: 0;
        width: 100vw;
        height: 100%; } }
  .article-docs__icon-row {
    margin-bottom: 3.2rem; }
  .article-docs .button-module-wrapper .button-cta {
    max-width: 202px;
    margin-bottom: 6.4rem; }
  .article-docs .partnership-lockup {
    margin-bottom: 0; }
    .article-docs .partnership-lockup img {
      max-width: 70%; }
      @media screen and (max-width: 639px) {
        .article-docs .partnership-lockup img {
          max-width: 100%; } }
  .article-docs .partnership-cta {
    padding-top: 1.6rem;
    max-width: 1000px; }
    .article-docs .partnership-cta .button-module-wrapper {
      display: inline-block;
      min-width: 178px; }
      .article-docs .partnership-cta .button-module-wrapper:first-child {
        margin-right: 8px; }
  .article-docs .link-text a {
    color: #0a85ea; }
  .article-docs .link-text a::after {
    background: none; }
  .article-docs .callout-button.align-center {
    position: relative;
    margin: 0 0 1.6rem 0;
    padding: 1rem;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    background-color: white;
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0; }
    .article-docs .callout-button.align-center > :first-child {
      margin-top: 0; }
    .article-docs .callout-button.align-center > :last-child {
      margin-bottom: 0; }
    .article-docs .callout-button.align-center > button,
    .article-docs .callout-button.align-center > .button,
    .article-docs .callout-button.align-center > .button-group,
    .article-docs .callout-button.align-center > input,
    .article-docs .callout-button.align-center > textarea,
    .article-docs .callout-button.align-center > select,
    .article-docs .callout-button.align-center > p,
    .article-docs .callout-button.align-center > h1,
    .article-docs .callout-button.align-center > h2,
    .article-docs .callout-button.align-center > h3,
    .article-docs .callout-button.align-center > h4,
    .article-docs .callout-button.align-center > h5,
    .article-docs .callout-button.align-center > h6 {
      margin-bottom: 0;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .article-docs .callout-button.align-center.tall {
      height: 170px;
      margin-bottom: 0.8rem; }
    .article-docs .callout-button.align-center.dark {
      background-color: #033156; }
  .article-docs hr.section-divider {
    border-color: transparent;
    margin-top: 0;
    margin-bottom: 7.36rem; }
  .article-docs hr {
    border-color: #ebebeb; }
    .article-docs hr:not(.hr--margin-3) {
      margin-bottom: 5px; }
  .article-docs img {
    margin-bottom: 3.2rem; }
  .article-docs h2 {
    margin-bottom: 4rem; }
  .article-docs h4 {
    margin-bottom: 2rem; }
  .article-docs h5 {
    margin-bottom: 2rem; }
  .article-docs h2:hover .subtitle-anchor,
  .article-docs h4:hover .subtitle-anchor,
  .article-docs h5:hover .subtitle-anchor {
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); }
  .article-docs .margin-top {
    margin-top: 6.4rem; }
    @media screen and (min-width: 1024px) {
      .article-docs .margin-top {
        margin-top: 9.6rem; } }
  .article-docs .subtitle-anchor {
    display: inline-block;
    bottom: 2px;
    height: 18px;
    opacity: 0;
    padding: 0;
    position: relative;
    -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
            transform: translateX(-10px);
    -webkit-transition: opacity 150ms ease-in-out, color 250ms ease-in-out, -webkit-transform 150ms ease-in-out;
    transition: opacity 150ms ease-in-out, color 250ms ease-in-out, -webkit-transform 150ms ease-in-out;
    transition: opacity 150ms ease-in-out, transform 150ms ease-in-out, color 250ms ease-in-out;
    transition: opacity 150ms ease-in-out, transform 150ms ease-in-out, color 250ms ease-in-out, -webkit-transform 150ms ease-in-out;
    width: auto;
    z-index: 11; }
  .article-docs .icon-rows__icon {
    width: 112px; }
  .article-docs .subtitle-text {
    color: #9b9b9b;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-left: 20px;
    -webkit-transition: color 250ms ease-in-out;
    transition: color 250ms ease-in-out; }
    .article-docs .subtitle-text svg path {
      fill: #9b9b9b;
      -webkit-transition: fill 250ms ease-in-out;
      transition: fill 250ms ease-in-out; }
    .article-docs .subtitle-text:hover {
      color: #111; }
      .article-docs .subtitle-text:hover svg path {
        fill: #111; }
    .article-docs .subtitle-text--hidden {
      display: none;
      opacity: 0; }
    .article-docs .subtitle-text--is-blue {
      color: #0a85ea; }
      .article-docs .subtitle-text--is-blue:hover {
        color: #0a85ea; }
      .article-docs .subtitle-text--is-blue svg g g {
        fill: #0a85ea; }
  .article-docs p a:not(.button)::after,
  .article-docs label a::after,
  .article-docs td a:not(.button)::after,
  .article-docs .checklist li a::after {
    bottom: 0; }
  .article-docs p a:not(.button):hover code,
  .article-docs label a:hover code,
  .article-docs td a:not(.button):hover code,
  .article-docs .checklist li a:hover code {
    color: #0a85ea; }
  .article-docs p + h2 {
    margin-top: 6.8rem; }
  .article-docs p + h4 {
    margin-top: 6.8rem; }
  .article-docs p + h5 {
    margin-top: 3.2rem; }
  .article-docs p + .table-docs,
  .article-docs p + table {
    margin-top: 4.4rem; }
  .article-docs p + p img {
    margin-top: 3.2rem; }
  .article-docs p + p .button {
    margin-top: 1.6rem; }
  .article-docs .callout + h4 {
    margin-top: 6.8rem; }
  .article-docs h4 + .table-docs-simple {
    margin-top: 3.2rem; }
  .article-docs p + .code-container {
    margin-top: 3.2rem; }
    @media screen and (max-width: 639px) {
      .article-docs p + .code-container {
        margin-left: -2.4rem;
        margin-right: -2.24rem;
        border-radius: 0; } }
  .article-docs .callout {
    margin-bottom: 4.8rem;
    padding: 1.6rem; }
  .article-docs table th {
    white-space: nowrap; }
    @media screen and (max-width: 1023px) {
      .article-docs table th:nth-child(2) {
        display: none; } }
  .article-docs table,
  .article-docs .table-docs {
    border-radius: 4px;
    border-color: #dcdcdc;
    margin-bottom: 5.2rem; }
    .article-docs table th,
    .article-docs .table-docs th {
      padding-left: 1.6rem;
      padding-right: 0; }
    .article-docs table td,
    .article-docs .table-docs td {
      vertical-align: top;
      color: #4b4b4b;
      padding: 1.6rem; }
      .article-docs table td span,
      .article-docs table td small,
      .article-docs .table-docs td span,
      .article-docs .table-docs td small {
        font-size: 12px;
        color: #878787; }
    .article-docs table code,
    .article-docs .table-docs code {
      color: #111; }
  .article-docs ul + h5 {
    margin-top: 6.8rem; }
  .article-docs ul + .code-container {
    margin-top: 3.2rem; }
  .article-docs .button + h5 {
    margin-top: 6.4rem; }
  .article-docs .grid-x + h5 {
    margin-top: 6.8rem; }
  .article-docs ol {
    list-style-type: decimal; }

.article-docs-content--padding-bottom-extra {
  padding-bottom: 6.4rem; }

@media screen and (min-width: 640px) {
  .article-docs-content {
    max-width: 624px; } }

.article-header {
  padding-bottom: 3.2rem;
  margin-bottom: 3.2rem;
  position: relative; }
  .article-header::after {
    border-bottom: 1px solid #d7d7d7;
    content: '';
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 0; }
  .article-header--no-divider {
    padding-bottom: 0;
    margin-bottom: 0; }
    .article-header--no-divider::after {
      display: none; }

p code {
  padding: 0; }

.table-docs-simple tr {
  border-left: 0;
  border-right: 0; }
  .table-docs-simple tr:last-of-type {
    border-bottom: 0; }
  .table-docs-simple tr td {
    padding-top: 0.8rem;
    padding-bottom: 4rem;
    padding-left: 0; }

.selection-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .selection-section > .selection-section-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100% - 1.4rem); }
  .selection-section .selection-section-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    position: relative;
    margin: 0 0 1.6rem 0;
    padding: 1rem;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    background-color: white;
    color: #111;
    padding: 0.8rem 2.4rem 0.8rem 0.8rem; }
    .selection-section .selection-section-item > button,
    .selection-section .selection-section-item > .button,
    .selection-section .selection-section-item > .button-group,
    .selection-section .selection-section-item > input,
    .selection-section .selection-section-item > textarea,
    .selection-section .selection-section-item > select,
    .selection-section .selection-section-item > p,
    .selection-section .selection-section-item > h1,
    .selection-section .selection-section-item > h2,
    .selection-section .selection-section-item > h3,
    .selection-section .selection-section-item > h4,
    .selection-section .selection-section-item > h5,
    .selection-section .selection-section-item > h6 {
      margin-bottom: 0;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .selection-section .selection-section-item > :first-child {
      margin-top: 0; }
    .selection-section .selection-section-item > :last-child {
      margin-bottom: 0; }
    .selection-section .selection-section-item .selection-section-item-img {
      height: 90px;
      width: 90px;
      margin-bottom: 0;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      margin-right: 5px; }
      .selection-section .selection-section-item .selection-section-item-img__plaid-icon {
        max-height: 60px; }
    .selection-section .selection-section-item .selection-section-item-body {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 0;
          -ms-flex: 1 0 0px;
              flex: 1 0 0; }
    .selection-section .selection-section-item .selection-section-item-body small {
      line-height: 2.4rem; }
    .selection-section .selection-section-item .selection-section-item-arrow {
      height: 12px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      -webkit-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
      .selection-section .selection-section-item .selection-section-item-arrow g {
        fill: #878787; }
    .selection-section .selection-section-item p {
      margin-bottom: 0; }
    .selection-section .selection-section-item:hover .selection-section-item-arrow {
      -webkit-transform: translateX(8px);
          -ms-transform: translateX(8px);
              transform: translateX(8px); }
  @media screen and (min-width: 640px) {
    .selection-section > .selection-section-item {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: calc(50% - 1.4rem);
      margin-right: 0.7rem;
      margin-left: 0.7rem; } }

.docs-feature-blocks {
  margin-bottom: 3.2rem; }
  .docs-feature-blocks img {
    margin-bottom: 0;
    margin-right: 0.8rem;
    height: 2.4rem;
    width: 2.4rem; }
  .docs-feature-blocks img.with-text {
    margin-right: 0.24rem; }

.docs-table-wide table {
  font-size: 9px;
  letter-spacing: 0; }
  .docs-table-wide table th,
  .docs-table-wide table td:first-child {
    color: #111;
    font-family: 'Vaud-semibold';
    font-size: 12px;
    letter-spacing: 1px; }
    .docs-table-wide table th small,
    .docs-table-wide table td:first-child small {
      font-family: 'Inconsolata';
      font-size: 16px; }
      .docs-table-wide table th small code,
      .docs-table-wide table td:first-child small code {
        font-weight: bold;
        padding: 0; }
  .docs-table-wide table td:not(:first-child) {
    font-size: 16px;
    text-align: center;
    vertical-align: middle; }
    .docs-table-wide table td:not(:first-child) g {
      fill: #23d09c; }

.docs-diagram {
  padding: 0; }
  .docs-diagram .grid-x {
    margin-bottom: 24px; }
    @media screen and (max-width: 639px) {
      .docs-diagram .grid-x {
        margin-bottom: 40px; } }
  .docs-diagram img {
    margin-bottom: 0; }
  h2 + .docs-diagram {
    padding-top: 8px; }
  h4 + .docs-diagram {
    padding-top: 24px; }
  p + .docs-diagram {
    padding-top: 36px; }

.docs-diagram-text-row {
  border-top: 0.5px #b9b9b9 solid;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px; }
  .docs-diagram-text-row.heavy-divider {
    border-top: 1px #111 solid; }
  .docs-diagram-text-row.no-divider {
    border-top: 0px; }
  @media screen and (max-width: 639px) {
    .docs-diagram-text-row {
      margin-bottom: 24px; } }
  .docs-diagram-text-row:first-child {
    padding-right: 16px; }
    @media screen and (max-width: 639px) {
      .docs-diagram-text-row:first-child {
        padding-right: 0; } }
  .docs-diagram-text-row p {
    margin-bottom: 0; }

.docs-diagram-list-item {
  color: #111;
  padding-right: 16px; }

.docs-icon-platform-support {
  height: 30px;
  margin-bottom: 0 !important;
  max-width: 30px;
  width: 80px; }

h1, .h1 {
  line-height: 1.2; }

.legal .overview-section + hr.section-divider {
  border-color: #d7d7d7; }

.legal .section-divider + h2,
.legal .section-divider + h4 {
  margin-top: 6.4rem; }
  @media screen and (min-width: 1024px) {
    .legal .section-divider + h2,
    .legal .section-divider + h4 {
      margin-top: 9.6rem; } }

.article-item {
  display: block; }
  .article-item .cta-link {
    font-weight: 600; }
    .article-item .cta-link svg {
      -webkit-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
    .article-item .cta-link:hover svg {
      -webkit-transform: translateX(8px);
          -ms-transform: translateX(8px);
              transform: translateX(8px); }
  .article-item svg {
    margin-left: 0.4rem;
    height: 1rem; }
  @media screen and (min-width: 1024px) {
    .article-item:first-child {
      padding-right: 4.8rem; }
    .article-item:last-child {
      padding-left: 4.8rem; } }

.article-item-image {
  margin-bottom: 3.2rem; }

.article-item-title {
  margin-bottom: 2.4rem; }

.article-block-item-img {
  margin-bottom: 3.2rem; }

.article-block-item {
  margin-bottom: 3.2rem; }
  @media screen and (min-width: 640px) {
    .article-block-item {
      margin-bottom: 8rem; } }

.article-block-item-link {
  display: block;
  text-decoration: underline; }
  .article-block-item-link:hover {
    color: #0a85ea;
    text-decoration: none; }
  @media screen and (min-width: 640px) {
    .article-block-item-link {
      padding-right: 8rem; } }

.background {
  background-repeat: no-repeat; }
  .background--color-black100 {
    background-color: #f6f6f6; }
  .background--color-black1000 {
    background-color: #111; }
  .background--color-blue200 {
    background-color: #d4f9ff; }
  .background--color-blue400 {
    background-color: #b1eefc; }
  .background--color-blue600 {
    background-color: #63daff; }
  .background--color-green200 {
    background-color: #d0fce4; }
  .background--color-green600 {
    background-color: #5befbd; }
  .background--color-pink200 {
    background-color: #ffd7dc; }
  .background--color-pink600 {
    background-color: #ff7885; }
  .background--color-purple200 {
    background-color: #e1e1ff; }
  .background--color-purple600 {
    background-color: #9986f7; }
  .background--color-yellow200 {
    background-color: #fefbb8; }
  .background--color-yellow600 {
    background-color: #fce76b; }
  .background--color-purple200 {
    background-color: #e1e1ff; }
  .background--color-purple400 {
    background-color: #c6befc; }
  .background--image-stroke-accents {
    background-position: -100% 0, 200% 100%, 200% 100%, calc(100% + 200px) 0, -30px calc(100% + 140px);
    background-size: 150%, 150%, 150%, 295px, 295px; }
    @media screen and (min-width: 640px) {
      .background--image-stroke-accents {
        background-position: 95% 0, 95% 100%, 20% 100%, top right, bottom left;
        background-size: 324px auto, 427px auto, 33%, 20%, 20%; } }
  .background--image-stroke-yellow-card-hero {
    background-image: url("/assets/img/backgrounds/card-hero-brushstroke-bg@2x.png"); }
  .background--size-contain {
    background-size: contain; }
  .background--position-bottom-right {
    background-position: bottom right; }
  .background--black100 {
    background-color: #f6f6f6; }

.background-page-wrapper {
  position: relative; }

.contact .section-container {
  padding-bottom: 16rem;
  position: relative; }
  .contact .section-container::before {
    background-image: url("/assets/img/backgrounds/contact-bg-small.png");
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: '';
    display: block;
    height: 300px;
    position: absolute;
    right: -196px;
    width: 1440px;
    z-index: -1; }
  @media screen and (min-width: 1440px) {
    .contact .section-container::before {
      background-image: none; } }

@media screen and (min-width: 1440px) {
  .contact .background-page-wrapper::before {
    background-image: url("/assets/img/backgrounds/brush-contact-left.png");
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: '';
    display: block;
    height: 105px;
    left: 0;
    position: absolute;
    width: 637px;
    z-index: -1; } }

@media screen and (min-width: 1440px) {
  .contact .background-page-wrapper::after {
    background-image: url("/assets/img/backgrounds/brush-contact-right-small.png");
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: '';
    display: block;
    height: 300px;
    position: absolute;
    right: 0;
    width: 548px;
    z-index: -1; } }

.contact-thanks .section-container {
  padding-bottom: 12.8rem; }
  @media screen and (min-width: 1024px) {
    .contact-thanks .section-container {
      padding-bottom: 3.2rem; } }

.contact-thanks .contact-inline-img {
  position: relative;
  top: 3.2rem; }
  @media screen and (min-width: 1024px) {
    .contact-thanks .contact-inline-img {
      position: relative;
      top: -14.4rem;
      left: 1.6rem; } }

.contact-thanks .background-page-wrapper::before {
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  content: '';
  display: block;
  height: 105px;
  left: 0;
  position: absolute;
  width: 637px;
  z-index: -1;
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom; }
  @media screen and (min-width: 640px) {
    .contact-thanks .background-page-wrapper::before {
      background-image: url("/assets/img/backgrounds/brush-contact-left.png");
      -webkit-transform: scale(0.55);
          -ms-transform: scale(0.55);
              transform: scale(0.55); } }
  @media screen and (min-width: 1024px) {
    .contact-thanks .background-page-wrapper::before {
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8); } }
  @media screen and (min-width: 1280px) {
    .contact-thanks .background-page-wrapper::before {
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); } }

.contact-thanks .background-page-wrapper::after {
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  content: '';
  display: block;
  height: 300px;
  position: absolute;
  right: 0;
  width: 548px;
  z-index: -1;
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom; }
  @media screen and (min-width: 640px) {
    .contact-thanks .background-page-wrapper::after {
      background-image: url("/assets/img/backgrounds/brush-contact-right-small.png");
      -webkit-transform: scale(0.55);
          -ms-transform: scale(0.55);
              transform: scale(0.55); } }
  @media screen and (min-width: 1024px) {
    .contact-thanks .background-page-wrapper::after {
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8); } }
  @media screen and (min-width: 1280px) {
    .contact-thanks .background-page-wrapper::after {
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); } }

.company .section-container {
  padding: 0; }

.signup .background-page-wrapper::before {
  background-image: url("/assets/img/backgrounds/signup-bg.png");
  background-repeat: no-repeat;
  bottom: 0;
  content: '';
  display: none;
  height: 431px;
  position: absolute;
  right: 0;
  width: 665px;
  z-index: -1; }
  @media screen and (min-width: 640px) {
    .signup .background-page-wrapper::before {
      display: block; } }

.pricing .background-page-wrapper::before {
  background-image: url("/assets/img/accents/pricing-brushtroke-bottom.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 10%;
  content: '';
  height: 200px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1440px;
  z-index: -1; }
  @media screen and (min-width: 640px) {
    .pricing .background-page-wrapper::before {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); } }

@media screen and (max-width: 639px) {
  .how-we-handle-data .background--image-stroke-accents {
    background-size: 0; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .how-we-handle-data .background--image-stroke-accents {
    background-position: 100% 48%;
    background-size: 20%; }
    .how-we-handle-data .background--image-stroke-accents .section-container {
      padding-bottom: 3.2rem;
      padding-top: 3.2rem; } }

@media screen and (min-width: 1024px) {
  .how-we-handle-data .background--image-stroke-accents {
    background-size: 16%;
    background-position: 100% 83%; } }

.badge,
.label {
  color: #878787;
  font-family: 'Heimat', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 1.42857142857;
  text-transform: uppercase;
  padding: 1.256rem 1.28rem;
  line-height: 1.667 !important; }
  .badge:empty,
  .label:empty {
    display: none; }

.news-banner-container {
  min-height: 11.438rem; }

.news-banner .badge-new,
.news-banner p {
  display: inline-block; }

.news-banner .badge-new {
  color: #878787;
  font-family: 'Heimat', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 1.42857142857;
  text-transform: uppercase;
  color: #111; }

.label {
  display: inline-block;
  padding: 0.32rem;
  border-radius: 4px;
  font-size: 1.4rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  padding: 0.32rem 0.96rem;
  font-weight: bold;
  color: #111;
  border-radius: 0;
  margin-right: 0.4rem;
  border-radius: 2px;
  color: #878787;
  font-family: 'Heimat', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 1.42857142857;
  text-transform: uppercase;
  letter-spacing: 2.57px;
  font-size: 1.2rem;
  color: #111; }
  .label--red {
    background-color: #ffd7dc; }
  .label--green {
    background-color: #abffdb; }
  .label--black {
    background-color: #111; }
  .label--black100 {
    background-color: #f6f6f6; }
  .label--black200 {
    background-color: #ebebeb; }
  .label--black300 {
    background-color: #d7d7d7; }
  .label--black400 {
    background-color: #cacaca; }
  .label--black500 {
    background-color: #b9b9b9; }
  .label--black600 {
    background-color: #9b9b9b; }
  .label--black700 {
    background-color: #878787; }
  .label--black800 {
    background-color: #696969; }
  .label--black900 {
    background-color: #4b4b4b; }
  .label--black1000 {
    background-color: #111; }
  .label--blue200 {
    background-color: #d4f9ff; }
  .label--green200 {
    background-color: #d0fce4; }
  .label--yellow200 {
    background-color: #fefbb8; }
  .label--pink200 {
    background-color: #ffd7dc; }
  .label--red200 {
    background-color: #ffd7dc; }
  .label--purple200 {
    background-color: #e1e1ff; }
  .label--blue400 {
    background-color: #b1eefc; }
  .label--green400 {
    background-color: #abffdb; }
  .label--yellow400 {
    background-color: #fbf1a0; }
  .label--pink400 {
    background-color: #ffaab9; }
  .label--red400 {
    background-color: #ffaab9; }
  .label--purple400 {
    background-color: #c6befc; }
  .label--blue600 {
    background-color: #63daff; }
  .label--green600 {
    background-color: #5befbd; }
  .label--yellow600 {
    background-color: #fce76b; }
  .label--pink600 {
    background-color: #ff7885; }
  .label--red600 {
    background-color: #ff7885; }
  .label--purple600 {
    background-color: #9986f7; }
  .label--blue800 {
    background-color: #0a85ea; }
  .label--green800 {
    background-color: #23d09c; }
  .label--yellow800 {
    background-color: #f2d211; }
  .label--pink800 {
    background-color: #f44e66; }
  .label--red800 {
    background-color: #f44e66; }
  .label--purple800 {
    background-color: #7646ec; }
  .label--white {
    background-color: #ffffff; }

.banner-container {
  overflow: hidden;
  position: relative; }
  @media screen and (min-width: 1024px) {
    .banner-container {
      max-height: 64px; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .banner-container {
      max-height: 99px; } }
  @media screen and (max-width: 639px) {
    .banner-container {
      max-height: 82px; } }

.button-cta.benefit-section-cta {
  margin-top: 4rem; }

.benefit-section-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 112px;
  margin-bottom: 1.6rem;
  margin-top: 1.6rem;
  width: 112px; }
  .benefit-section-icon.benefit-section-icon-small {
    height: 48px;
    width: 48px;
    margin-left: 0; }
  @media screen and (min-width: 640px) {
    .benefit-section-icon {
      margin-left: 0;
      margin-bottom: 3.2rem; } }

.benefit-section-item-title {
  margin-bottom: 0.56rem; }

.benefit-section-item-description {
  margin-bottom: 4rem; }

.benefit-section {
  margin-top: 8.96rem; }
  .benefit-section .benefit-section-item-title,
  .benefit-section .benefit-section-item-description,
  .benefit-section .section-header {
    max-width: 73%; }
    @media screen and (min-width: 640px) {
      .benefit-section .benefit-section-item-title,
      .benefit-section .benefit-section-item-description,
      .benefit-section .section-header {
        max-width: none; } }
  .benefit-section .section-header {
    font-family: 'Vaud-semibold', Helvetica, Arial, sans-serif; }

.beta-callout {
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  margin-bottom: 3.2rem;
  padding: 2.4rem; }
  .beta-callout-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .beta-callout .beta-callout-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 3.2rem;
    margin-bottom: 0.4rem; }
  .beta-callout .beta-callout-title {
    margin-bottom: 0.5rem; }
  .beta-callout .beta-callout-icon {
    height: 3.2rem;
    margin-bottom: 0; }
  .beta-callout .beta-callout-description {
    margin-bottom: 1.5rem; }
  .beta-callout .beta-callout-cta {
    margin-left: 1.6rem;
    font-weight: 600;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; }
    .beta-callout .beta-callout-cta svg {
      height: 0.8rem;
      margin-left: 0.8rem;
      margin-bottom: 0.2rem;
      -webkit-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
  .beta-callout:hover .beta-callout-cta {
    color: #0a85ea; }
    .beta-callout:hover .beta-callout-cta svg {
      margin-left: 1rem; }
    .beta-callout:hover .beta-callout-cta svg g {
      fill: #0a85ea; }

.beta-callout-badge {
  border: 1px solid #0a85ea;
  border-radius: 2px;
  padding: 0 0.8rem;
  font-family: Inconsolata;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 1px; }

.block-list .block-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.6rem 0; }
  .block-list .block-list-item > button,
  .block-list .block-list-item > .button,
  .block-list .block-list-item > .button-group,
  .block-list .block-list-item > input,
  .block-list .block-list-item > textarea,
  .block-list .block-list-item > select,
  .block-list .block-list-item > p,
  .block-list .block-list-item > h1,
  .block-list .block-list-item > h2,
  .block-list .block-list-item > h3,
  .block-list .block-list-item > h4,
  .block-list .block-list-item > h5,
  .block-list .block-list-item > h6 {
    margin-bottom: 0;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .block-list .block-list-item + .block-list-item {
    border-top: 1px solid #d7d7d7; }
  .block-list .block-list-item:hover .block-list-title {
    color: #0a85ea; }
  .block-list .block-list-item:hover .block-list-icon g {
    fill: #0a85ea; }

.block-list-title,
.block-list-icon g {
  -webkit-transition: color 0.25s ease-out, fill 0.05s ease-out;
  transition: color 0.25s ease-out, fill 0.05s ease-out; }

.block-list-description {
  padding-right: 4.8rem;
  margin-bottom: 3.2rem; }

.block-list-icon {
  -webkit-transform: scale(1.6);
      -ms-transform: scale(1.6);
          transform: scale(1.6); }

.callout em, .callout small {
  line-height: 2.4rem; }

.callout-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.2rem; }
  .callout-header > button,
  .callout-header > .button,
  .callout-header > .button-group,
  .callout-header > input,
  .callout-header > textarea,
  .callout-header > select,
  .callout-header > p,
  .callout-header > h1,
  .callout-header > h2,
  .callout-header > h3,
  .callout-header > h4,
  .callout-header > h5,
  .callout-header > h6 {
    margin-bottom: 0;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .callout-header img {
    margin-bottom: 0; }

.action-card {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .action-card .card-section {
    padding: 0; }
    .action-card .card-section img {
      width: 100%; }
  .action-card .card-divider {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .action-card .action-card-link-text {
    font-weight: 600; }
  .action-card:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
            transform: scale(1.01); }

.careers-impact {
  padding-bottom: 2em; }
  .careers-impact__text {
    font-size: 14px; }
  .careers-impact__collage {
    margin-top: 1.5em; }
  @media screen and (min-width: 640px) {
    .careers-impact {
      padding-bottom: 4.75em; } }
  @media screen and (min-width: 1024px) {
    .careers-impact__text {
      font-size: 16px; } }

.openings-list-container {
  margin-bottom: 104px; }
  .openings-list-container .openings-item {
    border-bottom: 1px solid #d7d7d7;
    padding: 24px 0;
    position: relative; }
    @media screen and (max-width: 639px) {
      .openings-list-container .openings-item {
        padding: 12px 0;
        height: 72px; } }
    .openings-list-container .openings-item--no-border {
      border: none; }
    .openings-list-container .openings-item p {
      margin: 0; }
    .openings-list-container .openings-item--header {
      border: none;
      margin-top: 6.4rem; }
      .openings-list-container .openings-item--header:first-child {
        margin-top: 1.6rem; }
      @media screen and (max-width: 639px) {
        .openings-list-container .openings-item--header {
          margin-top: 1.6rem; } }
    .openings-list-container .openings-item .openings-item-arrow {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media screen and (max-width: 639px) {
        .openings-list-container .openings-item .openings-item-arrow {
          -webkit-transform: translateY(-50%) scale(0.75);
              -ms-transform: translateY(-50%) scale(0.75);
                  transform: translateY(-50%) scale(0.75); } }
      .openings-list-container .openings-item .openings-item-arrow svg {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg); }
        .openings-list-container .openings-item .openings-item-arrow svg g g {
          fill: currentColor; }
    .openings-list-container .openings-item.blue .openings-title,
    .openings-list-container .openings-item.blue .openings-location,
    .openings-list-container .openings-item.blue svg g g {
      color: #0a85ea; }
    .openings-list-container .openings-item.green .openings-title,
    .openings-list-container .openings-item.green .openings-location,
    .openings-list-container .openings-item.green svg g g {
      color: #23d09c; }
    .openings-list-container .openings-item.pink .openings-title,
    .openings-list-container .openings-item.pink .openings-location,
    .openings-list-container .openings-item.pink svg g g {
      color: #f44e66; }
    .openings-list-container .openings-item.purple .openings-title,
    .openings-list-container .openings-item.purple .openings-location,
    .openings-list-container .openings-item.purple svg g g {
      color: #7646ec; }
  .openings-list-container .openings-title {
    color: #4b4b4b;
    font-weight: 800; }
    @media screen and (max-width: 1023px) {
      .openings-list-container .openings-title {
        font-size: 14px; } }
    .openings-list-container .openings-title--align-right {
      text-align: right; }
  .openings-list-container .openings-location {
    position: relative;
    padding-left: 36px; }
    @media screen and (max-width: 1023px) {
      .openings-list-container .openings-location {
        font-size: 12px; } }
    .openings-list-container .openings-location:before {
      content: '';
      position: absolute;
      left: 0;
      height: 24px;
      width: 24px; }
    .openings-list-container .openings-location--salt-lake-city:before {
      background-image: url("/assets/img/icons/icon-location-slc.svg"); }
    .openings-list-container .openings-location--new-york:before {
      background-image: url("/assets/img/icons/icon-location-ny.svg"); }
    .openings-list-container .openings-location--san-francisco:before {
      background-image: url("/assets/img/icons/icon-location-sf.svg"); }
    .openings-list-container .openings-location--canada:before {
      background-image: url("/assets/img/icons/icon-location-canada.svg"); }
    .openings-list-container .openings-location--uk:before, .openings-list-container .openings-location--london:before {
      background-image: url("/assets/img/icons/icon-location-uk.svg"); }
    .openings-list-container .openings-location--amsterdam:before {
      background-image: url("/assets/img/icons/icon-location-netherlands.svg"); }
    .openings-list-container .openings-location--remote:before {
      background-image: url("/assets/img/icons/icon-location-remote.svg"); }
    .openings-list-container .openings-location--generic:before {
      background-image: url("/assets/img/icons/icon-location-generic.svg"); }

.checklist {
  margin-top: 2.4rem;
  margin: 0;
  padding-left: 2.88rem; }
  .checklist .checklist-item {
    color: #4b4b4b;
    font-size: 1.6rem;
    line-height: 1.5;
    list-style: none;
    margin-bottom: 2.08rem;
    position: relative; }
    .checklist .checklist-item::before {
      background-image: url("/assets/img/icons/checkmark-icon.svg");
      background-repeat: no-repeat;
      background-size: 60%;
      content: '';
      height: 21px;
      left: -28px;
      position: absolute;
      top: 5px;
      width: 21px; }
    .checklist .checklist-item:empty {
      display: none; }
  @media screen and (min-width: 640px) {
    .checklist {
      padding-left: 2.8rem; }
      .checklist .checklist-item::before {
        background-size: 100%;
        height: 12px;
        left: -25px;
        top: 4px;
        width: 12px; } }
  @media screen and (min-width: 1024px) {
    .checklist {
      margin-top: 0; } }

.checklist-title {
  margin-bottom: 1.6rem; }

.collage {
  position: relative;
  display: grid;
  grid-template-columns: 2fr 13fr 1fr 3fr 1fr 5fr 5.5fr 2fr;
  grid-template-rows: 3fr 5fr 1fr 4fr 4fr 2.5fr 1fr 8.5fr 5fr; }
  @media screen and (min-width: 640px) {
    .collage {
      grid-template-columns: 1.5fr 14fr 1fr 2.7fr 1fr 7.1fr 3fr 1fr 1.7fr 6.5fr;
      grid-template-rows: 3fr 5.5fr 1fr 4.1fr 4.1fr 1fr 2fr 1fr 4.5fr 5fr 4fr; }
      .collage::after {
        content: '';
        position: absolute;
        top: 14%;
        right: -3%;
        z-index: -1;
        display: block;
        width: 35%;
        height: 32%;
        background: url("/assets/img/accents/careers-brushstroke-collage.png") 0 0 no-repeat;
        background-size: contain; } }
  @media screen and (min-width: 1024px) {
    .collage {
      grid-template-columns: 8fr 14fr 2.9% 3fr 2.9% 7.1fr 3fr 2.9% 1.5fr 6.5fr 1.5fr; } }
  .collage__item {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    @media screen and (max-width: 1024px) {
      .collage__item div {
        height: 100%; } }
    @media screen and (min-width: 1024px) {
      .collage__item {
        pointer-events: auto; } }
  .collage__item--1 {
    grid-column: span 4;
    grid-row: 2 / span 5; }
    @media screen and (min-width: 640px) {
      .collage__item--1 {
        grid-row: 2 / span 6; } }
  .collage__item--2 {
    grid-column: 6 / span 3;
    grid-row: 1 / span 2; }
    @media screen and (min-width: 640px) {
      .collage__item--2 {
        grid-column: 6 / span 4; } }
  .collage__item--3 {
    grid-column: 2 / span 1;
    grid-row: 8 / span 1; }
    @media screen and (min-width: 640px) {
      .collage__item--3 {
        grid-row: 9 / span 2; } }
  .collage__item--4 {
    grid-column: 4 / span 4;
    grid-row: 8 / span 2; }
    @media screen and (min-width: 640px) {
      .collage__item--4 {
        grid-row: 9 / span 3; } }
  .collage__item--5 {
    grid-column: 7 / span 2;
    grid-row: 4 / span 2; }
    @media screen and (min-width: 640px) {
      .collage__item--5 {
        grid-column: 7 / span 4; } }
  .collage__item--6 {
    grid-column: 6 / span 2;
    grid-row: 5 / span 2; }
    @media screen and (min-width: 640px) {
      .collage__item--6 {
        grid-row: 5 / span 3; } }
  .collage__item--7 {
    display: none; }
    @media screen and (min-width: 640px) {
      .collage__item--7 {
        display: block;
        grid-column: 9 / span 2;
        grid-row: 7 / span 3; } }
    @media screen and (min-width: 1024px) {
      .collage__item--7 {
        grid-column: 9 / span 3; } }
  .collage__image {
    height: 100%; }
    @media screen and (min-width: 1024px) {
      .collage__image--ix img {
        -webkit-box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.16);
                box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.16);
        -webkit-transition: -webkit-box-shadow .3s ease-out;
        transition: -webkit-box-shadow .3s ease-out;
        transition: box-shadow .3s ease-out;
        transition: box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out; }
      .collage__image--ix:hover img {
        -webkit-box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.24);
                box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.24); } }
    @media screen and (max-width: 1024px) {
      .collage__image img {
        min-height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: 100% 0;
           object-position: 100% 0; }
        .collage__item--2 .collage__image img {
          -o-object-position: 50% 0;
             object-position: 50% 0; }
        .collage__item--5 .collage__image img {
          -o-object-position: 0 0;
             object-position: 0 0; }
        .collage__item--7 .collage__image img {
          -o-object-position: 0 0;
             object-position: 0 0; } }
  .collage__feature {
    display: none; }
    @media screen and (min-width: 1024px) {
      .collage__feature {
        display: block;
        height: 100%; } }

.collage-feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  -webkit-box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.24);
          box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.24); }

.collage-feature--image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  min-height: 100%; }

.collage-feature--post {
  padding: 16px;
  background: #ffffff; }
  .collage-feature--post .collage-feature__text {
    font-size: 14px; }
  @media screen and (max-width: 1279px) {
    .collage-feature--post .collage-feature__text {
      /* autoprefixer: off */
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding: 0;
      -webkit-line-clamp: 4;
      height: 9.6rem; } }
  @media screen and (min-width: 1280px) {
    .collage-feature--post {
      padding: 16px 32px 16px 16px; }
      .collage-feature--post .collage-feature__text {
        font-size: 16px; } }
  @media screen and (min-width: 1440px) {
    .collage-feature--post {
      padding: 16px 52px 16px 16px; } }

.collage-feature--quote {
  padding: 22px 26px 16px;
  background: #fce76b; }
  .collage-feature--quote .collage-feature__text {
    font-size: 16px;
    line-height: 24px; }
  .collage-feature--quote .collage-feature__byline {
    margin-top: 24px;
    font-size: 14px; }
  @media screen and (min-width: 1280px) {
    .collage-feature--quote {
      padding: 30px 36px 16px; }
      .collage-feature--quote .collage-feature__text {
        font-size: 21px;
        line-height: 28px; }
      .collage-feature--quote .collage-feature__byline {
        margin-top: 35px;
        font-size: 16px; } }

.code-container {
  height: 408px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin-bottom: 4.8rem;
  -webkit-box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.08); }
  .code-container:hover {
    -webkit-box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.16); }
  @media screen and (max-width: 639px) {
    .code-container {
      margin-bottom: 0; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .code-container {
      margin-bottom: 0; } }
  .code-container ::-webkit-scrollbar {
    height: 1px; }
  .code-container ::-webkit-scrollbar-track-piece {
    background: none;
    border-radius: 0 0 4px 0; }
  .code-container ::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: none;
    border-radius: 10px;
    border: 1px solid #4b4b4b;
    width: 5px; }
  .code-container--tall {
    height: 402px; }
  .code-container.static {
    height: 620px; }
  .code-container.code-container-short {
    height: auto; }
    .code-container.code-container-short .code-container-body {
      overflow: visible; }
    @media screen and (min-width: 1024px) {
      .code-container.code-container-short.code-container--has-no-header .code-container-header {
        height: 0;
        padding: 0; }
        .code-container.code-container-short.code-container--has-no-header .code-container-header .button-copy {
          margin-top: 5.6rem;
          padding-right: 1.6rem;
          z-index: 10; } }
  .code-container--z-index {
    position: relative;
    z-index: 1; }
  .code-container--no-margin {
    margin: 0; }

.auth .code-container,
.liabilities .code-container {
  height: 250px; }
  @media screen and (max-width: 1023px) {
    .auth .code-container--mobile-no-margin-bottom,
    .liabilities .code-container--mobile-no-margin-bottom {
      height: 430px;
      margin-bottom: 0; } }

.transactions .code-container {
  height: 390px; }
  @media screen and (max-width: 1023px) {
    .transactions .code-container--mobile-no-margin-bottom {
      height: 430px;
      margin-bottom: 0; } }

.identity .code-container {
  height: 245px; }
  @media screen and (max-width: 1023px) {
    .identity .code-container--mobile-no-margin-bottom {
      height: 430px;
      margin-bottom: 0; } }

.balance .code-container {
  height: 245px; }
  @media screen and (max-width: 1023px) {
    .balance .code-container--mobile-no-margin-bottom {
      height: 430px;
      margin-bottom: 0; } }

.assets .code-container {
  height: 270px; }
  @media screen and (max-width: 1023px) {
    .assets .code-container--mobile-no-margin-bottom {
      height: 430px;
      margin-bottom: 0; } }

@media screen and (max-width: 1023px) {
  .investments .code-container--mobile-no-margin-bottom {
    height: 430px;
    margin-bottom: 0; } }

.payment-initiation .code-container--payment-create {
  height: 223px; }

.payment-initiation .code-container--payment-get {
  height: 438px; }

.apply-by-api .code-container {
  height: 348px; }

.code-container-header {
  border-bottom: 1px solid #2e2e2e;
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #111;
  padding: 1.6rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  height: auto; }
  .code-container-header h6 {
    font-family: 'Vaud', Helvetica, Arial, sans-serif;
    font-weight: 600;
    text-transform: none;
    color: #b9b9b9;
    letter-spacing: 0.5px; }
    .code-container-header h6:hover .subtitle-anchor {
      opacity: 1;
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); }
    .code-container-header h6 .subtitle-anchor {
      bottom: 0; }
      .code-container-header h6 .subtitle-anchor .subtitle-text {
        letter-spacing: 0;
        margin-left: 16px; }
        .code-container-header h6 .subtitle-anchor .subtitle-text svg {
          margin-top: -4px;
          margin-right: 2px; }
        .code-container-header h6 .subtitle-anchor .subtitle-text:hover {
          color: #ffffff; }
          .code-container-header h6 .subtitle-anchor .subtitle-text:hover svg path {
            fill: #ffffff; }
        .code-container-header h6 .subtitle-anchor .subtitle-text--is-blue {
          color: #ffffff; }
          .code-container-header h6 .subtitle-anchor .subtitle-text--is-blue svg g g {
            fill: #ffffff; }
  .code-container-header > button,
  .code-container-header > .button,
  .code-container-header > .button-group,
  .code-container-header > input,
  .code-container-header > textarea,
  .code-container-header > select,
  .code-container-header > p,
  .code-container-header > h1,
  .code-container-header > h2,
  .code-container-header > h3,
  .code-container-header > h4,
  .code-container-header > h5,
  .code-container-header > h6 {
    margin-bottom: 0;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .code-container-header .button {
    font-size: 1.4rem;
    color: #b9b9b9;
    text-transform: uppercase;
    padding: 0;
    padding-bottom: 3px;
    margin-bottom: 0;
    height: auto;
    outline: 0; }
    .code-container-header .button:focus {
      color: #b9b9b9; }
    .code-container-header .button + .button {
      margin-left: 0.4rem; }
    .code-container-header .button:empty {
      display: none; }
    .code-container-header .button.is-active {
      color: #ffffff;
      border-bottom: 1px solid currentColor;
      display: inline-block;
      line-height: 14px; }
      .code-container-header .button.is-active:hover {
        color: #b9b9b9;
        border-bottom: 1px solid currentColor; }
  .code-container-header .button-code-toggle-wrapper {
    margin-top: 4px; }
  .code-container-header .button-copy {
    color: #b9b9b9;
    font-size: 1.4rem;
    margin-bottom: 0;
    margin-left: 2rem;
    -webkit-transition: border-color 0.25s ease-out, background-color 0.25s ease-out, color 0.25s ease-out, fill 0.25s ease-out;
    transition: border-color 0.25s ease-out, background-color 0.25s ease-out, color 0.25s ease-out, fill 0.25s ease-out;
    text-transform: none;
    font-family: 'Vaud', Helvetica, Arial, sans-serif;
    font-weight: 600; }
    .code-container-header .button-copy svg {
      height: 2rem;
      letter-spacing: normal;
      margin-right: -2px;
      margin-top: -3px; }
      .code-container-header .button-copy svg path {
        fill: #b9b9b9;
        -webkit-transition: fill 0.25s ease-out, translateX 0.1s ease-out;
        transition: fill 0.25s ease-out, translateX 0.1s ease-out; }
    .code-container-header .button-copy:hover {
      color: #ffffff; }
      .code-container-header .button-copy:hover svg path {
        fill: #ffffff; }
    .code-container-header .button-copy:focus, .code-container-header .button-copy:active {
      outline: none; }

.code-container-header-title {
  color: #b9b9b9;
  font-weight: 600; }

.code-container-body {
  background: #111;
  border-radius: 0 0 4px 4px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.code-lang-option:nth-child(n + 2) {
  display: none; }

.callout {
  word-wrap: break-word; }
  .callout code {
    color: #696969; }

code {
  font-size: 1.6rem;
  padding: 0; }

p code,
li code {
  color: #111;
  font-weight: inherit;
  padding: 0; }

.code-product-example .code-example {
  display: none; }
  .code-product-example .code-example.is-active {
    display: block; }

.code-product-example .pdf {
  display: none; }
  .code-product-example .pdf.is-active {
    display: block; }

.code-product-example .rendered {
  background-color: #ffffff;
  color: #111;
  display: none;
  min-height: 100%;
  padding: 1.4rem 1.6rem 1.4rem 1.6rem; }
  .code-product-example .rendered .explainer {
    padding-bottom: 40px; }
  @media screen and (max-width: 639px) {
    .code-product-example .rendered {
      height: auto;
      padding: 1.4rem 1.6rem 0 1.6rem; } }
  .code-product-example .rendered .balance-header {
    color: #111;
    font-weight: bold; }
  .code-product-example .rendered.is-active {
    display: block; }
  .code-product-example .rendered .account-item {
    padding: 7px 0px 7px 0px;
    font-weight: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .code-product-example .rendered .account-item .acctname,
    .code-product-example .rendered .account-item .total {
      font-family: 'Inconsolata', Monaco, Consolas, 'Lucida Console', monospace;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 75%;
          -ms-flex: 0 0 75%;
              flex: 0 0 75%; }
    .code-product-example .rendered .account-item .balance {
      font-family: 'Inconsolata', Monaco, Consolas, 'Lucida Console', monospace;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%; }
    @media screen and (max-width: 639px) {
      .code-product-example .rendered .account-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .code-product-example .rendered .sum-total {
    margin-top: 0.8rem;
    border-top: 1px solid #111111;
    padding-top: 0.8rem;
    font-weight: 600; }

.auth .code-container-header,
.transactions .code-container-header,
.identity .code-container-header,
.balance .code-container-header,
.assets .code-container-header,
.investments .code-container-header,
.liabilities .code-container-header,
.payment-initiation .code-container-header {
  padding: 1.28rem 0rem 1.2rem 1.92rem; }

.auth .code-container-body .code-example,
.transactions .code-container-body .code-example,
.identity .code-container-body .code-example,
.balance .code-container-body .code-example,
.assets .code-container-body .code-example,
.investments .code-container-body .code-example,
.liabilities .code-container-body .code-example,
.payment-initiation .code-container-body .code-example {
  height: 100%; }

.content-carousel:after {
  content: '';
  display: block;
  -webkit-box-shadow: inset 0px 8px 8px 0 rgba(0, 0, 0, 0.08), inset 0px -8px 8px 0 rgba(0, 0, 0, 0.08);
          box-shadow: inset 0px 8px 8px 0 rgba(0, 0, 0, 0.08), inset 0px -8px 8px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }
  @media screen and (max-width: 639px) {
    .content-carousel:after {
      display: none; } }

.content-carousel ​ .slick-prev,
.content-carousel .slick-next {
  height: 100%;
  width: 16rem; }

.content-carousel .slick-next {
  cursor: e-resize;
  right: 0; }

.content-carousel .slick-prev {
  cursor: w-resize;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 12.8rem; }

.content-carousel .slick-prev::before,
.content-carousel .slick-next::before {
  display: none; }

.content-carousel .slick-disabled {
  pointer-events: none; }

.content-carousel.slick-dotted.slick-slider {
  margin-bottom: 0; }

.content-carousel .slick-dots {
  bottom: 34.4rem;
  right: 512px;
  text-align: left;
  width: 50%;
  z-index: 1; }
  @media screen and (max-width: 1023px) {
    .content-carousel .slick-dots {
      left: 2rem; } }
  .content-carousel .slick-dots li {
    height: 24px;
    width: 24px;
    margin: 0; }
    .content-carousel .slick-dots li button {
      height: 24px;
      width: 24px; }
      .content-carousel .slick-dots li button:hover::before, .content-carousel .slick-dots li button:focus::before {
        -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5);
                transform: scale(1.5); }
      .content-carousel .slick-dots li button::before {
        width: 24px;
        height: 24px;
        font-size: 24px;
        line-height: 24px;
        color: #d7d7d7;
        opacity: 1;
        -webkit-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out; }
    .content-carousel .slick-dots li.slick-active button::before {
      color: #111;
      opacity: 1;
      -webkit-transform: scale(1.5);
          -ms-transform: scale(1.5);
              transform: scale(1.5); }

@media screen and (max-width: 639px) {
  .content-carousel {
    padding-bottom: 12.8rem; }
    .content-carousel .constrained-img img {
      max-height: 85%; } }

@media screen and (min-width: 640px) {
  .content-carousel .oversized-img img {
    -o-object-fit: cover;
       object-fit: cover; }
  .content-carousel .constrained-img img {
    max-width: 344px; }
  .content-carousel .slick-dots {
    top: auto;
    bottom: 2.4rem; } }

@media screen and (min-width: 1024px) {
  .content-carousel .slick-dots {
    top: auto; } }

@media screen and (min-width: 640px) {
  .content-carousel .slick-dots {
    bottom: 40px; } }

.content-carousel-slide-content {
  padding-top: 11.36rem;
  padding-left: 1.2rem;
  padding-right: 0;
  padding-bottom: 20px;
  position: relative;
  height: 313px; }
  @media screen and (max-width: 639px) {
    .content-carousel-slide-content {
      height: auto;
      padding-top: 9.6rem; } }
  @media screen and (min-width: 640px) {
    .content-carousel-slide-content {
      height: auto;
      padding-left: 2rem; } }
  @media screen and (min-width: 1280px) {
    .content-carousel-slide-content {
      padding-left: 2rem; } }
  .content-carousel-slide-content .section-header {
    margin-bottom: 1.4rem;
    margin-right: 36%; }
    @media screen and (max-width: 639px) {
      .content-carousel-slide-content .section-header {
        font-size: 16px;
        margin-bottom: 18px;
        margin-right: 1.2rem; } }
  .content-carousel-slide-content .section-title, .content-carousel-slide-content .feature-section-label,
  .content-carousel-slide-content .feature-section-label {
    margin-bottom: 5.1rem;
    margin-right: 36%; }
    @media screen and (max-width: 639px) {
      .content-carousel-slide-content .section-title, .content-carousel-slide-content .feature-section-label,
      .content-carousel-slide-content .feature-section-label {
        margin-right: 1.2rem; } }
  .content-carousel-slide-content .section-description, .content-carousel-slide-content .simple-carousel-body {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4.8rem;
    margin-right: 36%; }
    @media screen and (max-width: 639px) {
      .content-carousel-slide-content .section-description, .content-carousel-slide-content .simple-carousel-body {
        margin-right: 1.2rem;
        margin-bottom: 0;
        font-size: 14px; } }
  .content-carousel-slide-content .simple-carousel-body {
    margin-bottom: 2.7rem; }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .content-carousel-slide-content {
      -webkit-transform: translate(0px, 40px);
          -ms-transform: translate(0px, 40px);
              transform: translate(0px, 40px); } }
  .content-carousel-slide-content-container {
    max-width: 50.2rem;
    float: right;
    margin-right: 0; }
    @media screen and (max-width: 639px) {
      .content-carousel-slide-content-container {
        float: none; } }
  @media screen and (min-width: 640px) {
    .content-carousel-slide-content .section-title, .content-carousel-slide-content .feature-section-label,
    .content-carousel-slide-content .feature-section-label {
      margin-bottom: 3rem; } }

@media screen and (max-width: 639px) {
  .content-carousel-slide:not(:first-child) .section-title:not(.section-title--mobile), .content-carousel-slide:not(:first-child) .feature-section-label:not(.section-title--mobile) {
    display: none; } }

.content-cards-container {
  margin-bottom: 140px;
  margin-top: 80px; }

.content-card {
  -webkit-box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.08);
          box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.08);
  padding: 24px 40px 88px;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.5s ease-in;
  transition: -webkit-box-shadow 0.5s ease-in;
  transition: box-shadow 0.5s ease-in;
  transition: box-shadow 0.5s ease-in, -webkit-box-shadow 0.5s ease-in; }
  .content-card:hover {
    -webkit-box-shadow: 0 16px 24px 0 rgba(17, 17, 17, 0.08);
            box-shadow: 0 16px 24px 0 rgba(17, 17, 17, 0.08);
    cursor: pointer; }
    .content-card:hover .content-card-cta {
      color: #0a85ea; }
      .content-card:hover .content-card-cta svg {
        -webkit-transform: translateX(8px);
            -ms-transform: translateX(8px);
                transform: translateX(8px);
        -webkit-transition: -webkit-transform 0.5s ease-out;
        transition: -webkit-transform 0.5s ease-out;
        transition: transform 0.5s ease-out;
        transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }
        .content-card:hover .content-card-cta svg g {
          fill: #0a85ea; }
  @media screen and (max-width: 639px) {
    .content-card:not(:first-child) {
      margin-top: 32px; } }

.content-card-label {
  margin-bottom: 32px; }

.content-card-title {
  margin-bottom: 50px; }
  @media screen and (max-width: 639px) {
    .content-card-title {
      margin-bottom: 0; } }

.content-card-img {
  width: 4.8rem;
  height: 4.8rem; }

.content-card-divider {
  background-color: #d7d7d7;
  border: none;
  height: 3px;
  margin-left: 0;
  text-align: left;
  width: 40px; }

@media screen and (max-width: 639px) {
  .content-card-label,
  .content-card-title {
    padding: 0 40px; } }

.content-card-body {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.content-card-cta {
  bottom: 48px;
  color: #111111;
  font-size: 16px;
  font-weight: 1000;
  margin-bottom: 0;
  position: absolute;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in; }
  .content-card-cta svg {
    height: 10px;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    transition: -webkit-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }
    .content-card-cta svg g {
      fill: #111111;
      -webkit-transition: all 0.1s ease-in;
      transition: all 0.1s ease-in; }

.legal .overview-section .content-cards-container {
  margin: 3.2rem 0 5.6rem; }

@media screen and (max-width: 639px) {
  .legal .overview-section .content-cards-container > .grid-container, .legal .overview-section .accordion-section-titlebar .content-cards-container > .accordion-section-titlebar-inner, .accordion-section-titlebar .legal .overview-section .content-cards-container > .accordion-section-titlebar-inner {
    padding: 0; } }

.legal .overview-section .content-card {
  padding: 4rem 3.52rem 8rem; }
  @media screen and (min-width: 640px) {
    .legal .overview-section .content-card {
      height: 400px;
      width: 304px;
      margin: 0; } }

@media screen and (max-width: 639px) {
  .legal .overview-section .page-header-subheader {
    font-weight: bold;
    color: #4b4b4b; } }

.legal .overview-section .content-card-divider {
  margin-bottom: 1.6rem; }

.cookie-banner {
  background: white;
  bottom: 0;
  -webkit-box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, 0.08);
  display: none;
  height: 120px;
  position: fixed;
  width: 100vw;
  z-index: 999999; }
  @media screen and (max-width: 639px) {
    .cookie-banner {
      height: 180px; } }
  .cookie-banner .cookie-banner-content {
    height: 100%; }
    @media screen and (max-width: 639px) {
      .cookie-banner .cookie-banner-content--mobile-layout {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 0 16px; } }
    .cookie-banner .cookie-banner-content .grid-x {
      height: 100%; }
    .cookie-banner .cookie-banner-content .cookie-cell {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .cookie-banner .cookie-banner-content .cookie-cell--justify-end {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        @media screen and (max-width: 639px) {
          .cookie-banner .cookie-banner-content .cookie-cell--justify-end {
            -webkit-box-pack: initial;
            -webkit-justify-content: initial;
                -ms-flex-pack: initial;
                    justify-content: initial; } }
    .cookie-banner .cookie-banner-content .cookie-banner-image {
      height: 88px;
      width: 88px;
      margin-right: 16px; }
    .cookie-banner .cookie-banner-content .cookie-banner-text {
      margin-bottom: 0; }
      @media screen and (max-width: 639px) {
        .cookie-banner .cookie-banner-content .cookie-banner-text {
          font-size: 12px;
          line-height: 16px; } }
  .cookie-banner .cookie-banner-close {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 16px; }

@media screen and (min-width: 640px) {
  .credibility__item--bg-green {
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #abffdb), color-stop(25%, #ffffff));
    background: linear-gradient(90deg, #abffdb 25%, #ffffff 25%); }
  .credibility__item--bg-green .credibility__section--media {
    background: -webkit-gradient(linear, left top, right top, color-stop(60%, #abffdb), color-stop(60%, #ffffff));
    background: linear-gradient(90deg, #abffdb 60%, #ffffff 60%); }
  .credibility__item--bg-blue {
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #b1eefc), color-stop(25%, #ffffff));
    background: linear-gradient(90deg, #b1eefc 25%, #ffffff 25%); }
  .credibility__item--bg-blue .credibility__section--media {
    background: -webkit-gradient(linear, left top, right top, color-stop(60%, #b1eefc), color-stop(60%, #ffffff));
    background: linear-gradient(90deg, #b1eefc 60%, #ffffff 60%); }
  .credibility__item--bg-yellow {
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #fbf1a0), color-stop(25%, #ffffff));
    background: linear-gradient(90deg, #fbf1a0 25%, #ffffff 25%); }
  .credibility__item--bg-yellow .credibility__section--media {
    background: -webkit-gradient(linear, left top, right top, color-stop(60%, #fbf1a0), color-stop(60%, #ffffff));
    background: linear-gradient(90deg, #fbf1a0 60%, #ffffff 60%); }
  .credibility__item--bg-pink {
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #ffaab9), color-stop(25%, #ffffff));
    background: linear-gradient(90deg, #ffaab9 25%, #ffffff 25%); }
  .credibility__item--bg-pink .credibility__section--media {
    background: -webkit-gradient(linear, left top, right top, color-stop(60%, #ffaab9), color-stop(60%, #ffffff));
    background: linear-gradient(90deg, #ffaab9 60%, #ffffff 60%); }
  .credibility__item--bg-purple {
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #c6befc), color-stop(25%, #ffffff));
    background: linear-gradient(90deg, #c6befc 25%, #ffffff 25%); }
  .credibility__item--bg-purple .credibility__section--media {
    background: -webkit-gradient(linear, left top, right top, color-stop(60%, #c6befc), color-stop(60%, #ffffff));
    background: linear-gradient(90deg, #c6befc 60%, #ffffff 60%); }
  .credibility__item--bg-grey {
    background: -webkit-gradient(linear, right top, left top, color-stop(75%, #f6f6f6), color-stop(25%, #ffffff));
    background: linear-gradient(270deg, #f6f6f6 75%, #ffffff 25%); }
  .credibility__item--bg-grey .credibility__section--media {
    background: -webkit-gradient(linear, right top, left top, color-stop(40%, #f6f6f6), color-stop(60%, #ffffff));
    background: linear-gradient(270deg, #f6f6f6 40%, #ffffff 60%); }
  .credibility__item--bg-grey .credibility__section--content {
    background: none; } }

@media screen and (min-width: 1024px) {
  .credibility__item--bg-green,
  .credibility__item--bg-green .credibility__section--media {
    background: -webkit-gradient(linear, left top, right top, color-stop(49%, #abffdb), color-stop(49%, #ffffff));
    background: linear-gradient(90deg, #abffdb 49%, #ffffff 49%); }
  .credibility__item--bg-blue,
  .credibility__item--bg-blue .credibility__section--media {
    background: -webkit-gradient(linear, left top, right top, color-stop(49%, #b1eefc), color-stop(49%, #ffffff));
    background: linear-gradient(90deg, #b1eefc 49%, #ffffff 49%); }
  .credibility__item--bg-yellow,
  .credibility__item--bg-yellow .credibility__section--media {
    background: -webkit-gradient(linear, left top, right top, color-stop(49%, #fbf1a0), color-stop(49%, #ffffff));
    background: linear-gradient(90deg, #fbf1a0 49%, #ffffff 49%); }
  .credibility__item--bg-pink,
  .credibility__item--bg-pink .credibility__section--media {
    background: -webkit-gradient(linear, left top, right top, color-stop(49%, #ffaab9), color-stop(49%, #ffffff));
    background: linear-gradient(90deg, #ffaab9 49%, #ffffff 49%); }
  .credibility__item--bg-purple,
  .credibility__item--bg-purple .credibility__section--media {
    background: -webkit-gradient(linear, left top, right top, color-stop(49%, #c6befc), color-stop(49%, #ffffff));
    background: linear-gradient(90deg, #c6befc 49%, #ffffff 49%); }
  .credibility__item--bg-grey,
  .credibility__item--bg-grey .credibility__section--media {
    background: -webkit-gradient(linear, right top, left top, color-stop(51%, #f6f6f6), color-stop(49%, #ffffff));
    background: linear-gradient(270deg, #f6f6f6 51%, #ffffff 49%); } }

.credibility__section--content {
  min-height: 544px;
  padding: 32px 12px 50px;
  text-align: center; }

@media screen and (min-width: 640px) {
  .credibility__section--media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .credibility__section--content {
    padding-top: 24px;
    padding-bottom: 0;
    min-height: 432px;
    background: #ffffff;
    text-align: left; } }

@media screen and (min-width: 1024px) {
  .credibility__section {
    height: 800px; }
    .credibility__section--media {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .credibility__section--content {
      padding: 86px 0 0; } }

.credibility__media {
  width: 156px; }
  @media screen and (min-width: 768px) {
    .credibility__media {
      width: auto;
      max-width: 85%; } }
  @media screen and (min-width: 1024px) {
    .credibility__media {
      width: 352px;
      max-width: none; } }

.credibility .content-carousel {
  padding-bottom: 0; }
  .credibility .content-carousel::after {
    display: block; }
  .credibility .content-carousel .slick-dots {
    right: auto;
    bottom: 5.8825%;
    left: auto;
    width: 100%;
    text-align: center; }
    .credibility .content-carousel .slick-dots li.slick-active button::before {
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
    @media screen and (min-width: 640px) {
      .credibility .content-carousel .slick-dots {
        bottom: 40px;
        left: 44%;
        width: 50%;
        text-align: left; }
        .credibility .content-carousel .slick-dots li,
        .credibility .content-carousel .slick-dots li button,
        .credibility .content-carousel .slick-dots li button::before {
          width: 14px;
          height: 14px;
          font-size: 14px; }
        .credibility .content-carousel .slick-dots li.slick-active button {
          width: 16px;
          height: 16px;
          font-size: 16px; }
        .credibility .content-carousel .slick-dots li.slick-active button::before {
          -webkit-transform: scale(1.5);
              -ms-transform: scale(1.5);
                  transform: scale(1.5); } }
    @media screen and (min-width: 1024px) {
      .credibility .content-carousel .slick-dots {
        left: 50%; }
        .credibility .content-carousel .slick-dots li,
        .credibility .content-carousel .slick-dots li button,
        .credibility .content-carousel .slick-dots li button::before,
        .credibility .content-carousel .slick-dots li.slick-active button {
          width: 26px;
          height: 26px;
          font-size: 26px; } }

.credibility-quote__headline {
  margin-top: 16px;
  margin-bottom: 20px;
  color: #111;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px; }
  @media screen and (min-width: 640px) {
    .credibility-quote__headline {
      margin-top: 24px;
      margin-bottom: 8px;
      font-weight: 800; } }
  @media screen and (min-width: 1024px) {
    .credibility-quote__headline {
      margin-bottom: 55px;
      font-size: 24px;
      line-height: 32px; } }

.credibility-quote__label {
  margin-top: 16px;
  margin-bottom: 20px; }
  @media screen and (min-width: 640px) {
    .credibility-quote__label {
      margin-top: 48px;
      margin-bottom: 8px; } }
  @media screen and (min-width: 1024px) {
    .credibility-quote__label {
      margin-bottom: 55px; } }

.credibility-quote__icon {
  background-image: url("/assets/img/icons/quote-open-icon.svg");
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px; }
  @media screen and (min-width: 640px) {
    .credibility-quote__icon {
      margin: 0; } }

.credibility-quote__text {
  margin-top: 8px;
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
  line-height: 24px; }
  @media screen and (min-width: 640px) {
    .credibility-quote__text {
      margin-top: 26px;
      color: #111; } }
  @media screen and (min-width: 1024px) {
    .credibility-quote__text {
      margin-top: 8px;
      font-size: 24px;
      line-height: 36px; } }

.credibility-quote__attribution--grouped {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.credibility-quote__byline {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 24px; }
  @media screen and (min-width: 640px) {
    .credibility-quote__byline {
      margin-top: 25px; } }
  @media screen and (min-width: 1024px) {
    .credibility-quote__byline {
      margin-top: 35px;
      font-size: 16px; } }
  @media screen and (min-width: 640px) {
    .credibility-quote__byline--constrained {
      margin: 0; } }

.credibility-stat {
  position: relative;
  padding: 16px 0 0;
  min-height: 142px; }
  @media screen and (min-width: 640px) {
    .credibility-stat {
      padding-top: 20px; } }
  @media screen and (min-width: 1024px) {
    .credibility-stat {
      padding-top: 50px; } }
  .credibility-quote ~ .credibility-stat,
  .credibility-stat ~ .credibility-stat {
    margin-top: 16px; }
    @media screen and (min-width: 1024px) {
      .credibility-quote ~ .credibility-stat,
      .credibility-stat ~ .credibility-stat {
        margin-top: 50px; } }
  .credibility-stat::before {
    position: absolute;
    top: 0;
    content: '';
    border-top: 1px solid #cacaca;
    width: 100%; }
  @media screen and (max-width: 639px) {
    .credibility-stat:first-child::before {
      border-top: 2px solid #111; } }
  .credibility-stat__data {
    margin: 0;
    color: #111;
    font-size: 36px;
    font-weight: bold;
    line-height: 48px; }
    @media screen and (min-width: 640px) {
      .credibility-stat__data {
        margin-bottom: 0.8rem; } }
    @media screen and (min-width: 1024px) {
      .credibility-stat__data {
        margin-bottom: 1.6rem;
        font-size: 72px;
        font-weight: normal;
        line-height: 70px; } }
  .credibility-stat__text {
    margin: 0 auto 0.5em;
    max-width: 82.375%;
    font-size: 14px;
    line-height: 24px; }
    @media screen and (min-width: 640px) {
      .credibility-stat__text {
        max-width: 100%; } }
    @media screen and (min-width: 1024px) {
      .credibility-stat__text {
        margin-bottom: 1em;
        font-size: 16px; } }
  .credibility-stat__cta {
    margin-top: 16px; }
    @media screen and (min-width: 1024px) {
      .credibility-stat__cta {
        margin-top: 64px; } }

.credibility-cta {
  text-align: center;
  margin-top: 8px; }

.credibility-logo {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  margin-top: 30px;
  padding-bottom: 1.6rem;
  padding-top: 9.6rem;
  position: relative;
  z-index: 1;
  overflow: visible; }
  .credibility-logo span {
    display: inline-block;
    position: relative;
    padding-right: 0rem;
    padding-left: 0rem; }
    .credibility-logo span::before, .credibility-logo span::after {
      content: '';
      position: absolute;
      height: 100%;
      width: 40vw;
      top: 50%;
      border-top-style: solid;
      border-top-width: 1px;
      border-top-color: #cacaca; }
    .credibility-logo span::before {
      right: 100%; }
    .credibility-logo span::after {
      left: 100%; }
  @media screen and (max-width: 639px) {
    .credibility-logo {
      padding-top: 0; }
      .credibility-logo.show-for-small-only {
        text-align: center; } }
  .credibility-logo--grouped {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 16px 0 0;
    padding: 0; }
  .credibility-logo__asset {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
    border-radius: 0.8rem;
    height: 6.4rem; }
    .credibility-logo__asset:hover {
      -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
              box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16); }
    .credibility-logo--grouped .credibility-logo__asset {
      border-radius: 0; }
    .credibility-logo__asset img {
      border-radius: 0.8rem;
      max-height: 100%; }
      @media screen and (max-width: 639px) {
        .credibility-logo__asset img {
          border-radius: 0; } }
    .credibility-logo__asset--remove-border:before, .credibility-logo__asset--remove-border:after {
      display: none; }
    @media screen and (max-width: 639px) {
      .credibility-logo__asset--large-mobile {
        height: 35.2rem; } }

.cta-section {
  padding: 4.8rem 0 9.6rem; }
  .cta-section--dark {
    color: #ffffff; }
    .cta-section--dark .cta-section__bullets {
      color: #b9b9b9; }
    .cta-section--dark .cta-section__input, .cta-section--dark .cta-section__label {
      background-color: #111;
      color: #b9b9b9; }
    .cta-section--dark p,
    .cta-section--dark p a {
      color: #b9b9b9; }
    .cta-section--dark p a {
      text-decoration: underline; }
  .cta-section__bullets {
    color: #4b4b4b;
    margin-top: 3.2rem;
    padding-bottom: 0;
    padding-left: 1.2rem;
    list-style-type: none; }
    .cta-section__bullets__li {
      padding-bottom: 1.2rem; }
      .cta-section__bullets__li:before {
        content: '';
        width: 12px;
        height: 12px;
        display: inline-block;
        background-image: url("/assets/img/icons/checkmark-icon-green.svg");
        background-size: contain;
        margin-left: -20px;
        margin-right: 10px;
        -webkit-transform: translateY(1px);
            -ms-transform: translateY(1px);
                transform: translateY(1px); }
  .cta-section__image {
    margin: 2.4rem 0 0.8rem; }
  .cta-section .grid-container, .cta-section .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .cta-section .accordion-section-titlebar-inner {
    position: relative; }
  .cta-section .cta-background {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: url("/assets/img/backgrounds/cta-bg.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 392px;
    height: 392px;
    right: 0;
    width: 392px; }
  .cta-section .button {
    margin-bottom: 0; }
  .cta-section .align-middle h1,
  .cta-section .align-middle .h1,
  .cta-section .align-middle h2,
  .cta-section .align-middle .h2,
  .cta-section .align-middle h3,
  .cta-section .align-middle .h3,
  .cta-section .align-middle h4,
  .cta-section .align-middle .h4 {
    margin-bottom: 0; }
  .cta-section .cta-stacked-center h4 {
    margin-bottom: 2.4rem; }
  .cta-section .cta-section-content {
    margin-bottom: 3.2rem; }
  @media screen and (min-width: 640px) {
    .cta-section {
      margin-bottom: 0;
      padding: 9.6rem 0; }
      .cta-section .cta-section-content {
        margin-bottom: 0; } }

.open-banking .cta-section {
  padding: 0; }
  .open-banking .cta-section .grid-container, .open-banking .cta-section .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .open-banking .cta-section .accordion-section-titlebar-inner {
    position: relative;
    padding: 8rem 0; }
    @media screen and (min-width: 640px) {
      .open-banking .cta-section .grid-container, .open-banking .cta-section .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .open-banking .cta-section .accordion-section-titlebar-inner {
        padding: 12.8rem 0; } }
    .open-banking .cta-section .grid-container::before, .open-banking .cta-section .accordion-section-titlebar .accordion-section-titlebar-inner::before, .accordion-section-titlebar .open-banking .cta-section .accordion-section-titlebar-inner::before {
      background-image: url("/assets/img/backgrounds/question-cta-bg-left.png");
      background-repeat: no-repeat;
      background-size: cover;
      content: '';
      height: 387px;
      width: 255px;
      position: absolute;
      top: 80px;
      left: -100%; }
      @media screen and (min-width: 1024px) {
        .open-banking .cta-section .grid-container::before, .open-banking .cta-section .accordion-section-titlebar .accordion-section-titlebar-inner::before, .accordion-section-titlebar .open-banking .cta-section .accordion-section-titlebar-inner::before {
          left: -20%; } }
    .open-banking .cta-section .grid-container::after, .open-banking .cta-section .accordion-section-titlebar .accordion-section-titlebar-inner::after, .accordion-section-titlebar .open-banking .cta-section .accordion-section-titlebar-inner::after {
      background-image: url("/assets/img/backgrounds/question-cta-bg-right.png");
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      height: 278px;
      width: 192px;
      position: absolute;
      top: 0;
      right: -40%; }
      @media screen and (min-width: 640px) {
        .open-banking .cta-section .grid-container::after, .open-banking .cta-section .accordion-section-titlebar .accordion-section-titlebar-inner::after, .accordion-section-titlebar .open-banking .cta-section .accordion-section-titlebar-inner::after {
          right: -20%; } }
      @media screen and (min-width: 1024px) {
        .open-banking .cta-section .grid-container::after, .open-banking .cta-section .accordion-section-titlebar .accordion-section-titlebar-inner::after, .accordion-section-titlebar .open-banking .cta-section .accordion-section-titlebar-inner::after {
          right: -15%; } }

.open-banking .cta-stacked-center {
  text-align: left;
  padding: 0 12px; }
  @media screen and (min-width: 640px) {
    .open-banking .cta-stacked-center .h4 {
      padding-bottom: 3.2rem; } }
  .open-banking .cta-stacked-center .regular-text {
    padding-bottom: 3.2rem; }
  .open-banking .cta-stacked-center .grid-x {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start; }

.culture .culture-feature-image-container {
  margin-top: 132px; }
  @media screen and (max-width: 639px) {
    .culture .culture-feature-image-container {
      margin-top: 40px; } }

@media screen and (min-width: 1024px) {
  .culture .culture-feature-image {
    width: 1120px;
    max-width: inherit;
    margin-left: -218px; } }

.customer-stories__page-header {
  position: relative;
  overflow: hidden; }
  .customer-stories__page-header::before {
    content: '';
    position: absolute;
    display: block;
    background-image: url("/assets/img/accents/customer-stories-brushstroke-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 30%; }
  .customer-stories__page-header::after {
    content: '';
    position: absolute;
    top: 0;
    right: -20%;
    display: block;
    background-image: url("/assets/img/accents/customer-stories-brushstroke-2.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    width: 60%; }
  @media screen and (min-width: 640px) {
    .customer-stories__page-header::after {
      top: -295px;
      bottom: 0;
      right: -600px;
      background-position: 0;
      height: 804px;
      width: 886px;
      background-size: 40%; } }
  @media screen and (min-width: 1024px) {
    .customer-stories__page-header {
      overflow: visible; }
      .customer-stories__page-header::before {
        height: 60%; }
      .customer-stories__page-header::after {
        top: 0;
        bottom: auto;
        right: 0;
        background-position: 100% 0;
        height: 120%;
        width: 100%;
        background-size: contain; } }

.customer-stories__content {
  margin-top: 24px; }
  @media screen and (min-width: 1024px) {
    .customer-stories__content {
      margin-top: 64px; } }

.customer-stories__feature {
  margin-bottom: 20px; }
  @media screen and (max-width: 639px) {
    .customer-stories__feature {
      margin: 0 0 40px; } }

@media screen and (min-width: 640px) {
  .customer-stories__collection {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 18px 18px; } }

@media screen and (min-width: 1024px) {
  .customer-stories__collection {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 26px 16px; } }

@media screen and (max-width: 639px) {
  .customer-stories__item {
    margin: 0 0 26px; } }

.customer-stories__credibility {
  margin: 60px 0 0;
  padding: 60px 0 40px;
  background-color: #f6f6f6; }
  @media screen and (min-width: 640px) {
    .customer-stories__credibility {
      padding: 60px 0; } }
  @media screen and (min-width: 1024px) {
    .customer-stories__credibility {
      padding: 130px 0 130px; } }
  @media screen and (max-width: 639px) {
    .customer-stories__credibility img {
      margin-bottom: 50px; } }

.customer-story-feature {
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  display: block;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .customer-story-feature:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16); }
  .customer-story-feature__image-block {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .customer-story-feature:hover .customer-story-feature__image-block {
      opacity: 0.8; }
  .customer-story-feature__text-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 28px;
    height: 100%; }
    @media screen and (min-width: 640px) {
      .customer-story-feature__text-block {
        padding: 25px 50px 10px 18px; } }
    @media screen and (min-width: 768px) {
      .customer-story-feature__text-block {
        padding-top: 36px; } }
    @media screen and (min-width: 1024px) {
      .customer-story-feature__text-block {
        padding: 85px 60px 60px 50px; } }
  .customer-story-feature__headline {
    font-weight: bold; }
    @media screen and (min-width: 1024px) {
      .customer-story-feature__headline {
        margin-bottom: 32px;
        font-size: 24px; } }
  .customer-story-feature__subhead {
    font-size: 14px;
    line-height: 24px; }
    @media screen and (min-width: 1024px) {
      .customer-story-feature__subhead {
        margin-bottom: 32px;
        font-size: 16px; } }
  .customer-story-feature__cta {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold; }
    @media screen and (min-width: 1024px) {
      .customer-story-feature__cta {
        font-size: 16px; } }

.customer-story-tile {
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  display: block;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .customer-story-tile:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16); }
  .customer-story-tile__logo {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .customer-story-tile:hover .customer-story-tile__logo {
      opacity: 0.8; }
  .customer-story-tile__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 28px;
    background: #ffffff;
    min-height: 130px; }
    @media screen and (min-width: 1024px) {
      .customer-story-tile__text {
        padding: 32px;
        min-height: 154px; } }
  .customer-story-tile__excerpt {
    margin-bottom: 8px; }
    @media screen and (min-width: 640px) {
      .customer-story-tile__excerpt {
        margin: 0; } }
  .customer-story-tile__cta {
    margin: auto 0 0;
    font-weight: bold; }

.data-header {
  background-color: #f6f6f6;
  padding-top: 12.8rem;
  padding-bottom: 6.4rem; }

.header-text-desc {
  font-weight: 400; }

.description-row {
  margin-bottom: 64px;
  min-height: 500px; }
  @media screen and (max-width: 639px) {
    .description-row {
      margin-bottom: 0;
      min-height: auto; } }
  .description-row--row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .description-row--uk-spot-bottom-alignment {
    margin-bottom: 20px; }
  .description-row--extra-bottom-margin {
    margin-bottom: 96px; }
  .description-row--extra-extra-bottom-margin {
    margin-bottom: 160px; }
    @media screen and (max-width: 639px) {
      .description-row--extra-extra-bottom-margin {
        margin-bottom: 80px; } }
  .description-row .section-title, .description-row .feature-section-label {
    margin-top: 12.6rem; }
    @media screen and (max-width: 639px) {
      .description-row .section-title, .description-row .feature-section-label {
        margin-top: 4rem;
        margin-bottom: 2.4rem; } }
  .description-row .description-row-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 999; }
    .description-row .description-row-wrapper.flipped {
      -webkit-box-pack: left;
      -webkit-justify-content: left;
          -ms-flex-pack: left;
              justify-content: left;
      -webkit-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
              transform: translateX(-20px); }
      @media screen and (max-width: 639px) {
        .description-row .description-row-wrapper.flipped {
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none; } }
  @media screen and (max-width: 639px) {
    .description-row .simple-carousel-phone-img {
      margin: -160px auto 0;
      -webkit-transform: scale(0.6) translate(0, 55px);
          -ms-transform: scale(0.6) translate(0, 55px);
              transform: scale(0.6) translate(0, 55px);
      margin-bottom: 80px; } }
  @media screen and (max-width: 639px) {
    .description-row .simple-carousel-phone-img--bottom {
      margin-top: -80px; } }
  .description-row .description-row-accent {
    position: absolute;
    left: -200px;
    top: 0;
    z-index: -1;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9); }
    @media screen and (max-width: 639px) {
      .description-row .description-row-accent {
        top: -1rem;
        left: 0;
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8); }
        .description-row .description-row-accent--hide {
          display: none; } }
    .description-row .description-row-accent--integration {
      left: 0;
      right: 0; }
      @media screen and (max-width: 639px) {
        .description-row .description-row-accent--integration {
          top: 20%; } }
    .description-row .description-row-accent.right-align-brush {
      right: -280px;
      left: auto;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
      @media screen and (max-width: 639px) {
        .description-row .description-row-accent.right-align-brush--remove-on-mobile {
          right: auto; }
        .description-row .description-row-accent.right-align-brush.description-row-accent--mobile-image {
          position: relative;
          top: auto;
          bottom: auto;
          left: auto;
          right: auto;
          width: 320px;
          margin: 64px auto 96px;
          -webkit-transform: scale(1.5);
              -ms-transform: scale(1.5);
                  transform: scale(1.5);
          margin-bottom: 96px; } }
    .description-row .description-row-accent--spot-developer-offset {
      top: 40px; }
    .description-row .description-row-accent--spot-uk-launch-offset {
      top: 160px; }
      @media screen and (max-width: 639px) {
        .description-row .description-row-accent--spot-uk-launch-offset {
          top: 76px; } }

.trouble-connecting .description-row {
  margin-top: 4.8rem;
  margin-bottom: 0;
  min-height: 172px; }
  @media screen and (max-width: 1023px) {
    .trouble-connecting .description-row > .cell {
      width: 100%; } }
  .trouble-connecting .description-row .section-title, .trouble-connecting .description-row .feature-section-label {
    margin: 0; }
  .trouble-connecting .description-row .section-header {
    font-size: 24px;
    margin: 2.4rem 0 1.6rem; }
    @media screen and (min-width: 1024px) {
      .trouble-connecting .description-row .section-header {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 2.4rem; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .trouble-connecting .description-row .description-row-wrapper {
      margin-left: 0; } }
  @media screen and (max-width: 1023px) {
    .trouble-connecting .description-row .right-align-brush {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media screen and (max-width: 1023px) {
    .trouble-connecting .description-row .description-row-image {
      width: 50%; } }

.description-row-code {
  margin-bottom: 230px; }
  .description-row-code .section-title, .description-row-code .feature-section-label {
    margin-top: 12.6rem; }
  .description-row-code .content-carousel-description {
    max-width: 38.4rem; }
    @media screen and (max-width: 639px) {
      .description-row-code .content-carousel-description {
        font-size: 14px; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .description-row-code .section-header {
      font-size: 16px; } }
  .description-row-code .description-row-code-spacer {
    margin-top: 12.6rem; }
  .description-row-code .description-row-code-spacer-1 {
    margin-top: 23rem; }
  .description-row-code .description-row-code-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .description-row-code .description-row-code-wrapper > button,
    .description-row-code .description-row-code-wrapper > .button,
    .description-row-code .description-row-code-wrapper > .button-group,
    .description-row-code .description-row-code-wrapper > input,
    .description-row-code .description-row-code-wrapper > textarea,
    .description-row-code .description-row-code-wrapper > select,
    .description-row-code .description-row-code-wrapper > p,
    .description-row-code .description-row-code-wrapper > h1,
    .description-row-code .description-row-code-wrapper > h2,
    .description-row-code .description-row-code-wrapper > h3,
    .description-row-code .description-row-code-wrapper > h4,
    .description-row-code .description-row-code-wrapper > h5,
    .description-row-code .description-row-code-wrapper > h6 {
      margin-bottom: 0;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .description-row-code .description-row-code-wrapper.left {
      -webkit-box-pack: left;
      -webkit-justify-content: left;
          -ms-flex-pack: left;
              justify-content: left;
      -webkit-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
              transform: translateX(-20px); }
    .description-row-code .description-row-code-wrapper .description-row-code-block {
      width: 134%;
      position: absolute;
      left: 0;
      bottom: -32px;
      padding: 1.6rem; }
      @media screen and (max-width: 639px) {
        .description-row-code .description-row-code-wrapper .description-row-code-block {
          width: 100%; } }

.description-row-code-accent-0 {
  position: absolute;
  top: 160px;
  left: 0;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2); }

.description-row-code-accent-1 {
  position: absolute;
  left: -200px;
  top: 0;
  z-index: -1;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9); }

.faq-list {
  margin: 0;
  padding-left: 1.92rem; }
  .faq-list .faq-list-item {
    color: #4b4b4b;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.5;
    list-style: none;
    position: relative; }
    .faq-list .faq-list-item a {
      padding: 0.64rem 0;
      -webkit-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
      .faq-list .faq-list-item a svg {
        -webkit-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        height: 10px; }
      .faq-list .faq-list-item a svg g {
        fill: #696969; }
    .faq-list .faq-list-item a:hover {
      color: #0a85ea; }
      .faq-list .faq-list-item a:hover svg {
        -webkit-transform: translateX(8px);
            -ms-transform: translateX(8px);
                transform: translateX(8px); }
      .faq-list .faq-list-item a:hover svg polygon, .faq-list .faq-list-item a:hover svg path {
        fill: #0a85ea; }
    .faq-list .faq-list-item::before {
      background-image: url("/assets/img/icons/bullet-blue-icon.svg");
      background-repeat: no-repeat;
      background-size: 60%;
      content: '';
      height: 16px;
      left: -20px;
      position: absolute;
      top: 8px;
      width: 16px; }
    .faq-list .faq-list-item:empty {
      display: none; }
  @media screen and (min-width: 1024px) {
    .faq-list {
      margin-top: 0; } }

.faq-header {
  font-family: 'Inconsolata', Monaco, Consolas, 'Lucida Console', monospace;
  font-size: 1.4rem;
  color: #111; }
  @media screen and (min-width: 640px) {
    .faq-header {
      font-size: 1.6rem; } }

.faq-description {
  margin-bottom: 4.8rem;
  font-size: 1.4rem; }
  @media screen and (min-width: 640px) {
    .faq-description {
      font-size: 1.6rem; } }

.features-container {
  margin-bottom: 140px;
  margin-top: 8rem; }
  .uk .features-container,
  .eu .features-container {
    margin-bottom: 100px; }
  @media screen and (max-width: 639px) {
    .features-container {
      margin-bottom: 8rem; } }
  .features-container .features-img {
    max-width: 144px; }
    .features-container .features-img--single-feature {
      max-width: 384px; }
    .features-container .features-img--small-img {
      max-width: 64px;
      margin-bottom: 1.6rem; }
    .features-container .features-img--48-width {
      margin-bottom: 32px;
      max-width: 48px; }
      @media screen and (max-width: 639px) {
        .features-container .features-img--48-width {
          margin: 24px 0; } }

.features-label {
  color: #9b9b9b;
  margin-bottom: 32px; }

.features-title {
  margin-bottom: 64px; }
  @media screen and (max-width: 639px) {
    .features-title {
      margin-bottom: 0; } }

.features-row {
  margin-bottom: 56px; }
  .features-row h5 {
    margin-bottom: 16px; }

@media screen and (max-width: 639px) {
  .how-we-handle-data .features-row {
    margin-bottom: 3.2rem; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .how-we-handle-data .features-container {
    margin-bottom: 9.6rem;
    margin-top: 8rem; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .how-we-handle-data .features-column-item:last-child .features-img--48-width {
    margin-bottom: 28px; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .how-it-works .features-container {
    margin-bottom: 6.4rem;
    margin-top: 6.4rem; } }

.how-it-works .features-img--small-img {
  max-width: 64px;
  margin-bottom: 3.52rem; }

.feature-section-wrapper {
  padding-bottom: 9.6rem;
  padding-top: 9.6rem; }
  .feature-section-wrapper--black {
    background-color: #111; }
  .feature-section-wrapper--black100 {
    background-color: #f6f6f6; }
  .feature-section-wrapper--black200 {
    background-color: #ebebeb; }
  .feature-section-wrapper--black300 {
    background-color: #d7d7d7; }
  .feature-section-wrapper--black400 {
    background-color: #cacaca; }
  .feature-section-wrapper--black500 {
    background-color: #b9b9b9; }
  .feature-section-wrapper--black600 {
    background-color: #9b9b9b; }
  .feature-section-wrapper--black700 {
    background-color: #878787; }
  .feature-section-wrapper--black800 {
    background-color: #696969; }
  .feature-section-wrapper--black900 {
    background-color: #4b4b4b; }
  .feature-section-wrapper--black1000 {
    background-color: #111; }
  .feature-section-wrapper--blue200 {
    background-color: #d4f9ff; }
  .feature-section-wrapper--green200 {
    background-color: #d0fce4; }
  .feature-section-wrapper--yellow200 {
    background-color: #fefbb8; }
  .feature-section-wrapper--pink200 {
    background-color: #ffd7dc; }
  .feature-section-wrapper--red200 {
    background-color: #ffd7dc; }
  .feature-section-wrapper--purple200 {
    background-color: #e1e1ff; }
  .feature-section-wrapper--blue400 {
    background-color: #b1eefc; }
  .feature-section-wrapper--green400 {
    background-color: #abffdb; }
  .feature-section-wrapper--yellow400 {
    background-color: #fbf1a0; }
  .feature-section-wrapper--pink400 {
    background-color: #ffaab9; }
  .feature-section-wrapper--red400 {
    background-color: #ffaab9; }
  .feature-section-wrapper--purple400 {
    background-color: #c6befc; }
  .feature-section-wrapper--blue600 {
    background-color: #63daff; }
  .feature-section-wrapper--green600 {
    background-color: #5befbd; }
  .feature-section-wrapper--yellow600 {
    background-color: #fce76b; }
  .feature-section-wrapper--pink600 {
    background-color: #ff7885; }
  .feature-section-wrapper--red600 {
    background-color: #ff7885; }
  .feature-section-wrapper--purple600 {
    background-color: #9986f7; }
  .feature-section-wrapper--blue800 {
    background-color: #0a85ea; }
  .feature-section-wrapper--green800 {
    background-color: #23d09c; }
  .feature-section-wrapper--yellow800 {
    background-color: #f2d211; }
  .feature-section-wrapper--pink800 {
    background-color: #f44e66; }
  .feature-section-wrapper--red800 {
    background-color: #f44e66; }
  .feature-section-wrapper--purple800 {
    background-color: #7646ec; }
  .feature-section-wrapper--white {
    background-color: #ffffff; }
  @media screen and (max-width: 639px) {
    .feature-section-wrapper--no-bottom-padding-mobile {
      padding-bottom: 0; } }
  .feature-section-wrapper--no-top-padding {
    padding-top: 0;
    padding-bottom: 9.6rem; }
  .feature-section-wrapper.homepage {
    margin-top: 5.6rem; }

.feature-section-item--vertically-center-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media screen and (min-width: 1024px) {
  .feature-section-item {
    margin-bottom: 5.6rem; }
    .feature-section-item:nth-child(odd) {
      padding-right: 6.4rem; }
    .feature-section-item:nth-child(even) {
      padding-left: 6.4rem; }
    .feature-section-item.text-block {
      padding-right: 4.8rem; } }

@media screen and (max-width: 1023px) {
  .feature-section-item {
    margin-bottom: 48px; } }

.feature-section-item > a {
  display: block; }

.feature-section-item .feature-section-link-text svg {
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  height: 10px; }
  .feature-section-item .feature-section-link-text svg polygon,
  .feature-section-item .feature-section-link-text svg path,
  .feature-section-item .feature-section-link-text svg g {
    fill: #696969; }

.feature-section-item:hover .feature-section-link-text svg {
  -webkit-transform: translateX(8px);
      -ms-transform: translateX(8px);
          transform: translateX(8px); }
  .feature-section-item:hover .feature-section-link-text svg polygon,
  .feature-section-item:hover .feature-section-link-text svg path,
  .feature-section-item:hover .feature-section-link-text svg g {
    fill: #0a85ea; }

.feature-section-item:hover .feature-section-link-text {
  color: #0a85ea; }

@media screen and (max-width: 639px) {
  .features-column-item {
    margin-bottom: 16px; } }

.features-column-item:hover .feature-section-link-text svg {
  -webkit-transform: translateX(8px);
      -ms-transform: translateX(8px);
          transform: translateX(8px); }
  .features-column-item:hover .feature-section-link-text svg polygon,
  .features-column-item:hover .feature-section-link-text svg path,
  .features-column-item:hover .feature-section-link-text svg g {
    fill: #0a85ea; }

.features-column-item:hover .feature-section-link-text {
  color: #0a85ea; }

@media screen and (max-width: 639px) {
  .features-title {
    margin-bottom: 56px; } }

.features-column-item-text {
  color: #4b4b4b; }

.auth .features-column-item-text,
.assets .features-column-item-text,
.transactions .features-column-item-text,
.balance .features-column-item-text,
.identity .features-column-item-text,
.investments .features-column-item-text {
  color: #111; }

a .feature-section-link-text svg {
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  height: 10px; }
  a .feature-section-link-text svg polygon,
  a .feature-section-link-text svg path,
  a .feature-section-link-text svg g {
    fill: #696969; }

a:hover .feature-section-link-text svg {
  -webkit-transform: translateX(8px);
      -ms-transform: translateX(8px);
          transform: translateX(8px); }

a:hover .feature-section-link-text {
  color: #696969; }

.feature-section-title {
  margin-bottom: 50px; }

.feature-section-item-description {
  color: #4b4b4b; }
  .feature-section-item-description svg {
    height: 12px;
    width: 12px; }

.feature-section-label {
  margin-bottom: 4rem; }

span.feature-section-link-text {
  display: block;
  font-weight: 600; }
  span.feature-section-link-text:hover {
    color: #0a85ea; }
    span.feature-section-link-text:hover polygon,
    span.feature-section-link-text:hover path,
    span.feature-section-link-text:hover g {
      fill: #0a85ea; }

.feature-section-img {
  height: calc(11.2rem - 6.4rem);
  margin-bottom: 1.6rem;
  margin-right: 0;
  width: calc(11.2rem - 6.4rem); }
  @media screen and (min-width: 640px) {
    .feature-section-img {
      height: 11.2rem;
      margin-bottom: 0;
      margin-right: 1.6rem;
      width: 11.2rem; } }
  @media screen and (max-width: 820px) {
    .feature-section-img {
      height: 8.96rem;
      width: 8.96rem;
      margin-right: 1.6rem; } }
  @media screen and (max-width: 639px) {
    .feature-section-img {
      height: 112px;
      width: 112px;
      margin-right: 0; } }
  .feature-section-img.feature-section-img--wide {
    height: 22.6rem;
    width: 22.6rem;
    margin-bottom: 4.8rem; }

.feature-section-item-title {
  margin-bottom: 1.44rem; }
  .feature-section-item-title span {
    font-weight: 700;
    padding-top: 1.5rem; }
    @media screen and (min-width: 1024px) {
      .feature-section-item-title span {
        display: block;
        padding-top: 0; }
        .feature-section-item-title span::before {
          content: ''; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .feature-section-item-body {
    margin-left: 3.2rem; } }

.prevent-widow {
  padding-right: 2.4rem; }
  @media screen and (max-width: 639px) {
    .prevent-widow {
      padding-right: 0; } }

.open-banking .feature-section-wrapper {
  background-color: #f6f6f6;
  padding: 14.4rem 0 12.8rem 0; }
  @media screen and (max-width: 639px) {
    .open-banking .feature-section-wrapper {
      padding: 6.4rem 0 4.8rem 0; } }

.how-we-handle-data .feature-section-wrapper {
  background: #fff url("/assets/img/accents/how-we-handle-data-feature-section-brushstroke.png") no-repeat bottom right; }
  @media screen and (max-width: 639px) {
    .how-we-handle-data .feature-section-wrapper {
      background-size: 90%;
      padding-top: 4.8rem; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .how-we-handle-data .feature-section-wrapper {
      background-size: 110%;
      background-position-x: 30px;
      padding-bottom: 22.4rem;
      padding-top: 14.4rem; } }
  @media screen and (min-width: 1024px) {
    .how-we-handle-data .feature-section-wrapper {
      background-position-x: 100%;
      background-size: 44%; } }

@media screen and (max-width: 1023px) {
  .why-is-plaid-involved .feature-section-wrapper {
    padding-bottom: 4.8rem;
    padding-top: 4.8rem; } }

@media screen and (max-width: 1023px) {
  .how-we-handle-data .cell.feature-section-item,
  .why-is-plaid-involved .cell.feature-section-item {
    width: 100%; } }

@media screen and (max-width: 1023px) {
  .how-we-handle-data .cell.feature-section-item .grid-x > .medium-4,
  .why-is-plaid-involved .cell.feature-section-item .grid-x > .medium-4 {
    width: auto; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .how-we-handle-data .cell.feature-section-item .grid-x > .medium-4 + .cell,
  .why-is-plaid-involved .cell.feature-section-item .grid-x > .medium-4 + .cell {
    margin-left: 1.6rem;
    margin-right: 5.6rem; } }

@media screen and (max-width: 639px) {
  .how-we-handle-data .cell.feature-section-item .grid-x > .medium-4 + .cell,
  .why-is-plaid-involved .cell.feature-section-item .grid-x > .medium-4 + .cell {
    margin-left: 0;
    margin-right: 0;
    width: calc(100% - 3.2rem); } }

@media screen and (max-width: 639px) {
  .how-we-handle-data .feature-section-title,
  .why-is-plaid-involved .feature-section-title {
    margin-bottom: 0.8rem; } }

@media screen and (max-width: 1023px) {
  .how-we-handle-data .feature-section-img,
  .why-is-plaid-involved .feature-section-img {
    width: 11.2rem;
    height: auto; } }

.how-we-handle-data .feature-section-wrapper {
  background: #ffffff url("/assets/img/accents/how-we-handle-data-feature-section-brushstroke.png") no-repeat bottom right; }
  @media screen and (max-width: 639px) {
    .how-we-handle-data .feature-section-wrapper {
      background-size: 90%;
      padding-top: 4.8rem; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .how-we-handle-data .feature-section-wrapper {
      background-size: 70%;
      background-position-x: 89%;
      padding-bottom: 22.4rem;
      padding-top: 6.4rem; } }
  @media screen and (min-width: 1024px) {
    .how-we-handle-data .feature-section-wrapper {
      background-position-x: 100%;
      background-size: 44%; } }

@media screen and (max-width: 1023px) {
  .how-we-handle-data .cell.feature-section-item {
    width: 100%; } }

@media screen and (max-width: 1023px) {
  .how-we-handle-data .cell.feature-section-item .grid-x > .medium-4 {
    width: auto; } }

@media screen and (max-width: 639px) {
  .how-we-handle-data .cell.feature-section-item .grid-x > .medium-4 + .cell {
    margin-left: 0;
    margin-right: 0;
    width: calc(100% - 3.2rem); } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .how-we-handle-data .cell.feature-section-item .grid-x > .medium-4 + .cell {
    margin-left: 1.6rem;
    margin-right: 5.6rem; } }

@media screen and (max-width: 639px) {
  .how-we-handle-data .feature-section-title {
    margin-bottom: 0.8rem; } }

@media screen and (max-width: 1023px) {
  .how-we-handle-data .feature-section-img {
    width: 11.2rem;
    height: auto; } }

@media screen and (min-width: 1024px) {
  .legal .feature-section-item:nth-child(even) {
    padding-left: 0; }
  .legal .feature-section-item:nth-child(odd) {
    padding-right: 0; } }

.legal .feature-section-img {
  width: 4.8rem;
  height: 4.8rem;
  margin-bottom: 1.6rem; }

@media screen and (max-width: 639px) {
  .legal .feature-section-item-title {
    font-size: 1.6rem;
    font-weight: bold;
    color: #4b4b4b; } }

.feedback {
  margin-top: 1.6rem;
  margin-bottom: 4rem; }
  .feedback .feedback-additional,
  .feedback .feedback-submitted {
    display: none; }
  .feedback .feedback-select {
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .feedback .feedback-select > a,
    .feedback .feedback-select > div,
    .feedback .feedback-select > button,
    .feedback .feedback-select > .button,
    .feedback .feedback-select > .button-group,
    .feedback .feedback-select > span,
    .feedback .feedback-select > select,
    .feedback .feedback-select > p,
    .feedback .feedback-select > h1,
    .feedback .feedback-select > h2,
    .feedback .feedback-select > h3,
    .feedback .feedback-select > h4,
    .feedback .feedback-select > h5,
    .feedback .feedback-select > h6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; }
    .feedback .feedback-select > a,
    .feedback .feedback-select > div,
    .feedback .feedback-select > button,
    .feedback .feedback-select > .button,
    .feedback .feedback-select > .button-group,
    .feedback .feedback-select > span,
    .feedback .feedback-select > select,
    .feedback .feedback-select > p,
    .feedback .feedback-select > h1,
    .feedback .feedback-select > h2,
    .feedback .feedback-select > h3,
    .feedback .feedback-select > h4,
    .feedback .feedback-select > h5,
    .feedback .feedback-select > h6 {
      margin-bottom: 0;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .feedback .feedback-select-buttons {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-left: 0.8rem; }
    .feedback .feedback-select-button {
      margin-left: 1.6rem;
      font-weight: 600; }
      .feedback .feedback-select-button--y:hover {
        color: #0a85ea; }
      .feedback .feedback-select-button--n:hover {
        color: #f44e66; }
  .feedback .feedback-submit {
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .feedback .feedback-submit > a,
    .feedback .feedback-submit > div,
    .feedback .feedback-submit > button,
    .feedback .feedback-submit > .button,
    .feedback .feedback-submit > .button-group,
    .feedback .feedback-submit > span,
    .feedback .feedback-submit > select,
    .feedback .feedback-submit > p,
    .feedback .feedback-submit > h1,
    .feedback .feedback-submit > h2,
    .feedback .feedback-submit > h3,
    .feedback .feedback-submit > h4,
    .feedback .feedback-submit > h5,
    .feedback .feedback-submit > h6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; }
    .feedback .feedback-submit > a,
    .feedback .feedback-submit > div,
    .feedback .feedback-submit > button,
    .feedback .feedback-submit > .button,
    .feedback .feedback-submit > .button-group,
    .feedback .feedback-submit > span,
    .feedback .feedback-submit > select,
    .feedback .feedback-submit > p,
    .feedback .feedback-submit > h1,
    .feedback .feedback-submit > h2,
    .feedback .feedback-submit > h3,
    .feedback .feedback-submit > h4,
    .feedback .feedback-submit > h5,
    .feedback .feedback-submit > h6 {
      margin-bottom: 0;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .feedback .feedback-submit-input {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-bottom: 0;
      margin-right: 1.6rem; }
    .feedback .feedback-submit-button:disabled {
      pointer-events: none;
      border-color: #ffffff; }
      .feedback .feedback-submit-button:disabled::before {
        opacity: 0; }
  .feedback img.feedback-icon {
    margin-bottom: 0;
    margin-right: 0.64rem; }

.filters-ui {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0; }
  @media screen and (min-width: 1024px) {
    .filters-ui {
      margin: 0 auto;
      padding-right: 2rem;
      padding-left: 2rem;
      max-width: 104.6rem; } }
  .filters-ui__item {
    margin: 0 16px 16px 0;
    list-style: none; }
  .filters-ui__btn, .filters-ui__btn:active, .filters-ui__btn:focus {
    margin: 0;
    border: 1px solid #9b9b9b;
    border-radius: 2px;
    padding: 11px 8px 8px;
    background-color: transparent;
    height: auto;
    color: #9b9b9b;
    font-size: 14px; }
  .filters-ui__btn--is-active, .filters-ui__btn--is-active:focus {
    border: 1px solid #111;
    color: #111; }
  .filters-ui__btn:hover, .filters-ui__btn:focus {
    border: 1px solid #0a85ea;
    color: #0a85ea;
    outline: none; }
  .filters-ui__btn[disabled] {
    border: 1px solid #cacaca;
    background-color: #f6f6f6;
    color: #cacaca;
    pointer-events: none; }
  .filters-ui .slick-arrow {
    z-index: 10;
    border-radius: 0;
    height: calc(100% + 5px);
    width: 50px;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out; }
  .filters-ui .slick-prev {
    left: 0px;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(20%, white));
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white 20%); }
  .filters-ui .slick-next {
    right: 0px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, white));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white 20%); }
  .filters-ui .slick-disabled {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out; }
  .filters-ui .slick-arrow::before {
    content: '';
    position: absolute;
    top: 33%;
    right: 25%;
    display: block;
    background-image: url("/assets/img/icons/arrow-right-single-small-gray.svg");
    background-position: center;
    background-repeat: no-repeat;
    height: 12px;
    width: 8px;
    opacity: 1; }
  .filters-ui .slick-prev::before {
    right: auto;
    left: 25%;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .filters-ui .slick-list .filters-ui__item {
    margin-bottom: 0; }

.filters-sticky-container {
  height: auto !important;
  min-height: 60px; }
  @media screen and (min-width: 1024px) {
    .filters-sticky-container {
      min-height: 160px; } }
  .filters-sticky-container__label {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    margin: 0 auto 32px;
    max-width: 104.6rem; }
    @media screen and (min-width: 640px) {
      .filters-sticky-container__label {
        padding-right: 2rem;
        padding-left: 2rem; } }
  .filters-sticky-container .filters-accordion .accordion-title {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    min-height: 60px;
    color: #111;
    font-size: 16px; }
    @media screen and (min-width: 640px) {
      .filters-sticky-container .filters-accordion .accordion-title {
        padding-right: 2rem;
        padding-left: 2rem; } }
    .filters-sticky-container .filters-accordion .accordion-title::after {
      content: '';
      position: absolute;
      top: 40%;
      right: 20px;
      height: 8px;
      width: 11px;
      background-image: url("/assets/img/navbar/arrow-down-black1000.svg");
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-transition: -webkit-transform 0.2s ease-in-out;
      transition: -webkit-transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
  .filters-sticky-container .filters-accordion .accordion-content {
    padding-right: 1.2rem;
    padding-left: 1.2rem; }
    @media screen and (min-width: 640px) {
      .filters-sticky-container .filters-accordion .accordion-content {
        padding-right: 2rem;
        padding-left: 2rem; } }
  .filters-sticky-container .filters-accordion .accordion-item.is-active {
    -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1); }
    .filters-sticky-container .filters-accordion .accordion-item.is-active .accordion-title {
      border-bottom: 0; }
      .filters-sticky-container .filters-accordion .accordion-item.is-active .accordion-title::after {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
  .filters-sticky-container .sticky.is-stuck, .filters-sticky-container .sticky.is-at-bottom {
    background: #ffffff; }
    @media screen and (min-width: 1024px) {
      .filters-sticky-container .sticky.is-stuck, .filters-sticky-container .sticky.is-at-bottom {
        padding-top: 24px;
        padding-bottom: 24px;
        -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
                box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1); }
        .filters-sticky-container .sticky.is-stuck .filters-ui, .filters-sticky-container .sticky.is-at-bottom .filters-ui {
          max-width: 1006px; } }
    .filters-sticky-container .sticky.is-stuck .filters-sticky-container__label, .filters-sticky-container .sticky.is-at-bottom .filters-sticky-container__label {
      display: none; }
    .filters-sticky-container .sticky.is-stuck .accordion-item, .filters-sticky-container .sticky.is-at-bottom .accordion-item {
      -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1); }

.flip-card {
  height: 100%;
  -webkit-perspective: 1600px;
          perspective: 1600px;
  cursor: pointer; }
  @media screen and (min-width: 1680px) {
    .flip-card {
      -webkit-perspective: 2000px;
              perspective: 2000px; } }
  .flip-card--click-only {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-tap-highlight-color: transparent; }
  .flip-card__container {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "overlap";
    height: 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; }
  .flip-card__face {
    grid-area: overlap;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .flip-card__face--front {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }
  .flip-card__face--back {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
  .flip-card--is-flipped .flip-card__container,
  .flip-card:not(.flip-card--click-only):hover .flip-card__container {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }

.footer {
  background: #111;
  color: #ffffff;
  padding: 3.2rem 0 3.2rem 0; }
  .footer--is-slim {
    height: 100%; }
  .footer .menu {
    margin-bottom: 1.6rem; }
  .footer .menu a {
    color: #ffffff;
    padding-left: 0;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    font-size: 1.4rem;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; }
    .footer .menu a:hover {
      color: #63daff; }
  .footer .menu-divider {
    border-bottom: 1px solid #ffffff;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem; }
  .footer .menu-divider + li {
    font-weight: bold; }
  .footer .menu .footer-invisible-space {
    height: 30px;
    margin-top: 13.2px; }
  .footer p {
    font-size: 1.4rem;
    line-height: 2.4rem; }
  .footer .footer-copyright {
    line-height: 2.4rem;
    margin-bottom: 0;
    color: #ffffff; }
  .footer .foot-language-button img {
    margin-right: 0.48rem; }
  .footer .button-cta + .button-cta {
    margin-top: 1.6rem; }
  @media screen and (min-width: 1024px) {
    .footer {
      padding: 9rem 0; } }

.footer-divider {
  margin: 4.5rem 0; }
  @media screen and (min-width: 640px) {
    .footer-divider {
      margin: 9rem 0; } }

.footer-header {
  font-size: 1.4rem;
  line-height: 2.4rem;
  padding-top: 1.12rem;
  padding-bottom: 0.32rem; }

.footer-cta-title {
  display: none; }
  @media screen and (min-width: 640px) {
    .footer-cta-title {
      margin-bottom: 0;
      display: block; } }

.footer-details {
  margin-top: 4.8rem; }
  .footer-details .cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .footer-details .cell--is-line-break {
      border-top: 1px solid #ffffff;
      margin-bottom: 8px; }
    .footer-details .cell--align-right {
      display: block;
      text-align: right; }
      @media screen and (max-width: 639px) {
        .footer-details .cell--align-right {
          text-align: left; } }
  .footer-details p {
    margin-bottom: 0; }
  .footer-details a {
    color: #ffffff; }
  .footer-details--is-slim {
    margin: 0;
    padding-top: 1.6rem; }
    .footer-details--is-slim .menu a {
      color: #ffffff;
      border-bottom: solid 1px #ffffff;
      padding: 0 0 4px 0; }
      .footer-details--is-slim .menu a:hover {
        border-bottom: solid 1px transparent; }
    .footer-details--is-slim .menu p {
      color: #ffffff; }

.footer-details-icon svg {
  height: 24px;
  margin-right: 16px;
  width: 24px; }

.footer-language-button {
  display: block; }
  .footer-language-button img {
    height: 24px; }

.footer-eea-disclaimer {
  position: relative;
  margin-top: 80px;
  padding-top: 20px; }
  .footer-eea-disclaimer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 1px;
    background-color: #ffffff; }

.careers-overview-footer-extension {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 288px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden; }
  .careers-overview-footer-extension .careers-cta-button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (min-width: 640px) {
      .careers-overview-footer-extension .careers-cta-button-container:before {
        content: '';
        position: absolute;
        top: -38px;
        width: 606px;
        height: 498px;
        background-image: url(/assets/img/accents/brush-footer-blue@2x.png);
        background-size: cover;
        right: -7px; } }

.discover-apps .cta-subtitle {
  font-weight: 300;
  margin-top: 1em; }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .discover-apps .cta-subtitle {
      margin-top: 0.8rem; } }
  @media screen and (max-width: 1023px) {
    .discover-apps .cta-subtitle {
      font-size: 1.6rem;
      margin-bottom: 2.4rem; } }

.discover-apps .footer-cta-title {
  display: block; }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .discover-apps .footer-cta-title {
      font-size: 2.56rem; } }

.footer-extension {
  background-color: #f6f6f6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 240px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 639px) {
    .footer-extension {
      height: 296px; } }
  .footer-extension--bg-black {
    background-color: #111; }
  .footer-extension--bg-gray {
    background-color: #f6f6f6; }
  .footer-extension--bg-white {
    background-color: #ffffff; }
  .footer-extension--bg-green {
    background-color: #5befbd; }
  @media screen and (max-width: 1023px) {
    .footer-extension__button ~ .footer-extension__button {
      margin-top: 16px; } }
  .footer-extension__button .button {
    min-width: 202px; }
  @media screen and (min-width: 1024px) {
    .footer-extension__title {
      margin-bottom: 0; } }
  .footer-extension--bg-black .footer-extension__title {
    color: #ffffff; }
  @media screen and (max-width: 639px) {
    .footer-extension__title {
      font-size: 24px;
      height: 64px; } }
  .footer-extension .grid-container, .footer-extension .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .footer-extension .accordion-section-titlebar-inner {
    width: 100%; }
  .footer-extension .footer-cta {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .footer-extension .footer-cta .button-container {
      max-height: 112px; }

.gdpr-content {
  display: none; }

.image-list {
  margin-bottom: 40px; }
  .image-list__title {
    margin-bottom: 40px; }
  @media screen and (min-width: 640px) {
    .image-list__left-column {
      padding-right: 0.75em; } }
  @media screen and (min-width: 1024px) {
    .image-list__left-column {
      padding-right: 1.5em; } }
  @media screen and (min-width: 640px) {
    .image-list__right-column {
      padding-left: 0.75em; } }
  @media screen and (min-width: 1024px) {
    .image-list__right-column {
      padding-left: 1.5em; } }
  .image-list__item {
    margin-bottom: 80px; }
    .image-list__item--last {
      margin-bottom: 0; }
  .image-list__header {
    margin-top: 25px; }

.insta-wrapper {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 1.6rem;
  grid-template-columns: 323.33px 323.33px 323.33px;
  grid-template-rows: 323.33px 323.33px 323.33px 323.33px;
  margin: 0 auto; }

.insta-caption {
  background: rgba(17, 17, 17, 0);
  height: 100%;
  padding: 2.4rem;
  position: absolute;
  top: 0;
  -webkit-transition: background 0.25s ease-out;
  transition: background 0.25s ease-out;
  visibility: hidden;
  width: 100%; }
  .insta-caption p {
    color: #ffffff; }

.insta-caption-cta {
  bottom: 1.6rem;
  font-weight: 600;
  line-height: 0;
  margin-bottom: 0;
  padding: 1.6rem;
  padding-left: 0;
  position: absolute;
  -webkit-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out; }
  .insta-caption-cta:hover {
    color: #63daff; }
    .insta-caption-cta:hover .insta-caption-cta-arrow {
      -webkit-transform: translateX(8px);
          -ms-transform: translateX(8px);
              transform: translateX(8px); }
      .insta-caption-cta:hover .insta-caption-cta-arrow g,
      .insta-caption-cta:hover .insta-caption-cta-arrow polygon {
        fill: #63daff; }

.insta-caption-cta-arrow {
  height: 10px;
  position: relative;
  right: 0;
  top: -1px;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
  width: auto; }
  .insta-caption-cta-arrow g,
  .insta-caption-cta-arrow polygon {
    fill: #ffffff; }

.insta-img {
  height: 324px;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .insta-img:hover .insta-caption {
    background: rgba(17, 17, 17, 0.5);
    -webkit-transition: background 0.25s ease-out;
    transition: background 0.25s ease-out;
    visibility: visible; }
  .insta-img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%; }
  .insta-img:nth-child(1) {
    grid-column: 1;
    grid-row: 1; }
  .insta-img:nth-child(2) {
    grid-column: 1;
    grid-row: 2; }
  .insta-img:nth-child(3) {
    grid-column: 2 / 4;
    grid-row: 1 / 3;
    height: 100%; }
  .insta-img:nth-child(4) {
    grid-column: 1 / 3;
    grid-row: 3 / 5;
    height: 100%; }
  .insta-img:nth-child(5) {
    grid-column: 3 / 4;
    grid-row: 3 / 4; }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .insta-wrapper {
    grid-template-columns: calc(50% - 15px) calc(50% - 15px);
    grid-template-rows: 1fr 1fr 1fr; }
  .insta-img {
    height: 100%;
    position: relative;
    width: 100%; }
    .insta-img:before {
      content: "";
      display: inline-block;
      height: 0;
      padding-top: 100%;
      position: relative;
      width: 1px; }
    .insta-img img {
      position: absolute; }
    .insta-img:nth-child(1) {
      grid-column: 1/ 2;
      grid-row: 1; }
    .insta-img:nth-child(2) {
      grid-column: 2 / 4;
      grid-row: 1; }
    .insta-img:nth-child(3) {
      grid-column: 1 / 2;
      grid-row: 2; }
    .insta-img:nth-child(4) {
      grid-column: 2 / 4;
      grid-row: 2; }
    .insta-img:nth-child(5) {
      grid-column: 1 / 2;
      grid-row: 3; } }

@media screen and (max-width: 639px) {
  .insta-wrapper {
    grid-template-columns: 100%;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr; }
  .insta-img {
    height: 100%;
    position: relative;
    width: 100%; }
    .insta-img:before {
      content: "";
      display: inline-block;
      height: 0;
      padding-top: 100%;
      position: relative;
      width: 1px; }
    .insta-img img {
      position: absolute; }
    .insta-img:nth-child(1) {
      grid-column: 1;
      grid-row: 1; }
    .insta-img:nth-child(2) {
      grid-column: 1;
      grid-row: 2; }
    .insta-img:nth-child(3) {
      grid-column: 1;
      grid-row: 3; }
    .insta-img:nth-child(4) {
      grid-column: 1;
      grid-row: 4; }
    .insta-img:nth-child(5) {
      grid-column: 1;
      grid-row: 5; } }

.interactive-data,
.static-data {
  padding-top: 14.4rem;
  padding-bottom: 8rem;
  background-color: #f6f6f6; }
  @media screen and (max-width: 1023px) {
    .interactive-data,
    .static-data {
      padding-bottom: 20.8rem;
      padding-top: 8rem; } }
  @media screen and (max-width: 639px) {
    .interactive-data,
    .static-data {
      padding-top: 8rem;
      padding-bottom: 20.8rem; } }
  .interactive-data .overview-text-container,
  .static-data .overview-text-container {
    position: relative;
    height: 624px; }
    .interactive-data .overview-text-container .button-cta-container,
    .static-data .overview-text-container .button-cta-container {
      position: absolute;
      width: 100%; }
      .interactive-data .overview-text-container .button-cta-container .hollow,
      .static-data .overview-text-container .button-cta-container .hollow {
        margin-top: 16px; }
      .interactive-data .overview-text-container .button-cta-container--hide,
      .static-data .overview-text-container .button-cta-container--hide {
        display: none; }
  .interactive-data .interactive-data-description-container,
  .static-data .interactive-data-description-container {
    display: none; }
  .interactive-data .interactive-hotspot-outer,
  .static-data .interactive-hotspot-outer {
    position: absolute;
    height: 14px;
    width: 14px;
    cursor: pointer;
    background-color: #23d09c;
    border-radius: 50%;
    left: 35px;
    z-index: 99; }
    .interactive-data .interactive-hotspot-outer--hidden,
    .static-data .interactive-hotspot-outer--hidden {
      display: none; }
  .interactive-data .interactive-hotspot-inner,
  .static-data .interactive-hotspot-inner {
    height: 14px;
    width: 14px;
    background-color: #23d09c;
    border-radius: 50%;
    position: absolute;
    pointer-events: none;
    -webkit-animation: pulsate 2s ease-out;
            animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0.8; }
  100% {
    -webkit-transform: scale(2.3, 2.3);
            transform: scale(2.3, 2.3);
    opacity: 0; } }
  .interactive-data .interactive-data-property,
  .static-data .interactive-data-property {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 4.16rem;
    padding-top: 1.6rem;
    padding-left: 1.6rem;
    display: none;
    cursor: pointer;
    height: 24px;
    color: #111;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 auto 0 0;
    opacity: 0;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .interactive-data .interactive-data-property svg,
    .static-data .interactive-data-property svg {
      display: inline; }
      .interactive-data .interactive-data-property svg g,
      .static-data .interactive-data-property svg g {
        fill: #111; }
    .interactive-data .interactive-data-property:hover,
    .static-data .interactive-data-property:hover {
      background-color: #ffffff;
      -webkit-transition: background-color 0.5s ease;
      transition: background-color 0.5s ease; }
    .interactive-data .interactive-data-property:last-child,
    .static-data .interactive-data-property:last-child {
      border: none; }
    .interactive-data .interactive-data-property .interactive-data-title,
    .static-data .interactive-data-property .interactive-data-title {
      color: #111;
      display: inline;
      font-family: Inconsolata;
      font-weight: normal;
      padding-left: 8px; }
      .interactive-data .interactive-data-property .interactive-data-title:not(.interactive-data-title--preserve-case),
      .static-data .interactive-data-property .interactive-data-title:not(.interactive-data-title--preserve-case) {
        text-transform: lowercase; }
    .interactive-data .interactive-data-property .interactive-data-description,
    .static-data .interactive-data-property .interactive-data-description {
      font-weight: normal;
      margin-bottom: 0.4rem;
      font-size: 14px;
      line-height: 1.5; }
    .interactive-data .interactive-data-property--is-selected,
    .static-data .interactive-data-property--is-selected {
      -webkit-animation: propertyFadeIn 350ms forwards;
              animation: propertyFadeIn 350ms forwards;
      cursor: auto;
      height: 100%; }
      .interactive-data .interactive-data-property--is-selected .interactive-data-title,
      .static-data .interactive-data-property--is-selected .interactive-data-title {
        font-weight: 600;
        display: inline-block;
        margin-bottom: 0.8rem; }
      .interactive-data .interactive-data-property--is-selected svg g,
      .static-data .interactive-data-property--is-selected svg g {
        fill: #63daff; }
      .interactive-data .interactive-data-property--is-selected .interactive-data-description-container,
      .static-data .interactive-data-property--is-selected .interactive-data-description-container {
        display: block;
        padding-left: 24px;
        opacity: 0;
        -webkit-animation: descriptionFadeIn 350ms forwards;
                animation: descriptionFadeIn 350ms forwards; }

@-webkit-keyframes propertyFadeIn {
  0% {
    padding: 14px 24px 14px 16px;
    -webkit-transform: scale(0.97, 0.97);
            transform: scale(0.97, 0.97); }
  80% {
    -webkit-transform: scale(1.03, 1.03);
            transform: scale(1.03, 1.03); }
  100% {
    background-color: #ffffff;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.16);
    padding: 14px 24px 14px 16px;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes propertyFadeIn {
  0% {
    padding: 14px 24px 14px 16px;
    -webkit-transform: scale(0.97, 0.97);
            transform: scale(0.97, 0.97); }
  80% {
    -webkit-transform: scale(1.03, 1.03);
            transform: scale(1.03, 1.03); }
  100% {
    background-color: #ffffff;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.16);
    padding: 14px 24px 14px 16px;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@-webkit-keyframes descriptionFadeIn {
  60% {
    opacity: 0; }
  90% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

@keyframes descriptionFadeIn {
  60% {
    opacity: 0; }
  90% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }
  .interactive-data .mobile-object-property-description-container,
  .static-data .mobile-object-property-description-container {
    padding: 3.2rem 0 4.8rem;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    position: absolute;
    left: 0;
    -webkit-overflow-scrolling: touch;
    z-index: 0; }
    @media screen and (max-width: 639px) {
      .interactive-data .mobile-object-property-description-container,
      .static-data .mobile-object-property-description-container {
        padding: 1.6rem 1.28rem 4.8rem; } }
    @media screen and (min-width: 640px) and (max-width: 1023px) {
      .interactive-data .mobile-object-property-description-container,
      .static-data .mobile-object-property-description-container {
        padding: 1.6rem 2rem 4.8rem; } }
    .interactive-data .mobile-object-property-description-container::-webkit-scrollbar,
    .static-data .mobile-object-property-description-container::-webkit-scrollbar {
      display: none; }
    .interactive-data .mobile-object-property-description-container .interactive-data-description,
    .static-data .mobile-object-property-description-container .interactive-data-description {
      cursor: pointer; }
      .interactive-data .mobile-object-property-description-container .interactive-data-description--title-container,
      .static-data .mobile-object-property-description-container .interactive-data-description--title-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        margin-left: -20px; }
        .interactive-data .mobile-object-property-description-container .interactive-data-description--title-container svg g,
        .static-data .mobile-object-property-description-container .interactive-data-description--title-container svg g {
          fill: #111; }
      .interactive-data .mobile-object-property-description-container .interactive-data-description--is-selected .interactive-data-description--title-container,
      .static-data .mobile-object-property-description-container .interactive-data-description--is-selected .interactive-data-description--title-container {
        font-weight: 600; }
        .interactive-data .mobile-object-property-description-container .interactive-data-description--is-selected .interactive-data-description--title-container svg g,
        .static-data .mobile-object-property-description-container .interactive-data-description--is-selected .interactive-data-description--title-container svg g {
          fill: #63daff; }
      .interactive-data .mobile-object-property-description-container .interactive-data-description--is-mobile,
      .static-data .mobile-object-property-description-container .interactive-data-description--is-mobile {
        background-color: #ffffff;
        border-radius: 2px;
        -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.16);
                box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.16);
        padding: 14px 32px;
        margin-right: 8px;
        display: inline-block; }
        .interactive-data .mobile-object-property-description-container .interactive-data-description--is-mobile .interactive-data-title,
        .static-data .mobile-object-property-description-container .interactive-data-description--is-mobile .interactive-data-title {
          padding-left: 8px;
          font-family: Inconsolata, Monaco, monospace;
          margin-bottom: 0.8rem; }
        .interactive-data .mobile-object-property-description-container .interactive-data-description--is-mobile .interactive-data-desc,
        .static-data .mobile-object-property-description-container .interactive-data-description--is-mobile .interactive-data-desc {
          display: block;
          font-size: 14px;
          line-height: 1.5;
          margin-bottom: 0.8rem; }
          @media screen and (min-width: 640px) and (max-width: 1023px) {
            .interactive-data .mobile-object-property-description-container .interactive-data-description--is-mobile .interactive-data-desc,
            .static-data .mobile-object-property-description-container .interactive-data-description--is-mobile .interactive-data-desc {
              width: 400px; } }
          @media screen and (max-width: 639px) {
            .interactive-data .mobile-object-property-description-container .interactive-data-description--is-mobile .interactive-data-desc,
            .static-data .mobile-object-property-description-container .interactive-data-description--is-mobile .interactive-data-desc {
              width: 200px; } }
        @media screen and (min-width: 640px) and (max-width: 1023px) {
          .interactive-data .mobile-object-property-description-container .interactive-data-description--is-mobile,
          .static-data .mobile-object-property-description-container .interactive-data-description--is-mobile {
            width: 500px; } }
        @media screen and (max-width: 639px) {
          .interactive-data .mobile-object-property-description-container .interactive-data-description--is-mobile,
          .static-data .mobile-object-property-description-container .interactive-data-description--is-mobile {
            width: 256px; } }
  .interactive-data .property-list,
  .static-data .property-list {
    padding-top: 1.6rem;
    padding-bottom: 3.2rem; }
  @media screen and (min-width: 1024px) {
    .interactive-data .code-container--stay-tall,
    .static-data .code-container--stay-tall {
      height: 624px; } }
  .interactive-data .code-container-header,
  .static-data .code-container-header {
    border-radius: 4px 4px 0 0; }

@media screen and (min-width: 1024px) {
  .interactive-data {
    height: 240vh;
    overflow: hidden;
    position: relative; } }
  @media screen and (min-width: 1024px) and (max-height: 700px) {
    .interactive-data {
      height: calc(240vh + 50vh); } }

.interactive-data .interactive-data-container--fixate {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999999; }
  @media screen and (min-width: 1024px) {
    .interactive-data .interactive-data-container--fixate {
      top: 9.6rem; } }
  @media screen and (min-width: 1280px) {
    .interactive-data .interactive-data-container--fixate {
      top: 11.2rem; } }
  @media screen and (min-width: 1440px) {
    .interactive-data .interactive-data-container--fixate {
      top: 12.8rem; } }

.interactive-data .interactive-data-container--bottom-hold {
  position: relative;
  top: calc(240vh - 100vh);
  left: 0;
  right: 0;
  z-index: 999999; }

.interactive-data .interactive-data-run-button {
  background-color: #fce76b;
  border-radius: 2px;
  bottom: 10px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 10px;
  width: 98px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }
  .interactive-data .interactive-data-run-button p {
    line-height: 2.4rem; }
  .interactive-data .interactive-data-run-button__gradient {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background: black;
    opacity: 0.15;
    top: 0;
    left: -100%; }
    .interactive-data .interactive-data-run-button__gradient--hide {
      display: none; }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .overview-container:first-child {
    margin-bottom: 4.8rem; } }

@media screen and (max-width: 639px) {
  .overview-container:first-child {
    margin-bottom: 3.2rem; } }

.static-data .interactive-data-property {
  display: block;
  opacity: 1; }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .interactive-data {
    padding-top: 11.2rem; } }

@media screen and (min-width: 1024px) {
  .interactive-data {
    padding-top: 9.6rem; } }

@media screen and (min-width: 1280px) {
  .interactive-data {
    padding-top: 11.2rem; } }

@media screen and (min-width: 1440px) {
  .interactive-data {
    padding-top: 12.8rem; } }

@media screen and (min-width: 1440px) {
  .interactive-data--extended {
    padding-top: 8rem; }
    .interactive-data--extended .interactive-data-container--fixate {
      top: 8rem; } }

@media screen and (min-width: 1024px) {
  .assets .interactive-data {
    background-image: url("/assets/img/products/standalone/assets/data-assets-brushstroke-1.png"), url("/assets/img/products/standalone/assets/data-assets-brushstroke-2.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top left -120px, center right;
    background-size: 481px 107px, 710px 497px; } }

@media screen and (min-width: 1024px) {
  .auth .interactive-data {
    background-image: url("/assets/img/products/standalone/auth/data-auth-brushstroke-1.png"), url("/assets/img/products/standalone/auth/data-auth-brushstroke-2.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top left, center right;
    background-size: 479px 94px, 644px 583px; } }

@media screen and (min-width: 1024px) {
  .balance .interactive-data {
    background-image: url("/assets/img/products/standalone/balance/data-balance-brushstroke-1.png"), url("/assets/img/products/standalone/balance/data-balance-brushstroke-2.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top left, center right;
    background-size: 553px 129px, 644px 497px; } }

@media screen and (min-width: 1024px) {
  .identity .interactive-data {
    background-image: url("/assets/img/products/standalone/identity/data-identity-brushstroke-1.png"), url("/assets/img/products/standalone/identity/data-identity-brushstroke-2.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top left -50px, center right;
    background-size: 472px 185px, 628px 471px; } }

@media screen and (min-width: 1024px) {
  .investments .static-data.static-data-first-bg-image,
  .payment-initiation .static-data.static-data-first-bg-image {
    background-image: url("/assets/img/products/standalone/investments/data-investments-brushstroke-1.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 476px 233px; } }

@media screen and (min-width: 1024px) {
  .investments .static-data.static-data-second-bg-image,
  .payment-initiation .static-data.static-data-second-bg-image {
    background-image: url("/assets/img/products/standalone/investments/data-investments-brushstroke-2.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 573px 324px; } }

@media screen and (min-width: 1024px) {
  .payment-initiation .static-data.static-data-first-bg-image {
    background-position: 0 25%; } }

@media screen and (min-width: 1024px) {
  .transactions .interactive-data {
    background-image: url("/assets/img/products/standalone/transactions/data-transactions-brushstroke-1.png"), url("/assets/img/products/standalone/transactions/data-transactions-brushstroke-2.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top left, center right;
    background-size: 483px 142px, 700px 458px; } }

@media screen and (min-width: 1024px) {
  .liabilities .interactive-data {
    background-image: url("/assets/img/products/standalone/liabilities/data-liabilities-brushstroke-1.png"), url("/assets/img/products/standalone/liabilities/data-liabilities-brushstroke-2.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top left, center right;
    background-size: 457px 151px, 753px 562px; } }

.interactive-data--named-code-blocks .interactive-data-property .interactive-data-title {
  text-transform: none; }

.intro-section__cta {
  margin-top: 2rem; }

.intro-section__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3px;
  margin-bottom: 3rem; }
  .intro-section__label .intro-section__label-icon {
    margin-right: 1.6rem; }

.intro-section__item:first-child {
  padding-top: 9.6rem; }

.intro-section__item:last-child {
  padding-bottom: 9.6rem; }

.intro-section__item--remove-top-margin {
  margin-top: 0; }

.intro-section__item--remove-top-padding:first-child {
  padding-top: 0; }

.intro-section__item--half-top-padding {
  padding-top: 4.8rem; }
  .intro-section__item--half-top-padding:first-child {
    padding-top: 4.8rem; }

.intro-section__item--remove-bottom-padding:last-child {
  padding-bottom: 0; }

.intro-section__item--top-padding {
  padding-top: 9.6rem; }

.intro-section__item + .intro-section__item {
  margin-top: 6.4rem; }
  .intro-section__item + .intro-section__item--remove-top-margin {
    margin-top: 0; }

.intro-section__text {
  margin-bottom: 0; }

.intro-section__subtext {
  margin-top: 3.2rem; }

.intro-section__image-wrapper {
  position: relative; }

@media screen and (min-width: 640px) {
  .intro-section__background {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-image: url("http://placehold.it/470x391");
    background-position: center center;
    background-repeat: no-repeat;
    width: 168%;
    background-size: cover; } }

.intro-section + .supporting-text .supporting-text-item {
  padding-top: 0; }

.intro-section + .supporting-text--keep-padding .supporting-text-item {
  padding-top: 11.2rem; }

.intro-section-privacy {
  background-color: #d4f9ff;
  padding: 88px 0; }
  @media screen and (max-width: 639px) {
    .intro-section-privacy {
      padding: 50px 0 16px; } }
  .intro-section-privacy .intro-section-small-text {
    font-size: 16px; }
  @media screen and (max-width: 639px) {
    .intro-section-privacy .privacy-intro-section {
      font-size: 16px;
      font-weight: bold;
      line-height: 24px; } }
  .intro-section-privacy .careers-intro-section-simple-bg {
    position: relative; }
    .intro-section-privacy .careers-intro-section-simple-bg::after {
      content: "";
      display: block;
      position: absolute;
      background-image: url("/assets/img/backgrounds/intro-privacy-scene.png");
      background-size: cover;
      background-repeat: no-repeat;
      top: -24px;
      height: 465px;
      right: -210px;
      width: 465px;
      z-index: 1; }
      @media screen and (min-width: 640px) and (max-width: 1023px) {
        .intro-section-privacy .careers-intro-section-simple-bg::after {
          height: 232px;
          width: 232px;
          right: -20px; } }
      @media screen and (max-width: 639px) {
        .intro-section-privacy .careers-intro-section-simple-bg::after {
          display: none; } }

.careers-intro-section-simple {
  padding-top: 4.8rem;
  padding-bottom: 4.8rem; }
  .careers-intro-section-simple.careers-intro-section-simple-dark {
    background-color: #111; }
    .careers-intro-section-simple.careers-intro-section-simple-dark .careers-intro-section-simple-text,
    .careers-intro-section-simple.careers-intro-section-simple-dark .careers-intro-section-simple-text a {
      color: #ffffff; }
  .careers-intro-section-simple .careers-intro-section-simple-bg {
    position: relative; }
    @media screen and (min-width: 640px) {
      .careers-intro-section-simple .careers-intro-section-simple-bg::after {
        content: "";
        display: block;
        position: absolute;
        background-image: url("/assets/img/accents/careers-brush-blue800-right.png");
        background-repeat: no-repeat;
        top: 38px;
        height: 382px;
        right: -310px;
        width: 529px;
        z-index: 1; } }

@media screen and (max-width: 1023px) {
  .why-is-plaid-involved .intro-section__item:first-child {
    padding-top: 4.8rem; } }

@media screen and (max-width: 1023px) {
  .why-is-plaid-involved .intro-section__item:last-child {
    padding-bottom: 4.8rem; } }

.content-block-section {
  padding: 3.2rem 0 1.6rem; }
  .content-block-section:last-of-type {
    padding-bottom: 4.8rem; }
  @media screen and (min-width: 640px) {
    .content-block-section {
      padding-top: 8rem; } }
  .content-block-section__title {
    margin: 1.6rem 0 1.6rem; }
    @media screen and (min-width: 640px) {
      .content-block-section__title {
        margin: 0 0 1.6rem; } }
  .content-block-section__heading {
    font-weight: 400;
    margin-bottom: 3.2rem; }
  .content-block-section__image {
    border-radius: 50%;
    height: auto;
    width: 100%; }
    @media screen and (min-width: 640px) {
      .content-block-section__image {
        margin-bottom: 3.2rem; } }
  .content-block-section__paragraph {
    margin-bottom: 3.2rem; }
  .content-block-section__ul {
    margin-bottom: 2.4rem;
    padding-left: 0.8rem;
    margin-top: -0.8rem;
    color: #4b4b4b; }
  .content-block-section__quote {
    font-weight: 400;
    font-style: italic;
    margin-bottom: 3.2rem; }
    .content-block-section__quote::before, .content-block-section__quote::after {
      background-image: url("/assets/img/icons/quote-open-icon.svg");
      background-repeat: no-repeat;
      content: '';
      display: block;
      height: 24px;
      margin: 4rem auto;
      width: 24px; }
      @media screen and (min-width: 640px) {
        .content-block-section__quote::before, .content-block-section__quote::after {
          margin: 0 0 1.6rem; } }
    .content-block-section__quote::after {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
      @media screen and (min-width: 640px) {
        .content-block-section__quote::after {
          display: none; } }
  .content-block-section + .content-block-section {
    padding-top: 1.6rem; }

.open-banking .content-block-section {
  padding: 0; }
  .open-banking .content-block-section:first-of-type .grid-container > .grid-x, .open-banking .content-block-section:first-of-type .accordion-section-titlebar .accordion-section-titlebar-inner > .grid-x, .accordion-section-titlebar .open-banking .content-block-section:first-of-type .accordion-section-titlebar-inner > .grid-x {
    border-top: 1px solid #111111; }
  .open-banking .content-block-section + .content-block-section .grid-container > .grid-x, .open-banking .content-block-section + .content-block-section .accordion-section-titlebar .accordion-section-titlebar-inner > .grid-x, .accordion-section-titlebar .open-banking .content-block-section + .content-block-section .accordion-section-titlebar-inner > .grid-x {
    border-top: 1px solid #d7d7d7; }
  .open-banking .content-block-section .grid-container > .grid-x, .open-banking .content-block-section .accordion-section-titlebar .accordion-section-titlebar-inner > .grid-x, .accordion-section-titlebar .open-banking .content-block-section .accordion-section-titlebar-inner > .grid-x {
    padding: 4.8rem 0 1.6rem 0; }
    @media screen and (min-width: 640px) {
      .open-banking .content-block-section .grid-container > .grid-x, .open-banking .content-block-section .accordion-section-titlebar .accordion-section-titlebar-inner > .grid-x, .accordion-section-titlebar .open-banking .content-block-section .accordion-section-titlebar-inner > .grid-x {
        padding: 8rem 0 4.8rem; } }
  .open-banking .content-block-section__title {
    text-align: left;
    height: 72px;
    width: 224px;
    font-family: 'Heimat';
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 24px; }
    @media screen and (max-width: 639px) {
      .open-banking .content-block-section__title {
        display: none; } }
  .open-banking .content-block-section__heading {
    font-weight: 800; }
    @media screen and (max-width: 639px) {
      .open-banking .content-block-section__heading {
        margin-bottom: 1.6rem; } }
  .open-banking .content-block-section__image {
    height: 112px;
    width: 112px;
    margin-bottom: 12px; }

.open-banking .cta-section + .content-block-section .grid-container > .grid-x, .open-banking .cta-section + .content-block-section .accordion-section-titlebar .accordion-section-titlebar-inner > .grid-x, .accordion-section-titlebar .open-banking .cta-section + .content-block-section .accordion-section-titlebar-inner > .grid-x {
  padding-top: 4.8rem; }
  @media screen and (min-width: 640px) {
    .open-banking .cta-section + .content-block-section .grid-container > .grid-x, .open-banking .cta-section + .content-block-section .accordion-section-titlebar .accordion-section-titlebar-inner > .grid-x, .accordion-section-titlebar .open-banking .cta-section + .content-block-section .accordion-section-titlebar-inner > .grid-x {
      padding: 12rem 0 8.8rem; } }

.trouble-connecting .content-block-section {
  padding: 3.2rem 0 1.6rem; }
  @media screen and (min-width: 1280px) {
    .trouble-connecting .content-block-section {
      padding-bottom: 3.2rem; } }
  @media screen and (min-width: 640px) {
    .trouble-connecting .content-block-section .grid-container > .grid-x, .trouble-connecting .content-block-section .accordion-section-titlebar .accordion-section-titlebar-inner > .grid-x, .accordion-section-titlebar .trouble-connecting .content-block-section .accordion-section-titlebar-inner > .grid-x {
      border-top: 1px solid #111111;
      padding-top: 3.2rem; } }
  .trouble-connecting .content-block-section__title {
    font-family: 'Heimat';
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 20px;
    margin-bottom: 2.4rem; }
    @media screen and (max-width: 639px) {
      .trouble-connecting .content-block-section__title {
        border-bottom: 1px solid #111111;
        padding-bottom: 13px; } }
  .trouble-connecting .content-block-section__heading {
    font-weight: bold;
    margin-bottom: 1.6rem; }
    @media screen and (max-width: 1023px) {
      .trouble-connecting .content-block-section__heading {
        font-size: 16px; } }
    @media screen and (min-width: 640px) {
      .trouble-connecting .content-block-section__heading {
        width: 441px; } }
    @media screen and (min-width: 1024px) {
      .trouble-connecting .content-block-section__heading {
        width: 624px; } }
  .trouble-connecting .content-block-section__paragraph {
    margin-bottom: 2.4rem; }
    @media screen and (min-width: 640px) {
      .trouble-connecting .content-block-section__paragraph {
        width: 441px; } }
    @media screen and (min-width: 1024px) {
      .trouble-connecting .content-block-section__paragraph {
        width: 612px; } }

.info-chart-section {
  padding: 6.4rem 0; }
  .info-chart-section__footnote {
    color: #696969;
    font-size: 1.36rem; }

.items-table-layout {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 8rem; }
  .items-table-layout .cell {
    padding-right: 1.6rem; }
    .items-table-layout .cell:last-of-type .items-table-list::after {
      display: none; }
  @media screen and (max-width: 639px) {
    .items-table-layout {
      padding-top: 0;
      padding-bottom: 16rem; } }
  @media screen and (min-width: 640px) {
    .items-table-layout {
      padding-top: 4.8rem; }
      .items-table-layout__group {
        margin-top: 2.4rem; } }
  @media screen and (min-width: 1024px) {
    .items-table-layout {
      padding-top: 0;
      position: relative;
      -webkit-transform: translateY(1.6rem);
          -ms-transform: translateY(1.6rem);
              transform: translateY(1.6rem); } }
  .items-table-layout--global {
    padding-top: 3.2rem; }
    @media screen and (min-width: 640px) {
      .items-table-layout--global {
        padding-top: 0; } }

.items-table {
  padding-bottom: 8rem;
  position: relative; }
  @media screen and (max-width: 639px) {
    .items-table {
      padding-bottom: 3.2rem; } }
  @media screen and (min-width: 1024px) {
    .items-table {
      margin-top: 22.4rem;
      padding-bottom: 16rem; } }
  .items-table .items-table-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 50%;
    position: relative;
    top: -4.8rem;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media screen and (min-width: 640px) {
      .items-table .items-table-img {
        left: -19%;
        position: absolute;
        top: 0;
        width: 190px; } }
    @media screen and (min-width: 1024px) {
      .items-table .items-table-img {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 24.5rem;
        left: 39%;
        top: -27.2rem; } }
  @media screen and (max-width: 639px) {
    .items-table .items-table-img img {
      max-width: 60%; } }
  @media screen and (max-width: 639px) {
    .items-table .test-img {
      margin-top: 0; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .items-table .test-img {
      top: -14.4rem; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .items-table .launch-img {
      top: -9.92rem; } }
  @media screen and (max-width: 639px) {
    .items-table .scale-img {
      margin-top: 9.6rem; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .items-table .scale-img {
      top: 2.4rem; } }
  .items-table .items-table-price {
    margin-bottom: 1.6rem; }
  .items-table .items-table-label {
    border-bottom: 1px solid #111;
    color: #111;
    margin-bottom: 3.2rem;
    padding-bottom: 10px; }
  .items-table .button-cta {
    margin-bottom: 2.08rem; }
  .items-table--global {
    margin-top: 4rem;
    padding-bottom: 1.6rem; }

.items-table-list {
  position: relative; }
  .items-table-list::before {
    content: "";
    display: none;
    position: absolute;
    border-top: 1px solid #111;
    height: 1px;
    left: 0;
    top: -1px;
    width: 100%; }
  .items-table-list::after {
    content: "";
    display: none;
    position: absolute;
    border-top: 1px solid #111;
    height: 1px;
    right: -15px;
    top: -1px;
    width: 15px; }
  @media screen and (min-width: 1024px) {
    .items-table-list {
      margin-top: 9.6rem;
      padding-top: 1.6rem; }
      .items-table-list::before, .items-table-list::after {
        display: block; } }
  .items-table-list--global {
    margin-top: 4rem;
    padding-top: 0.48rem; }
    .items-table-list--global::before {
      border-top-width: 1px;
      width: 90%;
      display: block; }
    .items-table-list--global::after {
      display: none; }

.items-table-list-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #9b9b9b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  padding: 0.4rem 0;
  min-height: 3.2rem; }
  .items-table-list-item .items-table-list-item-text {
    color: #9b9b9b;
    font-family: Inconsolata, "Vaud", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    margin-bottom: 0; }
  .items-table-list-item.has-feature .items-table-list-item-text {
    color: #111; }
  .items-table-list-item .check-icon,
  .items-table-list-item .minus-icon {
    margin-right: 1.44rem;
    width: 12px; }
  .items-table-list-item .check-icon g {
    fill: #63daff; }

.items-table-list-services .has-feature .items-table-list-item-text {
  border-bottom: 0; }

.info-dropdown-pane {
  border-color: #f6f6f6;
  border-radius: 2px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  max-width: 25.6rem;
  width: 100%; }
  .info-dropdown-pane::after, .info-dropdown-pane::before {
    bottom: -9px;
    content: '';
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  .info-dropdown-pane::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 10px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #d7d7d7 transparent transparent;
    bottom: -10px;
    right: 2.56rem; }
  .info-dropdown-pane::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 9px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ffffff transparent transparent; }
  .info-dropdown-pane p {
    font-family: "Vaud", Helvetica, Arial, sans-serif;
    margin-bottom: 0; }

.items-table-cta-section {
  position: relative; }
  @media screen and (min-width: 640px) {
    .items-table-cta-section {
      max-width: 28.8rem; } }
  @media screen and (min-width: 1024px) {
    .items-table-cta-section {
      max-width: 22.8rem; } }

.items-table-description {
  position: relative; }
  @media screen and (min-width: 1024px) {
    .items-table-description {
      height: 72px; } }
  @media screen and (min-width: 640px) {
    .items-table-description {
      max-width: 28.8rem; } }
  @media screen and (min-width: 1024px) {
    .items-table-description {
      max-width: none; } }

.items-table-list-header {
  color: #111;
  display: none;
  left: 0;
  position: absolute;
  top: -3.2rem; }
  @media screen and (min-width: 1024px) {
    .items-table-list-header {
      display: block; } }
  .items-table-list-header span {
    display: inline-block;
    vertical-align: middle; }
  .items-table-list-header--global {
    display: block;
    font-family: "Vaud-extrabold", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: inherit;
    top: -3.52rem; }
    .items-table-list-header--global img {
      width: 22px; }

.info-dropdown:active {
  color: #111; }

.section-title, .feature-section-label {
  text-align: left; }

@media screen and (max-width: 639px) {
  .section-header {
    margin-bottom: 0; } }

.job-post {
  padding-top: 50px; }
  @media screen and (min-width: 640px) {
    .job-post {
      padding-top: 40px; } }
  @media screen and (min-width: 1024px) {
    .job-post {
      padding-top: 90px; } }
  .job-post__dept {
    color: #878787;
    font-family: 'Heimat', Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 1.42857142857;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 12px; }
    @media screen and (min-width: 640px) and (max-width: 1023px) {
      .job-post__dept {
        margin-bottom: 35px; } }
    @media screen and (min-width: 1024px) {
      .job-post__dept {
        font-size: 14px; } }
  @media screen and (min-width: 1024px) {
    .job-post__title {
      margin-bottom: 28px; } }
  .job-post__brackets {
    position: relative;
    margin-bottom: 40px;
    padding-left: 36px; }
    .job-post__brackets::before {
      content: '';
      position: absolute;
      left: 0;
      height: 24px;
      width: 24px; }
    .job-post__brackets--salt-lake-city::before {
      background-image: url("/assets/img/icons/icon-location-slc.svg"); }
    .job-post__brackets--new-york::before {
      background-image: url("/assets/img/icons/icon-location-ny.svg"); }
    .job-post__brackets--san-francisco::before {
      background-image: url("/assets/img/icons/icon-location-sf.svg"); }
    .job-post__brackets--canada::before {
      background-image: url("/assets/img/icons/icon-location-canada.svg"); }
    .job-post__brackets--london::before {
      background-image: url("/assets/img/icons/icon-location-uk.svg"); }
    .job-post__brackets--amsterdam::before {
      background-image: url("/assets/img/icons/icon-location-netherlands.svg"); }
    .job-post__brackets--remote::before {
      background-image: url("/assets/img/icons/icon-location-remote.svg"); }
    .job-post__brackets--generic::before {
      background-image: url("/assets/img/icons/icon-location-generic.svg"); }
    @media screen and (min-width: 640px) {
      .job-post__brackets {
        margin-bottom: 45px; } }
    @media screen and (min-width: 1024px) {
      .job-post__brackets {
        margin-bottom: 60px; } }
  .job-post__intro {
    color: #111; }
    @media screen and (min-width: 640px) {
      .job-post__intro {
        margin-bottom: 55px; } }
    @media screen and (min-width: 1024px) {
      .job-post__intro {
        margin-bottom: 70px;
        font-size: 24px;
        line-height: 36px; } }
  .job-post__aside {
    padding: 16px 0 36px; }
    @media screen and (min-width: 640px) {
      .job-post__aside {
        padding: 0; } }
  .job-post__categories {
    margin-top: 10px; }
    @media screen and (min-width: 1024px) {
      .job-post__categories {
        margin-top: 30px; } }
  .job-post__content {
    padding-bottom: 40px;
    color: #4b4b4b;
    font-size: 14px;
    line-height: 24px; }
    .job-post__content .postings-link {
      display: inline-block;
      border-bottom: 1px solid #111;
      color: #111;
      -webkit-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
      .job-post__content .postings-link:hover {
        color: #0a85ea;
        border-bottom: 1px solid transparent; }
    @media screen and (min-width: 640px) {
      .job-post__content {
        padding-bottom: 60px; } }
    @media screen and (min-width: 1024px) {
      .job-post__content {
        padding-bottom: 90px;
        font-size: 16px; } }
  .job-post__lists {
    margin-top: 25px; }
    @media screen and (min-width: 640px) {
      .job-post__lists {
        margin-top: 40px; } }
    @media screen and (min-width: 1024px) {
      .job-post__lists {
        margin-top: 45px; } }
  .job-post__additional {
    margin-top: 32px; }
    @media screen and (min-width: 1024px) {
      .job-post__additional {
        margin-top: 40px; } }
  .job-post__footer {
    margin-top: 20px; }
  @media screen and (min-width: 1024px) {
    .job-post__apply-by-api {
      padding-top: 40px; } }
  .job-post__apply-mobile {
    padding-bottom: 40px; }
  .job-post__related-features {
    padding: 30px 0 45px;
    background: #f6f6f6; }
    .job-post__related-features .grid-x .cell:last-child {
      margin-top: 45px; }
    @media screen and (min-width: 640px) {
      .job-post__related-features {
        padding: 30px 10px 70px; } }
    @media screen and (min-width: 1024px) {
      .job-post__related-features {
        padding: 120px 0 105px; }
        .job-post__related-features .grid-x .cell:first-child {
          padding-right: 36px; }
        .job-post__related-features .grid-x .cell:last-child {
          margin-top: 0;
          padding-left: 36px; } }

.job-post-category {
  color: #878787;
  font-family: 'Heimat', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 1.42857142857;
  text-transform: uppercase;
  padding: 16px 0 24px;
  color: #878787;
  font-size: 12px; }
  @media screen and (min-width: 1024px) {
    .job-post-category {
      font-size: 14px; } }
  .job-post-category + .job-post-category {
    border-top: 1px solid #CECECE; }

.job-post-list + .job-post-list {
  margin-top: 32px; }
  @media screen and (min-width: 1024px) {
    .job-post-list + .job-post-list {
      margin-top: 40px; } }

.job-post-list__heading {
  margin-bottom: 12px;
  color: #111;
  font-size: 16px; }
  @media screen and (min-width: 640px) {
    .job-post-list__heading {
      margin-bottom: 16px; } }
  @media screen and (min-width: 1024px) {
    .job-post-list__heading {
      font-size: 24px;
      line-height: 32px; } }

@media screen and (min-width: 1024px) {
  .job-post-list__content {
    margin-left: 36px; } }

.job-post-list li + li {
  margin-top: 12px; }

@media screen and (min-width: 1024px) {
  .job-post-feature__media {
    width: 430px;
    height: 306px; } }

.job-post-feature__img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%; }

.job-post-feature__heading {
  margin: 30px 0;
  font-size: 24px;
  line-height: 32px; }

.job-post-feature__role {
  font-weight: normal; }

.job-post-feature__link {
  display: inline-block;
  border-bottom: 1px solid #111;
  color: #111;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }
  .job-post-feature__link:hover {
    color: #0a85ea;
    border-bottom: 1px solid transparent; }

.label-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .label-group .label {
    color: #878787;
    font-family: 'Heimat', Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 1.42857142857;
    text-transform: uppercase;
    color: #111;
    padding: 0.72rem 0.96rem;
    line-height: 1.667; }
    .label-group .label + .label {
      margin-left: 0.8rem; }
  @media screen and (min-width: 1024px) {
    .label-group {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; } }

.modal {
  border: none;
  width: 85%;
  max-width: 940px;
  height: 100vh;
  background: transparent;
  outline: none; }
  .modal__accent {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 90%;
    height: 90%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .modal__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
  .modal__content {
    position: relative;
    width: 620px;
    max-width: 80%;
    min-height: 100px;
    background: #ffffff;
    -webkit-box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.08);
            box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.08);
    border-radius: 2px; }

.modal-trigger {
  outline: none;
  cursor: pointer; }

.modal-carousel__image {
  width: 620px;
  height: 415px;
  -o-object-fit: cover;
     object-fit: cover; }

.modal-carousel__content {
  padding: 24px 32px 90px; }

.modal-carousel .content-carousel .slick-dots {
  right: auto;
  bottom: 5.8825%;
  left: auto;
  width: 100%;
  text-align: center; }

.modal-carousel .content-carousel .slick-arrow {
  position: absolute;
  top: 208px;
  z-index: 1;
  border-radius: 50px;
  height: 45px;
  width: 45px;
  background: #ffffff;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
  cursor: pointer; }

.modal-carousel .content-carousel .slick-arrow.slick-disabled {
  display: none !important; }

.modal-carousel .content-carousel .slick-next {
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%); }

.modal-carousel .content-carousel .slick-prev {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.modal-carousel .content-carousel .slick-arrow::before {
  display: block;
  color: #111;
  font-size: 12px;
  font-weight: bold;
  opacity: 1; }

.modal-carousel .content-carousel .slick-prev::before {
  content: '\276E'; }

.modal-carousel .content-carousel .slick-next::before {
  content: '\276F'; }

.news-section {
  background-color: #f6f6f6;
  height: 336px;
  overflow: hidden; }
  @media screen and (max-width: 639px) {
    .news-section {
      height: 400px; } }
  .news-section .news-section-container {
    height: 100%; }
  .news-section .news-section-image-content {
    position: relative; }
    .news-section .news-section-image-content .news-section-image {
      bottom: 0;
      height: 300px;
      position: absolute;
      right: 50%;
      -webkit-transform: translateX(50%);
          -ms-transform: translateX(50%);
              transform: translateX(50%); }
      @media screen and (min-width: 640px) {
        .news-section .news-section-image-content .news-section-image {
          height: 125%;
          max-width: none;
          right: 10%;
          top: -12.5%;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none;
          width: auto; } }
  .news-section .news-section-text-content {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (max-width: 639px) {
      .news-section .news-section-text-content {
        display: block;
        margin-top: 24px; } }
    .news-section .news-section-text-content .news-section-title {
      font-weight: 600;
      color: #111; }
    .news-section .news-section-text-content .news-section-text {
      color: #4b4b4b; }
      .news-section .news-section-text-content .news-section-text--bold {
        font-weight: 600; }

.news-banner {
  position: relative;
  margin-top: 3.2rem;
  color: #4b4b4b; }
  .news-banner g {
    fill: currentColor; }
  .news-banner:hover {
    color: #0a85ea; }
    .news-banner:hover .news-banner-description {
      color: inherit; }
      @media screen and (min-width: 810px) {
        .news-banner:hover .news-banner-description {
          padding-right: 24px; } }
    @media screen and (max-width: 810px) {
      .news-banner:hover .news-banner-arrow {
        right: -24px; } }
  .news-banner--black:hover {
    color: #111; }
  .news-banner::before {
    content: '';
    top: -24px;
    left: 0;
    position: absolute;
    border: 1px solid #d1d3d4;
    display: block;
    width: 100%; }
  .news-banner .news-banner-description {
    margin-bottom: 0;
    padding-right: 16px;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; }
  @media screen and (max-width: 639px) {
    .news-banner {
      display: block; }
      .news-banner .news-banner-description {
        /* autoprefixer: off */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0;
        -webkit-line-clamp: 2;
        height: 4.8rem; } }
    @media screen and (max-width: 639px) and (max-width: 639px) {
      .news-banner .news-banner-description {
        display: inline; }
        .news-banner .news-banner-description:before {
          content: '\A';
          white-space: pre; } }
    @media screen and (max-width: 639px) and (max-width: 490px) {
      .news-banner .news-banner-description__tiny-linebreak {
        display: block; } }
  @media screen and (min-width: 640px) {
    .news-banner {
      margin-bottom: 5.6rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .news-banner::before {
        display: none; }
      .news-banner .news-banner-description {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: auto;
        max-width: 517px; } }
  @media screen and (min-width: 1024px) {
    .news-banner {
      padding-top: 0; } }
  .news-banner--black::before {
    border: 1px solid #111; }

.news-banner-label {
  margin-right: 0.8rem;
  position: relative;
  margin-bottom: 1.6rem; }
  .news-banner-label::before {
    content: '';
    position: absolute;
    border: 2px solid #d1d3d4;
    width: 6.4rem;
    margin: 0 0 2rem 2rem;
    display: none;
    width: 100%;
    top: -24px;
    left: -20px; }
  @media screen and (min-width: 640px) {
    .news-banner-label {
      display: block;
      margin-bottom: 0; }
      .news-banner-label::before {
        display: block; } }
  @media screen and (max-width: 639px) {
    .news-banner-label {
      display: inline-block;
      padding: 2px 8px; } }

.news-banner-label.label--white::before {
  border: 2px solid #111; }

@media screen and (min-width: 640px) {
  .news-banner-label.label--white {
    display: block;
    margin-bottom: 0; }
    .news-banner-label.label--white::before {
      display: block; } }

@media screen and (max-width: 639px) {
  .news-banner-label.label--white {
    display: inline-block;
    padding: 2px 8px; } }

.news-banner-arrow {
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }
  @media screen and (max-width: 810px) {
    .news-banner-arrow {
      position: absolute;
      right: -16px; } }
  @media screen and (max-width: 639px) {
    .news-banner-arrow {
      position: relative;
      right: -6px;
      top: -1px; } }

.page-header-homepage {
  padding: 1.12rem 0 4.8rem;
  overflow: hidden; }
  @media screen and (min-width: 640px) {
    .page-header-homepage {
      padding: 3.2rem 0 4.8rem; } }
  @media screen and (min-width: 1024px) {
    .page-header-homepage {
      padding: 5.2rem 0 9.6rem; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .page-header-homepage .medium-0 {
      width: 0; } }
  @media screen and (max-width: 639px) {
    .page-header-homepage .page-header-video.homepage-header-video {
      max-width: none; } }

.page-header-homepage-title {
  margin-bottom: 2.4rem; }
  @media screen and (min-width: 640px) {
    .page-header-homepage-title {
      margin-bottom: 1.712rem; } }
  @media screen and (min-width: 743px) {
    .page-header-homepage-title {
      margin-bottom: 4rem; } }
  @media screen and (min-width: 987px) {
    .page-header-homepage-title {
      margin-bottom: 6.4rem; } }
  @media screen and (min-width: 1024px) {
    .page-header-homepage-title {
      margin-bottom: 6.08rem;
      font-size: 48px; } }

.page-header-homepage-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (min-width: 1024px) {
    .page-header-homepage-form {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
      .page-header-homepage-form .floated-label-wrapper label.has-value {
        -webkit-transform: translateY(-61px);
            -ms-transform: translateY(-61px);
                transform: translateY(-61px); }
      .page-header-homepage-form .button-cta,
      .page-header-homepage-form .button-wrapper {
        margin-left: 1.6rem;
        max-width: 22.9rem; } }

.page-header-homepage-bg-wrapper {
  height: 300px;
  position: relative; }
  .page-header-homepage-bg-wrapper.bottom-brush {
    height: auto; }
  @media screen and (min-width: 640px) {
    .page-header-homepage-bg-wrapper {
      height: auto; } }

@media screen and (min-width: 640px) {
  .homepage__cta-section {
    margin-bottom: 6.4rem;
    margin-top: 3.2rem; }
    .homepage__cta-section .button-module-wrapper {
      -webkit-box-flex: 0;
      -webkit-flex: 0;
          -ms-flex: 0;
              flex: 0; } }

.homepage__cta-section > .cell {
  display: block; }
  @media screen and (min-width: 1024px) {
    .homepage__cta-section > .cell {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.button.button-cta.button--homepage-cta {
  margin-right: 1.6rem;
  padding-top: 1.6rem;
  text-align: left;
  width: 100%; }
  @media screen and (min-width: 1024px) {
    .button.button-cta.button--homepage-cta {
      width: 46%; } }

.page-header-homepage-cta {
  margin-bottom: 5.6rem;
  margin-top: 0.8rem; }
  @media screen and (min-width: 640px) {
    .page-header-homepage-cta {
      margin-bottom: 0;
      margin-top: 0; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .page-header-homepage-cta {
      font-size: 14px;
      width: 340px; } }
  @media screen and (min-width: 640px) {
    .page-header-homepage-cta--legacy {
      margin-top: 1.6rem; } }

.header-index {
  z-index: 9; }

.page-header-homepage-bg,
.video-bottom {
  left: -292px;
  position: absolute;
  top: -75px;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  z-index: 1; }
  @media screen and (max-width: 1023px) {
    .page-header-homepage-bg,
    .video-bottom {
      -webkit-transform: scale(0.55);
          -ms-transform: scale(0.55);
              transform: scale(0.55);
      top: -209px;
      right: 250px; } }
  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-width: 640px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -210px; } }
  @media screen and (min-width: 400px) {
    .page-header-homepage-bg,
    .video-bottom {
      left: -320px;
      top: -209px; } }
  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-width: 400px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -209px; } }
  @media screen and (min-width: 640px) {
    .page-header-homepage-bg,
    .video-bottom {
      left: -445px;
      top: -38px;
      -webkit-transform: scale(0.45);
          -ms-transform: scale(0.45);
              transform: scale(0.45); }
      @supports (-ms-ime-align: auto) {
        .page-header-homepage-bg,
        .video-bottom {
          top: -33px; } } }
  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-width: 640px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -37px; } }
  @media screen and (min-width: 667px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -81px;
      left: -445px; }
      @supports (-ms-ime-align: auto) {
        .page-header-homepage-bg,
        .video-bottom {
          top: -76px; } } }
  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-width: 667px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -81px; } }
  @media screen and (min-width: 743px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -59px;
      left: -440px; }
      @supports (-ms-ime-align: auto) {
        .page-header-homepage-bg,
        .video-bottom {
          top: -21px; } } }
  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-width: 743px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -58px; } }
  @media screen and (min-width: 901px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -59px;
      left: -440px; }
      @supports (-ms-ime-align: auto) {
        .page-header-homepage-bg,
        .video-bottom {
          top: -42px; } } }
  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-width: 901px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -58px; } }
  @media screen and (min-width: 987px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -35px;
      left: -440px; }
      @supports (-ms-ime-align: auto) {
        .page-header-homepage-bg,
        .video-bottom {
          top: -19px; } } }
  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-width: 987px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -34px; } }
  @media screen and (min-width: 1024px) {
    .page-header-homepage-bg,
    .video-bottom {
      left: auto;
      right: -255px;
      top: -109px;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
    @-moz-document url-prefix() {
      .page-header-homepage-bg,
      .video-bottom {
        top: -119px; } }
      @supports (-ms-ime-align: auto) {
        .page-header-homepage-bg,
        .video-bottom {
          top: -119px; } } }
  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-width: 1024px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -109px; }
    @-moz-document url-prefix() {
      .page-header-homepage-bg,
      .video-bottom {
        top: -109px; } } }
  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 1040px) and (min-width: 1024px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -109px; } }
  @media all and (max-width: 1040px) and (min-width: 1024px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -109px; }
    @-moz-document url-prefix() {
      .page-header-homepage-bg,
      .video-bottom {
        top: -106px; } } }
  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-width: 1040px) {
    .page-header-homepage-bg,
    .video-bottom {
      top: -109px; }
    @-moz-document url-prefix() {
      .page-header-homepage-bg,
      .video-bottom {
        top: -106px; } } }
  .page-header-homepage-bg .page-header-video,
  .video-bottom .page-header-video {
    -webkit-transform: scale(0.66667);
        -ms-transform: scale(0.66667);
            transform: scale(0.66667); }

.video-bottom {
  width: 1024px;
  height: 240px;
  top: -54px;
  left: -368px; }
  @media screen and (min-width: 640px) {
    .video-bottom {
      top: -67px;
      left: -549px; } }
  @media screen and (min-width: 1024px) {
    .video-bottom {
      top: 0;
      left: -589px; } }

.page-header {
  overflow: hidden; }
  .page-header--black {
    background-color: #111; }
  .page-header--black100 {
    background-color: #f6f6f6; }
  .page-header--black200 {
    background-color: #ebebeb; }
  .page-header--black300 {
    background-color: #d7d7d7; }
  .page-header--black400 {
    background-color: #cacaca; }
  .page-header--black500 {
    background-color: #b9b9b9; }
  .page-header--black600 {
    background-color: #9b9b9b; }
  .page-header--black700 {
    background-color: #878787; }
  .page-header--black800 {
    background-color: #696969; }
  .page-header--black900 {
    background-color: #4b4b4b; }
  .page-header--black1000 {
    background-color: #111; }
  .page-header--blue200 {
    background-color: #d4f9ff; }
  .page-header--green200 {
    background-color: #d0fce4; }
  .page-header--yellow200 {
    background-color: #fefbb8; }
  .page-header--pink200 {
    background-color: #ffd7dc; }
  .page-header--red200 {
    background-color: #ffd7dc; }
  .page-header--purple200 {
    background-color: #e1e1ff; }
  .page-header--blue400 {
    background-color: #b1eefc; }
  .page-header--green400 {
    background-color: #abffdb; }
  .page-header--yellow400 {
    background-color: #fbf1a0; }
  .page-header--pink400 {
    background-color: #ffaab9; }
  .page-header--red400 {
    background-color: #ffaab9; }
  .page-header--purple400 {
    background-color: #c6befc; }
  .page-header--blue600 {
    background-color: #63daff; }
  .page-header--green600 {
    background-color: #5befbd; }
  .page-header--yellow600 {
    background-color: #fce76b; }
  .page-header--pink600 {
    background-color: #ff7885; }
  .page-header--red600 {
    background-color: #ff7885; }
  .page-header--purple600 {
    background-color: #9986f7; }
  .page-header--blue800 {
    background-color: #0a85ea; }
  .page-header--green800 {
    background-color: #23d09c; }
  .page-header--yellow800 {
    background-color: #f2d211; }
  .page-header--pink800 {
    background-color: #f44e66; }
  .page-header--red800 {
    background-color: #f44e66; }
  .page-header--purple800 {
    background-color: #7646ec; }
  .page-header--white {
    background-color: #ffffff; }
  .page-header__popup-logo {
    border-radius: 10px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.08);
            box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.08);
    position: absolute;
    left: 20px;
    top: 28%;
    height: auto;
    width: 75px; }
    @media screen and (max-width: 639px) {
      .page-header__popup-logo {
        left: 5%;
        top: 25%;
        width: 35px; } }
    .page-header__popup-logo--phone {
      left: -8px;
      top: 26%;
      width: 64px; }
      @media screen and (max-width: 639px) {
        .page-header__popup-logo--phone {
          left: -3%;
          top: 35%;
          width: 32px; } }
  .page-header .page-header-subtext {
    color: #111; }
  .page-header .button-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    z-index: 0; }
    .page-header .button-group .button {
      font-size: 1.6rem; }
      .page-header .button-group .button:first-child {
        margin-right: 0; }
    .page-header .button-group + .page-header-subtext {
      margin-top: 1.6rem; }
      @media screen and (max-width: 1023px) {
        .page-header .button-group + .page-header-subtext {
          min-width: 20.4rem; } }
      @media screen and (min-width: 640px) {
        .page-header .button-group + .page-header-subtext {
          margin-top: 0; } }
    .page-header .button-group--margin-bottom div:first-child a,
    .page-header .button-group--margin-bottom div:first-child button {
      margin-bottom: 1.6rem; }
    .page-header .button-group:only-child .header-button:not(:last-of-type) {
      width: 251px; }
  .page-header .page-header-content {
    position: relative;
    padding: calc(9.6rem - 2.4rem) 1.6rem calc(9.6rem/ 2);
    z-index: 1; }
    @media screen and (max-width: 639px) {
      .page-header .page-header-content {
        padding: 4.8rem 0 0 0; } }
  .page-header .page-header-video {
    display: none; }
  .page-header .product-header-offset {
    position: relative; }
  .page-header .product-header-right-offset-image {
    position: absolute;
    top: 0;
    height: 513px; }
  .page-header .button-group .button {
    min-width: 100%; }
  @media screen and (min-width: 750px) {
    .page-header {
      height: 52.8rem; }
      .page-header .button-group {
        margin-bottom: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row; }
        .page-header .button-group .button-module-wrapper {
          max-width: 50%; }
          .page-header .button-group .button-module-wrapper:not(:only-child) {
            max-width: calc(50% - 0.8rem); }
          .page-header .button-group .button-module-wrapper:first-child:not(:only-child) {
            margin-right: 1.6rem; }
        .page-header .button-group .button {
          margin-bottom: 0;
          -webkit-box-flex: 1;
          -webkit-flex: 1 0 0;
              -ms-flex: 1 0 0px;
                  flex: 1 0 0; }
      .page-header .page-header-video {
        display: inline-block; }
      .page-header .page-header-content {
        padding: 9.6rem 0; } }
  @media (max-width: 750px) and (min-width: 640px) {
    .page-header .page-header-bg-wrapper {
      width: 100%;
      right: 0; }
      .page-header .page-header-bg-wrapper .page-header-bg:not(.page-header-bg--phone),
      .page-header .page-header-bg-wrapper .page-header-video {
        display: block;
        height: auto;
        width: 100%; } }

.page-header-header {
  margin-bottom: 4rem;
  position: relative;
  z-index: 0; }
  .page-header-header.h2, .page-header-header.h4 {
    margin-bottom: 3rem; }

.page-header-label {
  position: relative;
  z-index: 0; }
  .page-header-label:empty {
    display: none; }
  .page-header-label + .page-header-header {
    margin-top: 2.4rem; }
  .page-header-label + .h2.page-header-header {
    margin-top: 3.2rem; }
  .page-header-label--black {
    color: #111; }
  .page-header-label--black100 {
    color: #f6f6f6; }
  .page-header-label--black200 {
    color: #ebebeb; }
  .page-header-label--black300 {
    color: #d7d7d7; }
  .page-header-label--black400 {
    color: #cacaca; }
  .page-header-label--black500 {
    color: #b9b9b9; }
  .page-header-label--black600 {
    color: #9b9b9b; }
  .page-header-label--black700 {
    color: #878787; }
  .page-header-label--black800 {
    color: #696969; }
  .page-header-label--black900 {
    color: #4b4b4b; }
  .page-header-label--black1000 {
    color: #111; }
  .page-header-label--blue200 {
    color: #d4f9ff; }
  .page-header-label--green200 {
    color: #d0fce4; }
  .page-header-label--yellow200 {
    color: #fefbb8; }
  .page-header-label--pink200 {
    color: #ffd7dc; }
  .page-header-label--red200 {
    color: #ffd7dc; }
  .page-header-label--purple200 {
    color: #e1e1ff; }
  .page-header-label--blue400 {
    color: #b1eefc; }
  .page-header-label--green400 {
    color: #abffdb; }
  .page-header-label--yellow400 {
    color: #fbf1a0; }
  .page-header-label--pink400 {
    color: #ffaab9; }
  .page-header-label--red400 {
    color: #ffaab9; }
  .page-header-label--purple400 {
    color: #c6befc; }
  .page-header-label--blue600 {
    color: #63daff; }
  .page-header-label--green600 {
    color: #5befbd; }
  .page-header-label--yellow600 {
    color: #fce76b; }
  .page-header-label--pink600 {
    color: #ff7885; }
  .page-header-label--red600 {
    color: #ff7885; }
  .page-header-label--purple600 {
    color: #9986f7; }
  .page-header-label--blue800 {
    color: #0a85ea; }
  .page-header-label--green800 {
    color: #23d09c; }
  .page-header-label--yellow800 {
    color: #f2d211; }
  .page-header-label--pink800 {
    color: #f44e66; }
  .page-header-label--red800 {
    color: #f44e66; }
  .page-header-label--purple800 {
    color: #7646ec; }
  .page-header-label--white {
    color: #ffffff; }

.page-header-subheader {
  margin-bottom: 2.6rem;
  position: relative;
  z-index: 0; }
  @media screen and (max-width: 639px) {
    .page-header-subheader {
      font-size: 1em; } }
  .page-header-subheader:empty {
    display: none; }

.page-header-bg-wrapper {
  position: relative;
  margin: 0 auto; }
  .page-header-bg-wrapper--negative-bottom {
    z-index: 10; }
  @media screen and (min-width: 640px) {
    .page-header-bg-wrapper--negative-bottom {
      bottom: -68px;
      right: 140px; } }
  @media screen and (max-width: 639px) {
    .page-header-bg-wrapper {
      min-height: 180px; }
      .page-header-bg-wrapper--hide-mobile {
        min-height: auto; } }
  @media screen and (max-width: 639px) {
    .page-header-bg-wrapper .page-header-bg {
      pointer-events: none; } }
  @media (min-width: 751px) {
    .page-header-bg-wrapper .page-header-bg__img-overflow-large {
      max-width: none; } }
  .page-header-bg-wrapper .page-header-bg--mt-64px {
    margin-top: 0; }
    @media screen and (min-width: 640px) {
      .page-header-bg-wrapper .page-header-bg--mt-64px {
        margin-top: 6.4rem; } }

.page-header-dark {
  background-color: #111; }
  .page-header-dark .page-header-label,
  .page-header-dark .page-header-header,
  .page-header-dark .page-header-subheader {
    color: #ffffff; }

.overview-privacy .page-header {
  height: 374px; }
  @media screen and (max-width: 639px) {
    .overview-privacy .page-header {
      height: 304px; } }

.business-finances .page-header {
  background-color: #a497f7; }
  @media screen and (min-width: 750px) {
    .business-finances .page-header .page-header-bg {
      position: absolute;
      top: 0;
      left: -200px;
      height: 505px;
      width: 847px; } }
  .business-finances .page-header .page-header-label {
    color: #111; }

.personal-finances .page-header {
  background-color: #fbe87e; }
  @media screen and (min-width: 750px) {
    .personal-finances .page-header .page-header-bg {
      position: absolute;
      height: 647px;
      width: 944px;
      top: 0;
      left: -31%; } }
  .personal-finances .page-header .page-header-label {
    color: #111; }

.open-banking .page-header {
  height: auto; }
  .open-banking .page-header .page-header-bg {
    height: auto; }
  @media screen and (min-width: 640px) {
    .open-banking .page-header .page-header-content {
      padding-top: 19.2rem;
      padding-bottom: 6.4rem; } }
  @media screen and (min-width: 750px) {
    .open-banking .page-header .page-header-bg {
      position: absolute;
      left: -31%; } }

.lending .page-header {
  background-color: #f88893; }
  @media screen and (min-width: 750px) {
    .lending .page-header .page-header-bg {
      position: absolute;
      height: 600px;
      width: 849px;
      top: 0;
      left: -45%; } }
  .lending .page-header .page-header-label {
    color: #111; }

.consumer-payments .page-header,
.payments .page-header {
  background-color: #7eddfd; }
  @media screen and (min-width: 750px) {
    .consumer-payments .page-header .page-header-bg,
    .payments .page-header .page-header-bg {
      position: absolute;
      height: 713px;
      width: 983px;
      top: 0;
      left: -30%; } }
  .consumer-payments .page-header .page-header-label,
  .payments .page-header .page-header-label {
    color: #111; }

.banking .main-nav,
.wealth .main-nav {
  background-color: #ffffff; }

.banking .page-header,
.wealth .page-header {
  background-color: #7aedc6; }
  @media screen and (min-width: 750px) {
    .banking .page-header .page-header-bg,
    .wealth .page-header .page-header-bg {
      position: absolute;
      top: 0;
      left: -200px;
      height: 523px;
      width: 841px; } }
  .banking .page-header-header.h2,
  .wealth .page-header-header.h2 {
    max-width: 464px; }
  @media (max-width: 750px) {
    .banking .page-header .page-header-bg-wrapper,
    .wealth .page-header .page-header-bg-wrapper {
      margin-right: -6%; } }
  .banking .page-header .page-header-label,
  .wealth .page-header .page-header-label {
    color: #111; }

.wealth .page-header-header.h2 {
  max-width: 464px; }

@media screen and (min-width: 1024px) {
  .what-is-plaid .page-header {
    height: 38.4rem;
    padding-top: 4.8rem; } }

@media screen and (max-width: 1023px) {
  .what-is-plaid .page-header {
    padding-top: 0;
    height: 33.6rem; } }

@media screen and (max-width: 639px) {
  .what-is-plaid .page-header {
    height: 24rem;
    padding-top: 1.6rem; } }

.what-is-plaid .page-header-header {
  margin-bottom: 1.6rem; }

.what-is-plaid .half-width {
  width: 80%; }
  @media screen and (min-width: 640px) {
    .what-is-plaid .half-width {
      width: 50%; } }

.careers .page-header,
.engineering .page-header {
  background-image: url("/assets/img/backgrounds/careers-page-header-bg-mobile.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 48.9rem; }
  @media screen and (min-width: 750px) {
    .careers .page-header,
    .engineering .page-header {
      background-image: url("/assets/img/backgrounds/careers-page-header-bg.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 52.8rem; } }
  .careers .page-header .grid-container, .careers .page-header .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .careers .page-header .accordion-section-titlebar-inner,
  .engineering .page-header .grid-container,
  .engineering .page-header .accordion-section-titlebar .accordion-section-titlebar-inner,
  .accordion-section-titlebar .engineering .page-header .accordion-section-titlebar-inner {
    position: relative; }
    @media screen and (min-width: 750px) {
      .careers .page-header .grid-container::after, .careers .page-header .accordion-section-titlebar .accordion-section-titlebar-inner::after, .accordion-section-titlebar .careers .page-header .accordion-section-titlebar-inner::after,
      .engineering .page-header .grid-container::after,
      .engineering .page-header .accordion-section-titlebar .accordion-section-titlebar-inner::after,
      .accordion-section-titlebar .engineering .page-header .accordion-section-titlebar-inner::after {
        content: "";
        display: block;
        position: absolute;
        background-image: url("/assets/img/accents/brushstroke-right-blue.png");
        background-repeat: no-repeat;
        bottom: -242px;
        height: 626px;
        right: -320px;
        width: 491px;
        z-index: 1; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .auth .page-header-header.h2,
  .assets .page-header-header.h2,
  .transactions .page-header-header.h2,
  .balance .page-header-header.h2,
  .identity .page-header-header.h2,
  .investments .page-header-header.h2,
  .liabilities .page-header-header.h2,
  .payment-initiation .page-header-header.h2 {
    font-size: 2.4rem; } }

.auth .page-header-subheader,
.assets .page-header-subheader,
.transactions .page-header-subheader,
.balance .page-header-subheader,
.identity .page-header-subheader,
.investments .page-header-subheader,
.liabilities .page-header-subheader,
.payment-initiation .page-header-subheader {
  color: #9b9b9b; }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .auth .page-header-bg,
  .assets .page-header-bg,
  .transactions .page-header-bg,
  .balance .page-header-bg,
  .identity .page-header-bg,
  .investments .page-header-bg,
  .liabilities .page-header-bg,
  .payment-initiation .page-header-bg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%; } }

.auth .page-header-bg .page-header-video,
.auth .page-header-bg .page-header-image,
.assets .page-header-bg .page-header-video,
.assets .page-header-bg .page-header-image,
.transactions .page-header-bg .page-header-video,
.transactions .page-header-bg .page-header-image,
.balance .page-header-bg .page-header-video,
.balance .page-header-bg .page-header-image,
.identity .page-header-bg .page-header-video,
.identity .page-header-bg .page-header-image,
.investments .page-header-bg .page-header-video,
.investments .page-header-bg .page-header-image,
.liabilities .page-header-bg .page-header-video,
.liabilities .page-header-bg .page-header-image,
.payment-initiation .page-header-bg .page-header-video,
.payment-initiation .page-header-bg .page-header-image {
  position: absolute;
  margin-left: -15%;
  width: 58%; }
  @media screen and (max-width: 1023px) {
    .auth .page-header-bg .page-header-video,
    .auth .page-header-bg .page-header-image,
    .assets .page-header-bg .page-header-video,
    .assets .page-header-bg .page-header-image,
    .transactions .page-header-bg .page-header-video,
    .transactions .page-header-bg .page-header-image,
    .balance .page-header-bg .page-header-video,
    .balance .page-header-bg .page-header-image,
    .identity .page-header-bg .page-header-video,
    .identity .page-header-bg .page-header-image,
    .investments .page-header-bg .page-header-video,
    .investments .page-header-bg .page-header-image,
    .liabilities .page-header-bg .page-header-video,
    .liabilities .page-header-bg .page-header-image,
    .payment-initiation .page-header-bg .page-header-video,
    .payment-initiation .page-header-bg .page-header-image {
      display: block;
      position: relative;
      margin-left: auto;
      width: 100%; } }

.products .page-header .page-header-video {
  margin-left: -272px; }

.products .page-header .button-group div:last-child .button {
  margin-right: 0; }

.products .page-header .button-group .button {
  line-height: 1.2; }

.company .page-header {
  height: auto; }

.uk .page-header,
.eu .page-header {
  height: auto; }
  .uk .page-header .page-header-bg,
  .eu .page-header .page-header-bg {
    margin-top: 3.2rem; }
  @media screen and (min-width: 1024px) {
    .uk .page-header .page-header-bg,
    .eu .page-header .page-header-bg {
      position: absolute;
      height: 500px;
      width: 707px;
      left: -30%; } }
  @media screen and (min-width: 1280px) {
    .uk .page-header,
    .eu .page-header {
      position: relative; }
      .uk .page-header .page-header-bg-wrapper,
      .eu .page-header .page-header-bg-wrapper {
        position: static; }
      .uk .page-header .page-header-bg,
      .eu .page-header .page-header-bg {
        left: auto;
        right: 0; } }
  @media screen and (min-width: 1680px) {
    .uk .page-header .page-header-bg,
    .eu .page-header .page-header-bg {
      height: 600px;
      width: 849px; } }

@media screen and (min-width: 1024px) {
  .uk .page-header .page-header-bg {
    bottom: 0; } }

.demo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .demo .page-header {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    overflow: hidden; }
    @media screen and (max-width: 639px) {
      .demo .page-header {
        padding-bottom: 40px; } }
  @media screen and (max-width: 639px) {
    .demo .page-header-header {
      margin-bottom: 0;
      margin-top: 4rem; } }
  .demo .page-header-bg {
    height: 525px;
    margin-left: 72px;
    margin-top: 32px;
    width: 925px; }
    @media screen and (max-width: 1279px) {
      .demo .page-header-bg {
        height: 400px;
        margin-left: 48px;
        width: 705px; } }
    @media screen and (max-width: 750px) {
      .demo .page-header-bg {
        display: none; } }
    @media screen and (max-width: 639px) {
      .demo .page-header-bg {
        display: block;
        margin: 0;
        height: 100%;
        width: 100%; } }
  .demo .button-group .button {
    margin-left: 1.2rem;
    margin-right: 1.2rem; }
  .demo .demo-accent {
    position: absolute;
    right: -335px;
    top: -108px;
    z-index: 0;
    -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
            transform: scale(0.75); }
    @media screen and (max-width: 639px) {
      .demo .demo-accent {
        bottom: -84px;
        top: auto; } }

.accounts .page-header .grid-container, .accounts .page-header .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .accounts .page-header .accordion-section-titlebar-inner {
  height: 100%; }
  .accounts .page-header .grid-container .grid-x, .accounts .page-header .accordion-section-titlebar .accordion-section-titlebar-inner .grid-x, .accordion-section-titlebar .accounts .page-header .accordion-section-titlebar-inner .grid-x {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }

.customer-story .button-group div + div {
  margin: 0; }

.customer-story .button-group div:last-child {
  margin: 0; }

.customer-story .button-group .header-button {
  min-width: 243px; }

.customer-story .page-header-bg {
  padding: 3.2rem 0; }
  @media screen and (min-width: 750px) {
    .customer-story .page-header-bg {
      padding: 0;
      position: absolute;
      top: 8rem;
      left: 4.8rem; } }
  .customer-story .page-header-bg--phone {
    display: inline-block;
    padding-bottom: 0;
    position: relative;
    width: 50%; }
    @media screen and (min-width: 750px) {
      .customer-story .page-header-bg--phone {
        display: inline-block;
        width: auto;
        -webkit-transform: translate(100px, 8px);
            -ms-transform: translate(100px, 8px);
                transform: translate(100px, 8px); } }

@media screen and (max-width: 639px) {
  .customer-story .intro-section-item:first-child {
    padding-top: 3.2rem; } }

@media screen and (min-width: 640px) {
  .customer-stories .page-header-content {
    padding-top: 40px;
    padding-bottom: 0; }
  .customer-stories .page-header-header {
    margin-bottom: 20px; }
  .customer-stories .page-header-subheader {
    max-width: 75%; } }

@media screen and (min-width: 750px) {
  .customer-stories .page-header {
    height: auto; }
  .customer-stories .page-header-subheader {
    max-width: 60%; } }

@media screen and (min-width: 1024px) {
  .customer-stories .page-header-content {
    padding-top: 90px;
    padding-bottom: 30px; }
  .customer-stories .page-header-header {
    margin-bottom: 32px; }
  .customer-stories .page-header-subheader {
    max-width: 60%;
    font-size: 24px; } }

.form-header {
  padding: 9.6rem 2rem; }
  @media screen and (max-width: 639px) {
    .form-header {
      padding: 1.6rem 1.2rem; } }
  @media screen and (max-width: 639px) {
    .form-header .page-header-bg-wrapper--hide-mobile {
      display: none; } }
  .form-header .page-header-bg {
    background-image: none;
    position: absolute;
    height: 647px;
    width: 944px;
    top: -65px;
    left: -30%;
    z-index: -1; }
    .form-header .page-header-bg--vertical-center {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .form-header .page-header-bg img {
      -webkit-transform: scale(0.75);
          -ms-transform: scale(0.75);
              transform: scale(0.75); }
      .form-header .page-header-bg img.is-prominent {
        -webkit-transform: scale(0.85);
            -ms-transform: scale(0.85);
                transform: scale(0.85); }
      .form-header .page-header-bg img.is-full-size {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }
    @media screen and (max-width: 639px) {
      .form-header .page-header-bg--full-width {
        position: initial;
        width: inherit;
        height: inherit;
        margin: auto; } }
    .form-header .page-header-bg--full-width img {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
  .form-header .form-privacy-policy {
    font-size: 12px; }
  @media screen and (max-width: 639px) {
    .form-header .page-header-bg-wrapper--hide-mobile {
      display: none; } }

.non-form-based-header-image-container {
  position: relative; }
  .non-form-based-header-image-container .non-form-based-header-image {
    width: 1024px;
    height: 554px;
    position: absolute;
    max-width: none;
    z-index: -1; }
    @media screen and (max-width: 639px) {
      .non-form-based-header-image-container .non-form-based-header-image {
        display: none; } }

.post-submit-content {
  padding: 3.2rem 0; }

.customer-story .page-header {
  overflow: hidden; }

.account-funding .page-header-bg {
  position: static;
  height: inherit;
  width: auto;
  top: inherit;
  left: inherit; }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .account-funding .page-header-video {
    width: 100%; } }

@media screen and (min-width: 1024px) {
  .overview .page-header {
    height: 36rem; } }

.overview .page-header-subheader {
  margin-right: 1rem; }

.overview .page-header-bg {
  background-image: none;
  position: absolute;
  height: 600px;
  width: 900px;
  top: -30px;
  left: -10%;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 4rem; }
  .overview .page-header-bg img {
    -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
            transform: scale(0.75); }

.how-it-works .page-header .grid-container, .how-it-works .page-header .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .how-it-works .page-header .accordion-section-titlebar-inner {
  position: relative; }
  @media screen and (min-width: 750px) {
    .how-it-works .page-header .grid-container .page-header-bg, .how-it-works .page-header .accordion-section-titlebar .accordion-section-titlebar-inner .page-header-bg, .accordion-section-titlebar .how-it-works .page-header .accordion-section-titlebar-inner .page-header-bg {
      margin-left: 70px; }
    .how-it-works .page-header .grid-container::before, .how-it-works .page-header .accordion-section-titlebar .accordion-section-titlebar-inner::before, .accordion-section-titlebar .how-it-works .page-header .accordion-section-titlebar-inner::before {
      content: "";
      display: block;
      position: absolute;
      background-image: url(/assets/img/accents/consumer-header-hero-illustration-left.png);
      background-repeat: no-repeat;
      background-size: 50%;
      bottom: 16px;
      height: 281px;
      left: -219px;
      width: 411px;
      z-index: 1; } }

.discover-apps .page-header {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-repeat: no-repeat; }
  @media screen and (max-width: 639px) {
    .discover-apps .page-header {
      background-size: 82%;
      background-position: 67% 93%; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .discover-apps .page-header {
      background-size: 44%;
      background-position: 90% 25%; } }
  @media screen and (min-width: 1024px) {
    .discover-apps .page-header {
      background-size: 500px;
      background-position: 71.5% 58%; } }
  @media screen and (max-width: 639px) {
    .discover-apps .page-header img {
      padding: 36px; } }
  @media screen and (max-width: 639px) {
    .discover-apps .page-header img {
      padding: 0 29% 0 21%; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .discover-apps .page-header img {
      width: 69%;
      padding-top: 29%;
      padding-left: 9%; } }
  @media screen and (min-width: 1024px) {
    .discover-apps .page-header img {
      padding: 0;
      width: 66.6%; } }
  @media screen and (max-width: 639px) {
    .discover-apps .page-header > .grid-container, .discover-apps .accordion-section-titlebar .page-header > .accordion-section-titlebar-inner, .accordion-section-titlebar .discover-apps .page-header > .accordion-section-titlebar-inner {
      margin-top: 20px; } }
  @media screen and (min-width: 1024px) {
    .discover-apps .page-header .page-header-bg {
      margin-left: 40px;
      margin-top: 124px; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .discover-apps .page-header .page-header-bg-wrapper {
      width: 50%; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .discover-apps .page-header .cell.page-header-breakpoint-5 {
      width: 50%; } }

.account-funding .page-header-bg {
  position: static;
  height: inherit;
  width: auto;
  top: inherit;
  left: inherit; }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .account-funding .page-header-video {
    width: 100%; } }

.how-we-handle-data .page-header {
  background-repeat: no-repeat;
  background-size: 30%;
  background-position-x: 100%; }
  .how-we-handle-data .page-header .page-header-bg-wrapper {
    display: none; }
  @media screen and (min-width: 640px) {
    .how-we-handle-data .page-header {
      background-size: 35%; } }
  @media screen and (min-width: 1024px) {
    .how-we-handle-data .page-header {
      height: auto; }
      .how-we-handle-data .page-header-subheader {
        margin-right: 40px; }
      .how-we-handle-data .page-header .page-header-content {
        padding-bottom: 9rem; } }

@media screen and (max-width: 1023px) {
  .why-is-plaid-involved .page-header {
    background-size: 0; } }

@media screen and (min-width: 1024px) {
  .why-is-plaid-involved .page-header {
    background-position: 195% 110%;
    background-repeat: no-repeat;
    background-size: 63%;
    padding: 30px; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .why-is-plaid-involved .page-header-bg {
    padding: 0 7rem; } }

@media screen and (min-width: 1024px) {
  .why-is-plaid-involved .page-header-bg {
    padding: 0 2rem; } }

@media screen and (min-width: 640px) {
  .why-is-plaid-involved .page-header-bg-wrapper {
    margin-left: 8.33333%; } }

.trouble-connecting .page-header {
  height: auto;
  position: relative; }
  @media screen and (min-width: 1280px) {
    .trouble-connecting .page-header {
      margin-bottom: 8rem; } }
  .trouble-connecting .page-header::before {
    background-image: url("/assets/img/accents/trouble-connecting-brushstroke-left.png");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: none;
    position: absolute;
    height: 50%;
    width: 30%;
    top: 0;
    left: 0; }
    @media screen and (min-width: 1280px) {
      .trouble-connecting .page-header::before {
        display: block; } }
  .trouble-connecting .page-header::after {
    background-image: url("/assets/img/accents/trouble-connecting-brushstroke-right.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 0;
    content: "";
    display: block;
    position: absolute;
    width: 20%;
    height: 72%;
    top: 65%;
    right: 0; }
    @media screen and (min-width: 640px) {
      .trouble-connecting .page-header::after {
        top: 52%; } }
    @media screen and (min-width: 1024px) {
      .trouble-connecting .page-header::after {
        top: 14%; } }

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .trouble-connecting .page-header-bg {
    margin-right: 8rem; } }

@media screen and (min-width: 1024px) {
  .trouble-connecting .page-header-bg {
    margin-top: 9.6rem; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .trouble-connecting .page-header-content {
    padding: 6.4rem 0 0;
    width: 80%; } }

@media screen and (min-width: 1024px) {
  .trouble-connecting .page-header-content {
    padding: 12rem 0; } }

@media screen and (max-width: 1023px) {
  .trouble-connecting .page-header-content .page-header-subheader {
    margin-bottom: 0; } }

@media screen and (max-width: 1023px) {
  .trouble-connecting .page-header-bg-wrapper {
    padding-bottom: 22px; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .trouble-connecting .page-header-bg-wrapper {
    width: 65%; } }

.how-it-works-for-consumers .page-header {
  height: inherit; }

.quote-section {
  background: #f6f6f6;
  overflow: hidden;
  text-align: center; }
  .quote-section.with-background {
    background-image: url("/assets/img/backgrounds/quote-bg-full.png");
    background-size: cover; }
  .quote-section.with-background .grid-container::before, .quote-section.with-background .accordion-section-titlebar .accordion-section-titlebar-inner::before, .accordion-section-titlebar .quote-section.with-background .accordion-section-titlebar-inner::before, .quote-section.with-background-color .grid-container::before, .quote-section.with-background-color .accordion-section-titlebar .accordion-section-titlebar-inner::before, .accordion-section-titlebar .quote-section.with-background-color .accordion-section-titlebar-inner::before {
    background: none; }
  .quote-section.with-background .grid-container::after, .quote-section.with-background .accordion-section-titlebar .accordion-section-titlebar-inner::after, .accordion-section-titlebar .quote-section.with-background .accordion-section-titlebar-inner::after, .quote-section.with-background-color .grid-container::after, .quote-section.with-background-color .accordion-section-titlebar .accordion-section-titlebar-inner::after, .accordion-section-titlebar .quote-section.with-background-color .accordion-section-titlebar-inner::after {
    background: none; }
  .quote-section--bg-white {
    background-color: #ffffff; }
  .quote-section--bg-gray {
    background-color: #f6f6f6; }
  .quote-section .grid-container, .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .quote-section .accordion-section-titlebar-inner {
    padding: 14.4rem 0;
    position: relative; }
    .quote-section .grid-container--person-quote {
      padding: 19.2rem 0;
      position: relative; }
      @media screen and (max-width: 639px) {
        .quote-section .grid-container--person-quote {
          padding: 9.6rem 0; }
          .quote-section .grid-container--person-quote blockquote {
            margin-bottom: 4.8rem;
            margin-top: 4.8rem; }
            .quote-section .grid-container--person-quote blockquote::before {
              left: 0%;
              top: 0; }
            .quote-section .grid-container--person-quote blockquote::after {
              bottom: 0;
              left: 100%; } }
    .quote-section .grid-container::before, .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner::before, .accordion-section-titlebar .quote-section .accordion-section-titlebar-inner::before {
      background-image: url("/assets/img/backgrounds/quote-background-left.svg");
      background-repeat: no-repeat;
      background-size: cover;
      content: '';
      height: 100%;
      left: -100%;
      position: absolute;
      top: 0;
      width: 450px; }
    .quote-section .grid-container::after, .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner::after, .accordion-section-titlebar .quote-section .accordion-section-titlebar-inner::after {
      background-image: url("/assets/img/backgrounds/quote-background-right.png");
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      height: 100%;
      position: absolute;
      right: -50%;
      top: 0;
      width: 277px; }
    .quote-section .grid-container--no-background-image::before, .quote-section .grid-container--no-background-image::after {
      background-image: none;
      content: none; }
  .quote-section blockquote {
    font-family: 'Vaud', Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-style: italic;
    line-height: 20px;
    position: relative;
    z-index: 1; }
    .quote-section blockquote::before {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      content: url("/assets/img/icons/quote-open-icon.svg");
      display: block;
      position: absolute;
      top: -6.56rem; }
    .quote-section blockquote::after {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      content: url("/assets/img/icons/quote-close-icon.svg");
      display: block;
      position: absolute;
      bottom: -6.56rem; }
    .quote-section blockquote.no-quotation-marks::after, .quote-section blockquote.no-quotation-marks::before {
      content: none; }
  .quote-section cite {
    font-family: 'Vaud', Helvetica, Arial, sans-serif;
    position: relative;
    text-align: center;
    z-index: 1; }
  .quote-section .quote-link {
    font-family: 'Vaud-semibold', Helvetica, Arial, sans-serif;
    position: relative;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    z-index: 1; }
    .quote-section .quote-link svg {
      -webkit-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out;
      height: 10px; }
    .quote-section .quote-link svg polygon,
    .quote-section .quote-link svg path,
    .quote-section .quote-link svg g {
      fill: #111; }
    .quote-section .quote-link:hover {
      color: #696969; }
      .quote-section .quote-link:hover svg {
        -webkit-transform: translateX(8px);
            -ms-transform: translateX(8px);
                transform: translateX(8px); }
      .quote-section .quote-link:hover svg polygon,
      .quote-section .quote-link:hover svg path,
      .quote-section .quote-link:hover svg g {
        fill: #696969; }
  .quote-section .quote-logo {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #ffffff;
    border-radius: 0.8rem;
    height: 6.4rem;
    min-width: 6.4rem; }
    .quote-section .quote-logo:hover {
      -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
              box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16); }
    .quote-section .quote-logo > button,
    .quote-section .quote-logo > .button,
    .quote-section .quote-logo > .button-group,
    .quote-section .quote-logo > input,
    .quote-section .quote-logo > textarea,
    .quote-section .quote-logo > select,
    .quote-section .quote-logo > p,
    .quote-section .quote-logo > h1,
    .quote-section .quote-logo > h2,
    .quote-section .quote-logo > h3,
    .quote-section .quote-logo > h4,
    .quote-section .quote-logo > h5,
    .quote-section .quote-logo > h6 {
      margin-bottom: 0;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .quote-section .quote-logo--full-bleed {
      padding: 0; }
    .quote-section .quote-logo img {
      max-height: 100%; }
  .quote-section .quote-statistic {
    font-size: 60px; }
  .quote-section .quote-logo-divider {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    padding-bottom: 1.6rem;
    padding-top: 9.6rem;
    position: relative;
    z-index: 1; }
    .quote-section .quote-logo-divider span {
      display: inline-block;
      position: relative;
      padding-right: 0rem;
      padding-left: 0rem; }
      .quote-section .quote-logo-divider span::before, .quote-section .quote-logo-divider span::after {
        content: '';
        position: absolute;
        height: 100%;
        width: 210px;
        top: 50%;
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #cacaca; }
      .quote-section .quote-logo-divider span::before {
        right: 100%; }
      .quote-section .quote-logo-divider span::after {
        left: 100%; }
  .quote-section.quote-section-dark {
    background: #111; }
    .quote-section.quote-section-dark .grid-container::after, .quote-section.quote-section-dark .accordion-section-titlebar .accordion-section-titlebar-inner::after, .accordion-section-titlebar .quote-section.quote-section-dark .accordion-section-titlebar-inner::after, .quote-section.quote-section-dark .grid-container::before, .quote-section.quote-section-dark .accordion-section-titlebar .accordion-section-titlebar-inner::before, .accordion-section-titlebar .quote-section.quote-section-dark .accordion-section-titlebar-inner::before {
      background-image: none; }
    .quote-section.quote-section-dark blockquote {
      color: #ffffff; }
      .quote-section.quote-section-dark blockquote::before {
        content: url("/assets/img/icons/quote-open-icon-light.svg"); }
      .quote-section.quote-section-dark blockquote::after {
        content: url("/assets/img/icons/quote-close-icon-light.svg"); }
    .quote-section.quote-section-dark cite,
    .quote-section.quote-section-dark .quote-link {
      color: #ffffff;
      -webkit-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
      .quote-section.quote-section-dark cite svg,
      .quote-section.quote-section-dark .quote-link svg {
        -webkit-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        height: 1rem;
        margin-left: 0.4rem; }
      .quote-section.quote-section-dark cite svg polygon,
      .quote-section.quote-section-dark cite svg path,
      .quote-section.quote-section-dark .quote-link svg polygon,
      .quote-section.quote-section-dark .quote-link svg path {
        fill: #ffffff; }
    .quote-section.quote-section-dark .quote-link:hover {
      color: #63daff; }
      .quote-section.quote-section-dark .quote-link:hover svg {
        -webkit-transform: translateX(8px);
            -ms-transform: translateX(8px);
                transform: translateX(8px); }
      .quote-section.quote-section-dark .quote-link:hover svg polygon,
      .quote-section.quote-section-dark .quote-link:hover svg path {
        fill: #63daff; }
  .quote-section .quote-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    text-align: left; }
    .quote-section .quote-text cite {
      text-align: left; }
  .quote-section .quote-citation-container {
    padding-left: 1.6rem; }
  @media screen and (min-width: 640px) {
    .quote-section .grid-container, .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .quote-section .accordion-section-titlebar-inner {
      padding: 9.6rem 0; }
      .quote-section .grid-container::before, .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner::before, .accordion-section-titlebar .quote-section .accordion-section-titlebar-inner::before {
        left: -15%;
        width: 332px; }
      .quote-section .grid-container::after, .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner::after, .accordion-section-titlebar .quote-section .accordion-section-titlebar-inner::after {
        right: -15%;
        width: 277px; }
    .quote-section::after {
      right: 0; }
    .quote-section .quote-logo-divider {
      padding-top: 0; }
    .quote-section blockquote {
      margin-bottom: 1.6rem;
      font-size: 2.4rem;
      line-height: 36px; }
      .quote-section blockquote::before {
        left: 0;
        top: 4.64rem;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }
      .quote-section blockquote::after {
        left: auto;
        right: 0;
        top: 4.64rem;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }
    .quote-section .grid-container--person-quote blockquote::before {
      left: -15px; }
    .quote-section .grid-container--person-quote blockquote::after {
      right: -15px; } }
  @media screen and (min-width: 1024px) {
    .quote-section blockquote::before {
      left: -4.64rem; }
    .quote-section blockquote::after {
      right: -4.64rem; } }

.banking blockquote {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; }

.banking .quote-statistic {
  margin-top: -12px; }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .how-we-handle-data .quote-section h2 {
    font-size: 2.4rem;
    margin-bottom: 2.4rem; } }

.how-we-handle-data .quote-section blockquote {
  font-style: normal;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px; }
  .how-we-handle-data .quote-section blockquote:before, .how-we-handle-data .quote-section blockquote:after {
    display: none; }
  @media screen and (max-width: 639px) {
    .how-we-handle-data .quote-section blockquote {
      max-width: 90%; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .how-we-handle-data .quote-section blockquote {
      font-size: 1.6rem;
      line-height: 1.5;
      max-width: 83%; } }

.how-we-handle-data .quote-section .quote-link {
  display: inline-block;
  margin-bottom: 3.2rem; }

.how-we-handle-data .quote-section .quote-logo-divider {
  display: none; }

@media screen and (max-width: 639px) {
  .how-we-handle-data .quote-section .grid-container, .how-we-handle-data .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .how-we-handle-data .quote-section .accordion-section-titlebar-inner {
    padding: 6.4rem 0 4rem; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .how-we-handle-data .quote-section .grid-container, .how-we-handle-data .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .how-we-handle-data .quote-section .accordion-section-titlebar-inner {
    padding: 11.2rem 0 8rem 0; } }

@media screen and (min-width: 1024px) {
  .how-we-handle-data .quote-section .grid-container, .how-we-handle-data .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .how-we-handle-data .quote-section .accordion-section-titlebar-inner {
    padding: 12.8rem 0 9.6rem; } }

@media screen and (min-width: 1024px) {
  .how-we-handle-data .quote-section .grid-container:before, .how-we-handle-data .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner:before, .accordion-section-titlebar .how-we-handle-data .quote-section .accordion-section-titlebar-inner:before, .how-we-handle-data .quote-section .grid-container:after, .how-we-handle-data .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner:after, .accordion-section-titlebar .how-we-handle-data .quote-section .accordion-section-titlebar-inner:after {
    background-size: 77%; } }

.how-we-handle-data .quote-section .grid-container:before, .how-we-handle-data .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner:before, .accordion-section-titlebar .how-we-handle-data .quote-section .accordion-section-titlebar-inner:before {
  background-image: url("/assets/img/backgrounds/how-we-handle-data/quote-bottom-left.png");
  top: auto;
  bottom: 0;
  background-position-y: 100%; }
  @media screen and (max-width: 639px) {
    .how-we-handle-data .quote-section .grid-container:before, .how-we-handle-data .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner:before, .accordion-section-titlebar .how-we-handle-data .quote-section .accordion-section-titlebar-inner:before {
      background-size: 17%;
      background-position-x: 100%; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .how-we-handle-data .quote-section .grid-container:before, .how-we-handle-data .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner:before, .accordion-section-titlebar .how-we-handle-data .quote-section .accordion-section-titlebar-inner:before {
      background-size: 40%;
      background-position-x: 44%; } }

.how-we-handle-data .quote-section .grid-container:after, .how-we-handle-data .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner:after, .accordion-section-titlebar .how-we-handle-data .quote-section .accordion-section-titlebar-inner:after {
  background-image: url("/assets/img/backgrounds/how-we-handle-data/quote-top-right.png"); }
  @media screen and (max-width: 639px) {
    .how-we-handle-data .quote-section .grid-container:after, .how-we-handle-data .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner:after, .accordion-section-titlebar .how-we-handle-data .quote-section .accordion-section-titlebar-inner:after {
      background-size: 24%;
      background-position-x: 8%; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .how-we-handle-data .quote-section .grid-container:after, .how-we-handle-data .quote-section .accordion-section-titlebar .accordion-section-titlebar-inner:after, .accordion-section-titlebar .how-we-handle-data .quote-section .accordion-section-titlebar-inner:after {
      background-size: 40%;
      background-position-x: 38%; } }

.docs-note {
  border-left: 2px solid #111;
  font-style: italic;
  padding-left: 2rem; }

@media screen and (max-width: 639px) {
  .quote-expanded--bg-blue {
    background-color: #b1eefc; }
  .quote-expanded--bg-green {
    background-color: #d0fce4; }
  .quote-expanded--bg-yellow {
    background-color: #fbf1a0; }
  .quote-expanded--bg-red {
    background-color: #ffaab9; }
  .quote-expanded--bg-purple {
    background-color: #c6befc; } }

.quote-expanded .quote-expanded-section {
  padding: 120px 0; }
  @media screen and (min-width: 640px) {
    .quote-expanded .quote-expanded-section {
      height: 800px; } }
  @media screen and (max-width: 639px) {
    .quote-expanded .quote-expanded-section {
      height: 528px;
      padding: 56px 0; } }
  .quote-expanded .quote-expanded-section--bg-blue {
    background-color: #b1eefc; }
  .quote-expanded .quote-expanded-section--gradient-bg-blue {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #b1eefc));
    background: linear-gradient(90deg, #ffffff 50%, #b1eefc 50%); }
  .quote-expanded .quote-expanded-section--bg-green {
    background-color: #d0fce4;
    position: relative; }
    .quote-expanded .quote-expanded-section--bg-green-extend-right:after {
      background-color: #d0fce4;
      content: '';
      height: 100%;
      position: absolute;
      width: 100vw;
      top: 0;
      z-index: -1; }
  .quote-expanded .quote-expanded-section--gradient-bg-green {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #d0fce4));
    background: linear-gradient(90deg, #ffffff 50%, #d0fce4 50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .quote-expanded .quote-expanded-section--bg-yellow {
    background-color: #fbf1a0; }
  .quote-expanded .quote-expanded-section--gradient-bg-yellow {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #fbf1a0));
    background: linear-gradient(90deg, #ffffff 50%, #fbf1a0 50%); }
  .quote-expanded .quote-expanded-section--bg-red {
    background-color: #ffaab9; }
  .quote-expanded .quote-expanded-section--gradient-bg-red {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #ffaab9));
    background: linear-gradient(90deg, #ffffff 50%, #ffaab9 50%); }
  .quote-expanded .quote-expanded-section--bg-purple {
    background-color: #c6befc; }
  .quote-expanded .quote-expanded-section--gradient-bg-purple {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #c6befc));
    background: linear-gradient(90deg, #ffffff 50%, #c6befc 50%); }
  .quote-expanded .quote-expanded-section .quote-expanded-section-quotation {
    background-image: url("/assets/img/icons/quote-open-icon.svg");
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    width: 24px; }
  .quote-expanded .quote-expanded-section .quote-expanded-section-text {
    color: #111;
    font-size: 24px;
    font-style: italic;
    font-weight: 300;
    line-height: 36px;
    margin-top: 16px; }
    @media screen and (max-width: 639px) {
      .quote-expanded .quote-expanded-section .quote-expanded-section-text {
        font-size: 16px;
        line-height: 24px; } }
  .quote-expanded .quote-expanded-section .quote-expanded-section-byline {
    margin-bottom: 0;
    margin-top: 40px; }
    @media screen and (max-width: 639px) {
      .quote-expanded .quote-expanded-section .quote-expanded-section-byline {
        margin-top: 16px; } }
  .quote-expanded .quote-expanded-section .quote-expanded-section-link {
    font-weight: 600; }
  .quote-expanded .quote-expanded-section hr {
    background-color: #111;
    border: none;
    height: 0.5px;
    margin-bottom: 48px;
    margin-top: 48px; }
    @media screen and (max-width: 639px) {
      .quote-expanded .quote-expanded-section hr {
        margin-bottom: 16px;
        margin-top: 32px; } }
  .quote-expanded .quote-expanded-section .quote-expanded-section-stat {
    color: #111;
    font-size: 72px;
    line-height: 70px; }
    @media screen and (max-width: 639px) {
      .quote-expanded .quote-expanded-section .quote-expanded-section-stat {
        font-size: 36px;
        font-weight: bold;
        line-height: 48px; } }
  .quote-expanded .quote-expanded-section .quote-link-container {
    text-align: center;
    margin-top: 8px; }
    .quote-expanded .quote-expanded-section .quote-link-container .quote-link {
      font-family: 'Vaud-semibold', Helvetica, Arial, sans-serif;
      position: relative;
      -webkit-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out;
      z-index: 1; }
      .quote-expanded .quote-expanded-section .quote-link-container .quote-link svg {
        -webkit-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        height: 10px; }
      .quote-expanded .quote-expanded-section .quote-link-container .quote-link svg polygon,
      .quote-expanded .quote-expanded-section .quote-link-container .quote-link svg path,
      .quote-expanded .quote-expanded-section .quote-link-container .quote-link svg g {
        fill: #111; }
      .quote-expanded .quote-expanded-section .quote-link-container .quote-link:hover {
        color: #696969; }
        .quote-expanded .quote-expanded-section .quote-link-container .quote-link:hover svg {
          -webkit-transform: translateX(8px);
              -ms-transform: translateX(8px);
                  transform: translateX(8px); }
        .quote-expanded .quote-expanded-section .quote-link-container .quote-link:hover svg polygon,
        .quote-expanded .quote-expanded-section .quote-link-container .quote-link:hover svg path,
        .quote-expanded .quote-expanded-section .quote-link-container .quote-link:hover svg g {
          fill: #696969; }
  .quote-expanded .quote-expanded-section .quote-logo {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #ffffff;
    border-radius: 0.8rem;
    height: 6.4rem;
    min-width: 6.4rem;
    padding: 0.8rem; }
    .quote-expanded .quote-expanded-section .quote-logo:hover {
      -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
              box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16); }
    .quote-expanded .quote-expanded-section .quote-logo > button,
    .quote-expanded .quote-expanded-section .quote-logo > .button,
    .quote-expanded .quote-expanded-section .quote-logo > .button-group,
    .quote-expanded .quote-expanded-section .quote-logo > input,
    .quote-expanded .quote-expanded-section .quote-logo > textarea,
    .quote-expanded .quote-expanded-section .quote-logo > select,
    .quote-expanded .quote-expanded-section .quote-logo > p,
    .quote-expanded .quote-expanded-section .quote-logo > h1,
    .quote-expanded .quote-expanded-section .quote-logo > h2,
    .quote-expanded .quote-expanded-section .quote-logo > h3,
    .quote-expanded .quote-expanded-section .quote-logo > h4,
    .quote-expanded .quote-expanded-section .quote-logo > h5,
    .quote-expanded .quote-expanded-section .quote-logo > h6 {
      margin-bottom: 0;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .quote-expanded .quote-expanded-section .quote-logo--full-bleed {
      padding: 0; }
    .quote-expanded .quote-expanded-section .quote-logo img {
      max-height: 100%; }
  .quote-expanded .quote-expanded-section .quote-logo-divider {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    padding-bottom: 1.6rem;
    padding-top: 9.6rem;
    position: relative;
    z-index: 1; }
    .quote-expanded .quote-expanded-section .quote-logo-divider span {
      display: inline-block;
      position: relative;
      padding-right: 0rem;
      padding-left: 0rem; }
      .quote-expanded .quote-expanded-section .quote-logo-divider span::before, .quote-expanded .quote-expanded-section .quote-logo-divider span::after {
        content: '';
        position: absolute;
        height: 100%;
        width: 40vw;
        top: 50%;
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #111; }
      .quote-expanded .quote-expanded-section .quote-logo-divider span::before {
        right: 100%; }
      .quote-expanded .quote-expanded-section .quote-logo-divider span::after {
        left: 100%; }
    @media screen and (max-width: 639px) {
      .quote-expanded .quote-expanded-section .quote-logo-divider {
        padding-top: 0; }
        .quote-expanded .quote-expanded-section .quote-logo-divider.show-for-small-only {
          text-align: center; } }

.related-stories {
  padding: 60px 0;
  background-color: #f6f6f6; }
  @media screen and (min-width: 1024px) {
    .related-stories {
      padding: 80px 0; } }
  @media screen and (max-width: 639px) {
    .related-stories__title {
      text-align: center; } }
  .related-stories__collection {
    margin: 40px 0 30px; }
    @media screen and (min-width: 1024px) {
      .related-stories__collection {
        margin: 50px 0; } }
    @media screen and (min-width: 640px) {
      .related-stories__collection {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-gap: 18px 18px; } }
    @media screen and (min-width: 1024px) {
      .related-stories__collection {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
        grid-gap: 26px 16px; } }
  @media screen and (max-width: 639px) {
    .related-stories__item {
      margin-bottom: 26px; } }

.openings-search-container {
  padding-top: 112px;
  height: 528px; }
  @media screen and (max-width: 1023px) {
    .openings-search-container {
      padding-top: 60px;
      height: 490px; } }
  @media screen and (max-width: 639px) {
    .openings-search-container {
      padding-top: 40px; } }
  .openings-search-container .hero-image-anchor {
    position: relative; }
    .openings-search-container .hero-image-anchor:after {
      background-image: url("/assets/img/backgrounds/hero-careers-1-us-en@2x.png");
      background-repeat: no-repeat;
      background-size: cover;
      top: -230px;
      content: '';
      display: block;
      height: 527px;
      position: absolute;
      width: 1022px;
      z-index: -1;
      right: -480px; }

.careers {
  overflow: hidden; }

.overview-search-container {
  padding-top: 112px;
  height: 608px;
  margin-bottom: 160px; }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .overview-search-container {
      margin-bottom: 240px; } }
  @media screen and (max-width: 639px) {
    .overview-search-container {
      padding-top: 40px; } }
  .overview-search-container .grid-container, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner {
    position: relative; }
    .overview-search-container .grid-container .header-img, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .header-img, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .header-img {
      position: absolute; }
    .overview-search-container .grid-container .piece-0, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-0, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-0 {
      width: 347px;
      height: 231px;
      right: -190px;
      z-index: 1; }
      @media screen and (min-width: 640px) and (max-width: 1023px) {
        .overview-search-container .grid-container .piece-0, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-0, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-0 {
          width: 270px;
          height: 180px;
          right: 0;
          top: 52px; } }
      @media screen and (max-width: 639px) {
        .overview-search-container .grid-container .piece-0, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-0, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-0 {
          display: none; } }
    .overview-search-container .grid-container .piece-1, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-1, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-1 {
      width: 728px;
      height: 361px;
      right: -500px;
      bottom: -364px;
      -webkit-transform: rotate(-9deg);
          -ms-transform: rotate(-9deg);
              transform: rotate(-9deg); }
      @media screen and (min-width: 640px) and (max-width: 1023px) {
        .overview-search-container .grid-container .piece-1, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-1, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-1 {
          bottom: -600px;
          right: -400px; } }
      @media screen and (max-width: 639px) {
        .overview-search-container .grid-container .piece-1, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-1, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-1 {
          right: -300px;
          bottom: -172px; } }
    .overview-search-container .grid-container .piece-2, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-2, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-2 {
      height: 12px;
      width: 12px; }
    .overview-search-container .grid-container .piece-3, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-3, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-3 {
      width: 610px;
      height: 312px;
      left: -215px;
      bottom: -358px; }
      @media screen and (min-width: 640px) and (max-width: 1023px) {
        .overview-search-container .grid-container .piece-3, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-3, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-3 {
          bottom: -536px;
          left: -300px; } }
      @media screen and (max-width: 639px) {
        .overview-search-container .grid-container .piece-3, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-3, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-3 {
          left: -217px;
          bottom: -593px;
          -webkit-transform: scale(0.75);
              -ms-transform: scale(0.75);
                  transform: scale(0.75); } }
    .overview-search-container .grid-container .piece-4, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-4, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-4 {
      height: 249px;
      width: 373px;
      bottom: -374px;
      left: -79px; }
      @media screen and (min-width: 640px) and (max-width: 1023px) {
        .overview-search-container .grid-container .piece-4, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-4, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-4 {
          height: 150px;
          width: 228px;
          bottom: -532px;
          left: 0px; } }
      @media screen and (max-width: 639px) {
        .overview-search-container .grid-container .piece-4, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-4, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-4 {
          height: 110px;
          width: 165px;
          bottom: -500px;
          left: 0; } }
    .overview-search-container .grid-container .piece-5, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-5, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-5 {
      width: 28px;
      height: 28px;
      bottom: -388px;
      left: 60px; }
      @media screen and (min-width: 640px) and (max-width: 1023px) {
        .overview-search-container .grid-container .piece-5, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-5, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-5 {
          width: 16px;
          height: 16px;
          bottom: -539px;
          left: 90px; } }
      @media screen and (max-width: 639px) {
        .overview-search-container .grid-container .piece-5, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-5, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-5 {
          width: 16px;
          height: 16px;
          bottom: -507px;
          left: 116px; } }
    .overview-search-container .grid-container .piece-6, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-6, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-6 {
      height: 12px;
      width: 12px;
      bottom: -110px;
      left: -90px; }
    .overview-search-container .grid-container .piece-7, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-7, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-7 {
      bottom: -375px;
      left: 292px; }
      @media screen and (min-width: 640px) and (max-width: 1023px) {
        .overview-search-container .grid-container .piece-7, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-7, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-7 {
          -webkit-transform: scale(0.6);
              -ms-transform: scale(0.6);
                  transform: scale(0.6);
          bottom: -547px;
          left: 208px; } }
      @media screen and (max-width: 639px) {
        .overview-search-container .grid-container .piece-7, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-7, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-7 {
          display: none; } }
    .overview-search-container .grid-container .piece-8, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-8, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-8 {
      height: 116px;
      width: 116px;
      bottom: -284px;
      left: -193px; }
    .overview-search-container .grid-container .piece-9, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-9, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-9 {
      height: 12px;
      width: 12px;
      right: 150px;
      bottom: 38px;
      z-index: 2; }
      @media screen and (min-width: 640px) and (max-width: 1023px) {
        .overview-search-container .grid-container .piece-9, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-9, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-9 {
          right: 264px;
          bottom: 62px; } }
      @media screen and (max-width: 639px) {
        .overview-search-container .grid-container .piece-9, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-9, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-9 {
          display: none; } }
    .overview-search-container .grid-container .piece-10, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-10, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-10 {
      height: 12px;
      width: 12px; }
    .overview-search-container .grid-container .piece-11, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-11, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-11 {
      right: -340px;
      bottom: -378px; }
      @media screen and (min-width: 640px) and (max-width: 1023px) {
        .overview-search-container .grid-container .piece-11, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-11, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-11 {
          -webkit-transform: scale(0.6);
              -ms-transform: scale(0.6);
                  transform: scale(0.6);
          right: -100px;
          bottom: -583px; } }
      @media screen and (max-width: 639px) {
        .overview-search-container .grid-container .piece-11, .overview-search-container .accordion-section-titlebar .accordion-section-titlebar-inner .piece-11, .accordion-section-titlebar .overview-search-container .accordion-section-titlebar-inner .piece-11 {
          right: -250px;
          bottom: -534px;
          -webkit-transform: scale(0.75);
              -ms-transform: scale(0.75);
                  transform: scale(0.75); } }

.search-box {
  width: 100%;
  border-radius: 2px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  padding: 32px;
  margin-top: 24px;
  margin-bottom: 80px;
  z-index: 11; }
  @media screen and (min-width: 1024px) {
    .search-box {
      height: 160px; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .search-box .form-group .cell + .cell {
      margin-left: 0; } }
  .search-box .number-of-openings {
    font-weight: bold; }
  .search-box .fields-container.cell {
    margin-left: 0; }
  .search-box .button {
    margin-left: 0; }
    @media screen and (min-width: 1024px) {
      .search-box .button {
        margin-left: 1.6rem;
        min-width: 0;
        width: auto; } }

.showcase--extra-padding {
  padding: 70px 0 78px; }

.showcase--bg-green {
  background-color: #d0fce4; }

.showcase--bg-yellow {
  background-color: #fefbb8; }

.showcase--bg-blue {
  background-color: #d4f9ff; }

.showcase--reverse .grid-x {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.showcase--margin-bottom {
  margin-bottom: 5rem; }

.showcase--large-image {
  position: relative; }

.showcase__container {
  padding: 40px 0 48px; }
  @media screen and (min-width: 640px) {
    .showcase--cards .showcase__container {
      padding-bottom: 176px; }
    .showcase--dual-image .showcase__container {
      padding-bottom: 72px; } }
  @media screen and (min-width: 1024px) {
    .showcase__container {
      padding-top: 160px; }
      .showcase--single-image .showcase__container,
      .showcase--icon-grid .showcase__container {
        padding-top: 72px;
        padding-bottom: 52px; }
      .showcase--single-image .showcase__container,
      .showcase--icon-grid .showcase__container {
        padding-top: 72px;
        padding-bottom: 52px; }
      .showcase--dual-image .showcase__container {
        padding-bottom: 96px; } }

.showcase__label {
  color: #9b9b9b;
  margin-bottom: 32px; }

.showcase__setup {
  position: relative;
  z-index: 1;
  padding: 0 24px; }
  @media screen and (min-width: 1024px) {
    .showcase__setup {
      margin-top: 88px; }
      .showcase--single-image .showcase__setup {
        margin-top: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 100%; } }

.showcase__title {
  margin-bottom: 22px;
  font-size: 24px;
  line-height: 32px; }
  @media screen and (min-width: 1024px) {
    .showcase__title {
      max-width: 304px; } }

@media screen and (min-width: 640px) {
  .showcase__description {
    max-width: 82%; } }

@media screen and (min-width: 1024px) {
  .showcase__description {
    max-width: 316px; }
    .showcase--single-image .showcase__description,
    .showcase--icon-grid .showcase__description {
      max-width: none; } }

.showcase__bullets {
  color: #4b4b4b;
  margin-bottom: 0;
  padding-left: 1.2rem; }
  .showcase__bullets__li {
    padding-bottom: 0.8rem; }

.showcase__cta {
  margin-top: 25px; }
  .showcase__cta:not(.showcase__cta--with-text-cta) {
    margin-bottom: 32px; }
  @media screen and (min-width: 640px) {
    .showcase__cta {
      max-width: 224px; }
      .showcase__cta:not(.showcase__cta--with-text-cta) {
        margin-bottom: 60px; } }
  @media screen and (min-width: 640px) {
    .showcase__cta--large {
      max-width: 324px; } }
  @media screen and (min-width: 640px) {
    .showcase__cta--with-text-cta {
      max-width: none; }
      .showcase__cta--with-text-cta .button {
        max-width: 224px; } }

.showcase__text-cta {
  margin-top: 25px;
  margin-bottom: 32px; }

.showcase__exhibit {
  position: relative;
  margin-top: 8px;
  padding: 0 24px; }
  @media screen and (min-width: 640px) {
    .showcase__exhibit {
      margin-top: 26px;
      padding: 0 125px; } }
  @media screen and (min-width: 1024px) {
    .showcase__exhibit {
      margin-top: 0;
      padding: 0; }
      .showcase--large-image .showcase__exhibit {
        position: static; } }

.showcase__objects {
  position: relative;
  z-index: 1; }
  .showcase--dual-image .showcase__objects {
    padding-bottom: 20px; }
  .showcase--single-image .showcase__objects,
  .showcase--icon-grid .showcase__objects {
    margin: 0 auto;
    max-width: 73.5294%; }
  .showcase--max-width-image .showcase__objects {
    max-width: 100%; }
  @media screen and (min-width: 640px) {
    .showcase--dual-image .showcase__objects {
      padding-bottom: 0; }
    .showcase--single-image .showcase__objects,
    .showcase--icon-grid .showcase__objects {
      max-width: 90.2564%; }
    .showcase--max-width-image .showcase__objects {
      max-width: 100%; } }
  @media screen and (min-width: 768px) {
    .showcase--single-image .showcase__objects,
    .showcase--icon-grid .showcase__objects {
      max-width: 75%; }
    .showcase--max-width-image .showcase__objects {
      max-width: 100%; } }
  @media screen and (min-width: 1024px) {
    .showcase--dual-image .showcase__objects {
      padding-bottom: 0; } }

.showcase__accent {
  content: '';
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat; }
  .showcase--cards .showcase__accent {
    top: 36px;
    height: 388px;
    background-position: 55% 50%;
    background-size: 170%; }
  .showcase--dual-image .showcase__accent {
    top: 10px;
    height: 100%;
    background-position: 50% 21%;
    background-size: auto; }
  .showcase--single-image .showcase__accent,
  .showcase--icon-grid .showcase__accent {
    top: -20px;
    height: 100%;
    background-position: 50% 0%;
    background-size: cover; }
  .showcase--large-image .showcase__accent {
    background-position: center;
    background-size: contain; }
  @media screen and (min-width: 640px) {
    .showcase--cards .showcase__accent {
      top: 0;
      height: 500px;
      background-position: 55% 0;
      background-size: 117%; }
    .showcase--dual-image .showcase__accent {
      background-position: 5% 25%;
      background-size: auto; }
    .showcase--single-image .showcase__accent {
      background-position: 50% 50%;
      background-size: 110%; }
    .showcase--large-image .showcase__accent {
      background-position: center;
      background-size: contain; } }
  @media screen and (min-width: 768px) {
    .showcase--cards .showcase__accent {
      height: 100%;
      background-position: 50% 0;
      background-size: cover; }
    .showcase--dual-image .showcase__accent {
      background-position: 50% 25%; } }
  @media screen and (min-width: 880px) {
    .showcase--cards .showcase__accent {
      background-size: contain; } }
  @media screen and (min-width: 1024px) {
    .showcase--dual-image .showcase__accent {
      left: -15px;
      background-position: 0 25%;
      background-size: contain; }
    .showcase--single-image .showcase__accent {
      top: 0;
      width: 110%;
      background-size: 100%;
      background-position: 0% 35%; }
    .showcase--icon-grid .showcase__accent {
      top: 0;
      width: 100%;
      background-size: 89%;
      background-position: 0% 98%; }
    .showcase--large-image .showcase__accent {
      background-size: contain;
      background-position: 70% 50%; }
    .showcase--large-image.showcase--reverse .showcase__accent {
      background-position-x: 15%; }
    .liabilities .showcase--single-image .showcase__accent {
      left: 2%;
      width: 102%;
      background-position: 0% 75%; } }
  @media screen and (min-width: 1280px) {
    .showcase--cards .showcase__accent {
      background-size: auto;
      background-position: 0 0;
      width: 742px; }
    .showcase--dual-image .showcase__accent {
      left: -30px;
      background-position: 0 30%;
      width: 102%; } }

.showcase__art {
  position: absolute;
  z-index: 1;
  display: none; }
  @media screen and (min-width: 640px) {
    .showcase__art {
      display: block;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
      -webkit-transform-origin: bottom right;
          -ms-transform-origin: bottom right;
              transform-origin: bottom right; }
      .showcase--cards .showcase__art {
        right: -112px;
        bottom: -80px; }
      .showcase--dual-image .showcase__art {
        right: -35px;
        bottom: 0; } }
  @media screen and (min-width: 1024px) {
    .showcase--cards .showcase__art {
      right: 0; }
    .showcase--dual-image .showcase__art {
      right: 80px;
      bottom: 0; } }

.showcase__video-phone {
  position: relative; }

.showcase-card {
  background: #ffffff;
  padding: 24px; }
  .showcase-card ~ .showcase-card {
    margin-top: 22px; }
  .showcase-card__logo {
    margin-bottom: 16px; }
    .showcase-card__logo img {
      max-height: 43px; }
  .showcase-card__text {
    margin-bottom: 20px; }
  @media screen and (min-width: 640px) {
    .showcase-card {
      padding-top: 32px;
      padding-bottom: 36px; }
      .showcase-card ~ .showcase-card {
        margin-top: 16px; }
      .showcase-card__logo img {
        max-height: 48px; } }
  @media screen and (min-width: 880px) {
    .showcase-card {
      margin-right: auto;
      margin-left: auto;
      max-width: 75%; } }
  @media screen and (min-width: 1024px) {
    .showcase-card {
      max-width: 384px; }
      .showcase-card--a {
        margin-left: 230px; }
      .showcase-card--b {
        margin-left: 70px; } }

.showcase-image ~ .showcase-image {
  margin-top: 35px; }

.showcase-image--has-boxshadow img {
  -webkit-box-shadow: 0px 4px 20px 0 rgba(17, 17, 17, 0.1);
          box-shadow: 0px 4px 20px 0 rgba(17, 17, 17, 0.1); }

.showcase--dual-image .showcase-image {
  margin-right: auto;
  margin-left: auto;
  max-width: 272px; }

.showcase--single-image .showcase-image img {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  display: block; }

.showcase--max-width-image .showcase-image {
  margin: 0;
  max-width: 100%; }
  .showcase--max-width-image .showcase-image img {
    margin: 0;
    max-width: 100%; }

@media screen and (min-width: 640px) {
  .showcase--dual-image .showcase-image {
    max-width: 389px; }
  .showcase--single-image .showcase-image img {
    max-width: 352px; }
  .showcase--large-image .showcase-image img {
    max-width: 400px; }
  .showcase--max-width-image .showcase-image {
    max-width: 100%; }
    .showcase--max-width-image .showcase-image img {
      max-width: 100%; } }

@media screen and (min-width: 1024px) {
  .showcase-image ~ .showcase-image {
    margin-top: 40px; }
  .showcase--dual-image .showcase-image:first-child {
    margin-left: 230px; }
  .showcase--dual-image .showcase-image:last-child {
    margin-left: 70px; }
  .showcase--single-image .showcase-image {
    margin-right: auto;
    margin-left: auto;
    max-width: 352px; }
  .showcase--large-image .showcase-image {
    margin-right: auto;
    margin-left: auto;
    max-width: 352px; }
  .showcase--max-width-image .showcase-image {
    margin: 0;
    max-width: 100%; } }

.partners .showcase__exhibit {
  margin-top: 48px; }

.partners .showcase__objects {
  max-width: 90%; }

.partners .showcase-image img {
  max-width: 100%; }

@media screen and (min-width: 1024px) {
  .partners .showcase--large-image .showcase__accent {
    background-size: 40%; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .what-is-plaid .phone-video {
    top: 20px;
    left: 143px; } }

@media screen and (min-width: 1024px) {
  .open-banking .showcase--large-image .showcase__accent {
    background-size: 40%; } }

@media screen and (max-width: 639px) {
  .manage-connections .showcase__accent {
    display: none; }
  .manage-connections .showcase-image img {
    max-width: 150vw;
    margin-left: -75vw; }
  .how-it-works .discover-apps .showcase__exhibit {
    display: none; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .how-it-works .discover-apps .showcase__title {
    line-height: 1.4em; }
  .how-it-works .discover-apps .showcase__exhibit {
    display: none; }
  .how-it-works .discover-apps .showcase__cta {
    margin: 25px auto 60px;
    text-align: center; }
  .no-cost .showcase__exhibit {
    padding: 0; } }

.showcase--icon-grid h6 {
  line-height: 34px; }

@media screen and (min-width: 1024px) {
  .how-it-works .no-cost .showcase__setup {
    margin-top: 188px; } }

@media screen and (min-width: 640px) {
  .how-it-works .manage-connections .showcase__accent {
    background-image: url(/assets/img/accents/brushstroke-left-purple-2.png);
    top: -44%;
    position: absolute;
    left: -48%;
    background-size: 88%; }
  .how-it-works .manage-connections .showcase-image img {
    max-width: 930px;
    margin-left: -510px; }
  .how-it-works .manage-connections .showcase__exhibit {
    position: relative; }
  .no-cost .showcase-video {
    margin-left: 80px; }
  .no-cost .showcase__title, .no-cost .showcase__description {
    max-width: none; } }

@media screen and (min-width: 1024px) {
  .showcase--icon-grid.is-even-child .showcase__objects {
    margin-right: 1.6rem; } }

@media screen and (min-width: 1024px) {
  .showcase--icon-grid.is-odd-child .showcase__objects {
    margin-left: 1.6rem; } }

.showcase--icon-grid .showcase__accent {
  background-position: center;
  background-size: 100%; }
  @media screen and (max-width: 639px) {
    .showcase--icon-grid .showcase__accent {
      background-position: -126px 0;
      background-size: 185%; } }
  .showcase--icon-grid .showcase__accent.showcase__accent--fit-to-container {
    background-size: contain; }

.showcase--icon-grid .showcase__exhibit {
  padding: 0; }

.showcase--icon-grid .showcase__description {
  max-width: 100%; }

.showcase--icon-grid .showcase__setup {
  margin-top: 0; }
  @media screen and (min-width: 1024px) {
    .showcase--icon-grid .showcase__setup {
      margin-top: 160px; } }

@media screen and (max-width: 639px) {
  .showcase--icon-grid .showcase__objects {
    margin: 0;
    max-width: 100%;
    padding: 0 24px; } }

.icon-grid {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 18px;
  padding-bottom: 90px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 30px;
  padding-top: 30px; }
  @media screen and (max-width: 639px) {
    .icon-grid {
      display: block;
      padding-bottom: 0; } }
  .icon-grid__item {
    max-width: 240px;
    width: 100%;
    -webkit-box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.08);
            box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.08);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 24px;
    position: relative;
    background: white;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }
    @media screen and (max-width: 639px) {
      .icon-grid__item {
        margin-bottom: 8px;
        max-width: 100%;
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content;
        overflow: hidden;
        padding: 16px;
        width: 100%; } }
    .icon-grid__item:hover {
      -webkit-box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.16);
              box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.16); }
    @media screen and (max-width: 639px) {
      .icon-grid__item h5 {
        line-height: 1.2;
        position: relative;
        top: 4px; } }
    .icon-grid__item img {
      border-radius: 20%;
      -webkit-box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.08);
              box-shadow: 0 8px 16px 0 rgba(17, 17, 17, 0.08);
      display: inline-block;
      margin-bottom: 16px;
      width: 72px; }
      @media screen and (max-width: 639px) {
        .icon-grid__item img {
          float: left;
          margin-bottom: 0;
          margin-right: 22px; } }
    .icon-grid__item p {
      font-size: 14px;
      line-height: 1.45;
      margin-bottom: 0; }
  .icon-grid-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

@media screen and (max-width: 639px) {
  .discover-apps .discover-apps__mobile-banking .showcase__accent {
    background-position: 0 0;
    background-size: 99%;
    left: -170px;
    top: -11px;
    width: 208%; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .discover-apps .discover-apps__mobile-banking .showcase__accent {
    left: -35px;
    top: 46px;
    width: 111%; } }

@media screen and (min-width: 1024px) {
  .discover-apps .discover-apps__mobile-banking .showcase__accent {
    left: -90px;
    top: 21px;
    width: 113%; } }

@media screen and (max-width: 639px) {
  .discover-apps .discover-apps__saving-investing .showcase__accent {
    background-size: 100%;
    left: -29px;
    top: 59px;
    width: 180%; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .discover-apps .discover-apps__saving-investing .showcase__accent {
    left: 26px;
    top: -74px;
    width: 105%; } }

@media screen and (min-width: 1024px) {
  .discover-apps .discover-apps__saving-investing .showcase__accent {
    left: 60px;
    top: -67px;
    width: 112%; } }

@media screen and (max-width: 639px) {
  .discover-apps .discover-apps__personal-finances .showcase__accent {
    background-position-x: 0;
    background-size: 100%;
    left: -90px;
    top: 31px;
    width: 146%; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .discover-apps .discover-apps__personal-finances .showcase__accent {
    top: 92px;
    width: 85%; } }

@media screen and (min-width: 1024px) {
  .discover-apps .discover-apps__personal-finances .showcase__accent {
    left: -87px;
    top: 115px;
    width: 91%; } }

@media screen and (max-width: 639px) {
  .discover-apps .discover-apps__business-finances .showcase__accent {
    left: -15px;
    top: 30px;
    width: 104%; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .discover-apps .discover-apps__business-finances .showcase__accent {
    left: 39px;
    width: 108%; } }

@media screen and (min-width: 1024px) {
  .discover-apps .discover-apps__business-finances .showcase__accent {
    left: 60px;
    top: -10px;
    width: 113%; } }

@media screen and (max-width: 639px) {
  .discover-apps .discover-apps__payment .showcase__accent {
    background-position-x: 0;
    background-size: 90%;
    left: -70px;
    top: 29px;
    width: 156%; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .discover-apps .discover-apps__payment .showcase__accent {
    left: -93px;
    top: -34px;
    width: 88%; } }

@media screen and (min-width: 1024px) {
  .discover-apps .discover-apps__payment .showcase__accent {
    left: -178px;
    top: -32px;
    width: 91%; } }

@media screen and (max-width: 639px) {
  .discover-apps .discover-apps__lending .showcase__accent {
    background-position: 0 0;
    background-size: 93%;
    left: -150px;
    top: -13px;
    width: 185%; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .discover-apps .discover-apps__lending .showcase__accent {
    left: 8px;
    top: -50px;
    width: 97%; } }

@media screen and (min-width: 1024px) {
  .discover-apps .discover-apps__lending .showcase__accent {
    left: 50px;
    top: -60px;
    width: 104%; } }

@media screen and (max-width: 639px) {
  .showcase--icon-grid.why-plaid__apps .showcase__container {
    padding-bottom: 6.4rem; } }

@media screen and (max-width: 639px) {
  .showcase--icon-grid.why-plaid__apps .showcase__accent {
    background-size: 92%;
    background-position: 0 0;
    height: 105%;
    left: -17%;
    top: 4%;
    width: 154%; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .showcase--icon-grid.why-plaid__apps .showcase__accent {
    background-position-x: -85%;
    background-position-y: -3px;
    background-size: 84%; } }

@media screen and (min-width: 1024px) {
  .showcase--icon-grid.why-plaid__apps .showcase__accent {
    background-size: 90%;
    left: -180px;
    top: -33px; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .how-we-handle-data .showcase__description {
    max-width: none; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .how-we-handle-data .showcase__exhibit {
    padding-left: 20px;
    padding-right: 130%; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .how-we-handle-data .showcase__container {
    padding-top: 58px;
    padding-bottom: 0; }
    .how-we-handle-data .showcase__container .grid-x .cell {
      width: 61.75%; }
      .how-we-handle-data .showcase__container .grid-x .cell + .cell {
        width: 38.25%; } }

@media screen and (max-width: 639px) {
  .how-we-handle-data .showcase__objects {
    margin: 0;
    max-width: 100%; } }

@media screen and (max-width: 639px) {
  .how-we-handle-data .showcase--single-image .showcase__accent {
    background-size: 75%;
    background-position-y: 80%; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .how-we-handle-data .showcase--single-image .showcase__accent {
    background-position-y: 100%; } }

@media screen and (min-width: 1024px) {
  .how-we-handle-data .showcase--single-image .showcase__accent {
    background-size: 540px;
    background-position: 90% 100%; } }

@media screen and (max-width: 639px) {
  .how-we-handle-data .showcase--single-image .showcase-image img {
    max-width: 100%; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .how-we-handle-data .showcase--single-image .showcase-image img {
    max-width: 40vw; } }

@media screen and (min-width: 1024px) {
  .how-we-handle-data .showcase--single-image .showcase-image img {
    max-width: 475px; } }

@media screen and (min-width: 1024px) {
  .how-we-handle-data .showcase--single-image .showcase__container {
    padding-top: 122px; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .why-is-plaid-involved .showcase--single-image.showcase--is-data-access .showcase__description, .why-is-plaid-involved .showcase--single-image.showcase--is-trouble-connecting .showcase__description {
    max-width: 100%; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .why-is-plaid-involved .showcase--single-image.showcase--is-data-access .showcase__exhibit, .why-is-plaid-involved .showcase--single-image.showcase--is-trouble-connecting .showcase__exhibit {
    padding-left: 4.8rem;
    padding-right: 4.8rem; } }

@media screen and (max-width: 639px) {
  .why-is-plaid-involved .showcase--single-image.showcase--is-data-access .showcase__objects, .why-is-plaid-involved .showcase--single-image.showcase--is-trouble-connecting .showcase__objects {
    max-width: 100%; } }

@media screen and (max-width: 639px) {
  .why-is-plaid-involved .showcase--single-image.showcase--is-data-access .showcase__container {
    padding: 0; } }

@media screen and (max-width: 639px) {
  .why-is-plaid-involved .showcase--single-image.showcase--is-data-access .showcase__accent {
    background-size: 95%;
    height: 100%;
    left: -48%;
    top: 9%;
    width: 140%; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .why-is-plaid-involved .showcase--single-image.showcase--is-data-access .showcase__accent {
    background-size: 99%;
    left: -16%;
    top: 8%; } }

@media screen and (min-width: 1024px) {
  .why-is-plaid-involved .showcase--single-image.showcase--is-data-access .showcase__accent {
    left: -26%;
    top: 8%; } }

@media screen and (max-width: 1023px) {
  .why-is-plaid-involved .showcase--single-image.showcase--is-trouble-connecting .showcase__accent {
    display: none; } }

@media screen and (min-width: 1024px) {
  .why-is-plaid-involved .showcase--single-image.showcase--is-trouble-connecting .showcase__accent {
    height: 500px;
    left: 80%;
    top: -80%; } }

.why-is-plaid-involved .showcase--single-image .showcase-image {
  max-width: 100%; }
  @media screen and (max-width: 639px) {
    .why-is-plaid-involved .showcase--single-image .showcase-image {
      padding: 0 20px; } }
  .why-is-plaid-involved .showcase--single-image .showcase-image img {
    max-width: 100%; }

@media screen and (min-width: 640px) {
  .why-is-plaid-involved .showcase__title {
    min-width: 400px; } }

@media screen and (min-width: 640px) {
  .why-is-plaid-involved .showcase__description {
    min-width: 450px; } }

.social-proof-wrapper {
  background-color: #111;
  color: #ffffff;
  height: 63.2rem;
  min-height: 405px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0; }
  .uk .social-proof-wrapper,
  .eu .social-proof-wrapper {
    height: 68.8rem; }
  .social-proof-wrapper .social-proof-text {
    color: #ffffff;
    padding-top: 3.8rem; }
    .social-proof-wrapper .social-proof-text--large-style {
      font-size: 24px;
      color: #cacaca;
      letter-spacing: 0;
      line-height: 36px; }
      @media screen and (max-width: 639px) {
        .social-proof-wrapper .social-proof-text--large-style {
          font-size: 16px;
          line-height: 24px; } }
    .social-proof-wrapper .social-proof-text--padding-bottom {
      padding-bottom: 88px; }
      @media screen and (max-width: 639px) {
        .social-proof-wrapper .social-proof-text--padding-bottom {
          padding-bottom: 40px; } }
  .social-proof-wrapper .button-module-wrapper {
    width: 100%; }
  .social-proof-wrapper .social-proof-button {
    margin-top: 1.4rem;
    min-width: 17.8rem;
    z-index: 999999; }
  @media screen and (max-width: 639px) {
    .social-proof-wrapper {
      height: 66.4rem; } }

.social-proof-container {
  position: relative;
  top: 14.4rem;
  z-index: 1; }
  @media screen and (min-width: 640px) {
    .social-proof-container {
      top: 8rem; } }
  @media screen and (max-width: 639px) {
    .social-proof-container {
      top: 6.4rem; } }

.social-proof-logo {
  padding: 2.56rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 639px) {
    .uk .social-proof-logo img {
      max-width: 90%; } }
  .social-proof-logo span:empty {
    display: none; }
  .social-proof-logo--no-padding {
    padding: 0; }
  .social-proof-logo--align-center {
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
  @media screen and (max-width: 639px) {
    .social-proof-logo--align-center-mobile {
      -webkit-box-pack: space-evenly;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; } }
  .social-proof-logo--align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.accent-brush {
  display: none;
  position: absolute; }
  @media screen and (min-width: 640px) {
    .accent-brush {
      display: block; } }
  .accent-brush.accent-brush-0 {
    height: 535px;
    right: -310px;
    top: 400px;
    width: 680px; }
    @media screen and (min-width: 640px) and (max-width: 1023px) {
      .accent-brush.accent-brush-0 {
        display: none; } }
  .accent-brush.accent-brush-1 {
    height: 463px;
    right: -231px;
    top: -313px;
    width: 693px; }
    @media screen and (min-width: 640px) and (max-width: 1023px) {
      .accent-brush.accent-brush-1 {
        display: none; } }
  .accent-brush.accent-brush-2 {
    height: 779px;
    top: -142px;
    width: 492px;
    left: -120px;
    -webkit-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
            transform: rotate(-25deg); }
    @media screen and (min-width: 640px) and (max-width: 1023px) {
      .accent-brush.accent-brush-2 {
        display: none; } }

.social-proof {
  background-color: #111;
  padding-top: calc(9.6rem - 3.2rem);
  padding-right: 0;
  padding-bottom: calc(9.6rem - 5.6rem);
  padding-left: 0; }
  .social-proof.social-proof-inverted {
    background-color: #ffffff; }
  .social-proof .align-center .social-proof-logo,
  .social-proof .align-center h6 {
    text-align: center; }

.social-proof-simple {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .social-proof-simple > .social-proof-simple-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
    padding-right: 1.2rem;
    padding-left: 1.2rem; }
  .social-proof-simple .social-proof-simple-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .social-proof-simple .social-proof-simple-item > button,
    .social-proof-simple .social-proof-simple-item > .button,
    .social-proof-simple .social-proof-simple-item > .button-group,
    .social-proof-simple .social-proof-simple-item > input,
    .social-proof-simple .social-proof-simple-item > textarea,
    .social-proof-simple .social-proof-simple-item > select,
    .social-proof-simple .social-proof-simple-item > p,
    .social-proof-simple .social-proof-simple-item > h1,
    .social-proof-simple .social-proof-simple-item > h2,
    .social-proof-simple .social-proof-simple-item > h3,
    .social-proof-simple .social-proof-simple-item > h4,
    .social-proof-simple .social-proof-simple-item > h5,
    .social-proof-simple .social-proof-simple-item > h6 {
      margin-bottom: 0;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .social-proof-simple .social-proof-simple-item:nth-child(-n + 3) {
      margin-bottom: 3.2rem; }
  @media screen and (min-width: 1024px) {
    .social-proof-simple {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .social-proof-simple .social-proof-simple-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: auto;
        padding-left: 1.2rem;
        padding-right: 1.2rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .social-proof-simple .social-proof-simple-item > button,
        .social-proof-simple .social-proof-simple-item > .button,
        .social-proof-simple .social-proof-simple-item > .button-group,
        .social-proof-simple .social-proof-simple-item > input,
        .social-proof-simple .social-proof-simple-item > textarea,
        .social-proof-simple .social-proof-simple-item > select,
        .social-proof-simple .social-proof-simple-item > p,
        .social-proof-simple .social-proof-simple-item > h1,
        .social-proof-simple .social-proof-simple-item > h2,
        .social-proof-simple .social-proof-simple-item > h3,
        .social-proof-simple .social-proof-simple-item > h4,
        .social-proof-simple .social-proof-simple-item > h5,
        .social-proof-simple .social-proof-simple-item > h6 {
          margin-bottom: 0;
          -webkit-align-self: center;
              -ms-flex-item-align: center;
                  align-self: center; }
        .social-proof-simple .social-proof-simple-item:nth-child(-n + 3) {
          margin-bottom: 0; } }

.supporting-text.hide-separators .separator {
  display: none; }

.supporting-text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .supporting-text-wrapper > .supporting-text-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100% - 2.56rem); }
  @media screen and (min-width: 640px) {
    .supporting-text-wrapper {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .supporting-text-wrapper > .supporting-text-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 33.33333%;
        margin-right: 0;
        margin-left: 0; } }

.supporting-text-item {
  padding: 2rem 0;
  margin-bottom: 3.2rem; }
  .supporting-text--constrained .supporting-text-item {
    padding-bottom: 1.6rem; }
  .supporting-text-item .separator + h5 {
    margin-top: 3.8rem; }
  .supporting-text-item .separator + .stat {
    margin-top: 3rem; }
  .supporting-text-item h5 {
    margin-bottom: 0; }
  .supporting-text-item p {
    color: #4b4b4b; }
  .supporting-text-item:nth-child(n + 4) {
    padding-top: 0; }
  .supporting-text-item .stat {
    display: block;
    font-family: "Vaud-extrabold", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 3rem; }
    .supporting-text--constrained .supporting-text-item .stat {
      font-family: "Vaud", Helvetica, Arial, sans-serif; }
    .supporting-text-item .stat:empty {
      display: none; }
  @media screen and (min-width: 640px) {
    .supporting-text-item {
      margin-bottom: 0;
      padding-bottom: 9.6rem;
      padding-top: 11.2rem; }
      .supporting-text--constrained .supporting-text-item {
        padding-top: 7.68rem;
        padding-bottom: 4.8rem; }
      .supporting-text-item:first-child, .supporting-text-item:nth-child(2), .supporting-text-item:nth-child(4), .supporting-text-item:nth-child(5) {
        padding-right: 8rem; }
      .supporting-text-item:nth-child(3), .supporting-text-item:nth-child(6) {
        padding-right: 4.8rem; }
      .supporting-text-item.grid-align {
        padding-bottom: 0;
        padding-left: 1.6rem;
        padding-right: 4.8rem; }
      .supporting-text-item.supporting-text-item-align-left {
        position: relative;
        left: -1.6rem; } }

@media screen and (min-width: 640px) {
  .supporting-text-background {
    background-image: url("http://placehold.it/470x391");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 155%; } }

.why-plaid__supporting-text-background {
  background: url("/assets/img/consumers/why-is-plaid-involved/ecosystem-diagram.png") no-repeat top center; }
  @media screen and (max-width: 639px) {
    .why-plaid__supporting-text-background {
      padding-top: 80%; } }
  @media screen and (max-width: 1023px) {
    .why-plaid__supporting-text-background {
      background-size: 154%; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .why-plaid__supporting-text-background {
      padding-bottom: 4.8rem;
      padding-top: 60%; } }
  @media screen and (min-width: 1024px) {
    .why-plaid__supporting-text-background {
      background-size: 99%;
      padding-bottom: 3.2rem;
      padding-top: 40%; } }
  @media screen and (max-width: 639px) {
    .why-plaid__supporting-text-background .cell.supporting-text-item:first-child, .why-plaid__supporting-text-background .cell.supporting-text-item:last-child {
      margin-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      width: 43%; } }
  @media screen and (max-width: 639px) {
    .why-plaid__supporting-text-background .cell.supporting-text-item:nth-child(2) {
      width: 13%; } }
  .why-plaid__supporting-text-background .cell.supporting-text-item:first-child {
    text-align: right; }
    @media screen and (min-width: 640px) and (max-width: 1023px) {
      .why-plaid__supporting-text-background .cell.supporting-text-item:first-child {
        padding-left: 3.2rem;
        padding-right: 3.2rem; } }
    @media screen and (min-width: 1024px) {
      .why-plaid__supporting-text-background .cell.supporting-text-item:first-child {
        padding-left: 8rem; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .why-plaid__supporting-text-background .cell.supporting-text-item:last-child {
      padding-left: 5.6rem;
      padding-right: 0; } }
  @media screen and (min-width: 1024px) {
    .why-plaid__supporting-text-background .cell.supporting-text-item:last-child {
      padding-left: 12rem; } }
  @media screen and (max-width: 1023px) {
    .why-plaid__supporting-text-background .cell.supporting-text-item p {
      font-size: 1.44rem;
      line-height: 1.4; } }
  @media screen and (max-width: 1023px) {
    .why-plaid__supporting-text-background .cell.supporting-text-item .stat {
      font-size: 3.2rem;
      margin-bottom: 0.8rem; } }

.supporting-text-image-wrapper {
  position: relative; }

.section-container + .supporting-text .supporting-text-item {
  padding-top: 0; }

.how-we-handle-data .supporting-text-wrapper {
  padding: 13.6rem 0 11.6rem; }
  @media screen and (max-width: 639px) {
    .how-we-handle-data .supporting-text-wrapper {
      padding-bottom: 0;
      padding-top: 8rem; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .how-we-handle-data .supporting-text-wrapper {
      padding-bottom: 3.2rem;
      padding-top: 11.2rem; } }

@media screen and (min-width: 640px) {
  .how-we-handle-data .supporting-text-item:first-child, .how-we-handle-data .supporting-text-item:nth-child(2), .how-we-handle-data .supporting-text-item:nth-child(4) {
    padding-right: 3.2rem; } }

@media screen and (max-width: 639px) {
  .how-we-handle-data .supporting-text-item {
    padding-bottom: 0; } }

@media screen and (min-width: 640px) {
  .how-we-handle-data .stat {
    font-size: 4.8rem; } }

table tbody tr {
  border: 1px solid #dcdcdc; }

table.table-list tbody tr {
  border-top: 1px solid #cacaca;
  border-left: 0;
  border-right: 0;
  vertical-align: top; }

.ie-warning-modal {
  background: white;
  display: table;
  filter: alpha(opacity=94);
  height: 100vh;
  position: absolute;
  width: 100vw;
  z-index: 111111111; }
  .ie-warning-modal__content {
    display: table-cell;
    font-size: 16px;
    text-align: center;
    vertical-align: middle; }
    .ie-warning-modal__content__primary-text, .ie-warning-modal__content__body-text {
      font-size: 24px;
      line-height: 36px;
      margin: 0 auto;
      width: 464px; }
    .ie-warning-modal__content__ie-image {
      height: 184px;
      margin-bottom: 32px;
      width: 304px; }
    .ie-warning-modal__content__primary-text {
      color: #4b4b4b;
      font-weight: 200;
      line-height: 15px;
      margin-bottom: 12px; }
    .ie-warning-modal__content__body-text {
      color: #4b4b4b;
      font-weight: 600;
      line-height: 24px;
      margin-bottom: 17px; }
    .ie-warning-modal__content__upgrade-ie-text {
      border: 0;
      color: #4b4b4b;
      line-height: 24px;
      margin-bottom: 32px; }
      .ie-warning-modal__content__upgrade-ie-text a {
        border-bottom: 0.5px solid #4b4b4b; }
        .ie-warning-modal__content__upgrade-ie-text a::after {
          content: none !important; }
        .ie-warning-modal__content__upgrade-ie-text a:hover {
          border-bottom: 0.5px solid #0a85ea;
          cursor: pointer; }
    .ie-warning-modal__content__remove-modal {
      border: 1px solid #4b4b4b;
      cursor: pointer;
      font-weight: 600;
      height: 48px;
      width: 224px; }
      .ie-warning-modal__content__remove-modal:hover {
        border: 1px solid #0a85ea;
        color: #0a85ea; }
    .ie-warning-modal__content__remove-modal-continue {
      float: left;
      padding-left: 16px;
      padding-top: 4px; }
    .ie-warning-modal__content__remove-modal-arrow {
      font-size: 20px;
      padding-right: 16px;
      float: right; }

.ie-disappear {
  display: none;
  z-index: -111111111; }

.principles {
  padding-top: 140px; }
  @media screen and (max-width: 639px) {
    .principles {
      padding-top: 56px; } }
  .principles .principles-item-container {
    margin-bottom: 140px; }
    @media screen and (max-width: 639px) {
      .principles .principles-item-container {
        margin-bottom: 40px; } }
  .principles .image-container {
    position: relative; }
    @media screen and (min-width: 640px) {
      .principles .image-container--negative-top-margin {
        margin-top: -304px; } }
  .principles .caption-container {
    background-color: #ffffff;
    border-radius: 2px;
    bottom: 16px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    font-weight: bold;
    left: 16px;
    padding: 12px 16px;
    position: absolute; }
    @media screen and (max-width: 639px) {
      .principles .caption-container {
        padding: 12px 10px; } }
    .principles .caption-container p {
      margin-bottom: 0; }
    .principles .caption-container .caption-emoji {
      margin-right: 8px; }
      @media screen and (max-width: 639px) {
        .principles .caption-container .caption-emoji {
          margin-right: 4px; } }
    .principles .caption-container .caption-body {
      font-weight: normal;
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      opacity: 0;
      position: absolute; }
  .principles .principles-header,
  .principles .principles-subheader {
    margin-top: 24px; }

@media screen and (min-width: 640px) {
  .infographic__cell {
    padding-right: 1.2rem; }
    .infographic__cell + .infographic__cell {
      padding-left: 1.2rem; }
    .infographic__cell:last-of-type {
      padding-right: 0; } }

.infographic__graph {
  border-bottom: solid 1px #b9b9b9;
  height: 200px;
  padding-top: 9%;
  text-align: center;
  margin-bottom: 2rem; }

.infographic-legend {
  padding-bottom: 15px; }
  .infographic-legend__label {
    display: inline-block;
    font-weight: 600;
    padding-right: 40px; }
    .infographic-legend__label::before {
      background-color: #FE7785;
      content: '';
      display: inline-block;
      height: 14px;
      margin-right: 4px;
      -webkit-transform: translateY(1px);
          -ms-transform: translateY(1px);
              transform: translateY(1px);
      width: 14px; }
    .infographic-legend__label--secondary::before {
      background-color: #ffffff; }
  @media screen and (min-width: 1024px) {
    .infographic-legend {
      padding-bottom: 0; } }

.infographic-percentage {
  padding: 6px 15px 0 0; }
  .infographic-percentage__heading {
    font-size: 3.2rem;
    padding-bottom: 6px; }
  @media screen and (min-width: 640px) {
    .infographic-percentage {
      padding: 0 12% 0 0; }
      .infographic-percentage__heading {
        font-size: 4.8rem;
        padding-bottom: 0; } }

.infographic-bar {
  display: inline-block;
  height: 100%;
  margin: 0 15px;
  position: relative;
  width: 42px; }
  .infographic-bar__container {
    bottom: 0;
    width: 100%;
    position: absolute; }
  .infographic-bar__fill {
    background-color: #FE7785;
    bottom: 0;
    height: 100%;
    position: absolute;
    width: 100%; }
    .infographic-bar__fill--secondary {
      background-color: #ffffff; }
  .infographic-bar__label {
    position: relative;
    top: -30px; }

.diagram {
  padding: 3.2rem 0 6.4rem; }
  @media screen and (min-width: 640px) {
    .diagram__grid {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  .diagram__steps-copy-container {
    margin-top: -20px; }
    @media screen and (min-width: 640px) {
      .diagram__steps-copy-container {
        margin-top: 0; } }
    @media screen and (min-width: 1024px) {
      .diagram__steps-copy-container {
        padding-right: 46px; } }
  @media screen and (min-width: 640px) {
    .diagram__steps-graphics-container {
      padding-top: 36px; } }
  @media screen and (min-width: 1024px) {
    .diagram__steps-graphics-container {
      padding-left: 40px; } }
  .diagram__hr {
    margin: 1.6rem 0 1.28rem; }
    @media screen and (min-width: 640px) {
      .diagram__hr {
        margin-top: 5.12rem; } }
  .diagram__number-column {
    float: left;
    width: 35px; }
  .diagram__copy-column {
    display: inline-block;
    width: calc(100% - 45px); }
    @media screen and (max-width: 1023px) {
      .diagram__copy-column {
        font-size: 1.36rem;
        line-height: 1.75; } }
  .diagram__row {
    padding: 22px 0;
    white-space: nowrap; }
  .diagram__icon-container {
    display: inline-block;
    margin: 0 20px;
    position: relative;
    text-align: center; }
    @media screen and (min-width: 640px) {
      .diagram__icon-container {
        margin: 0 30px; } }
  .diagram__icon-label {
    font-size: 9px;
    font-weight: 600;
    height: 21px;
    letter-spacing: 1px;
    padding-bottom: 8px;
    position: relative; }
  .diagram__icon-label-content {
    font-family: Heimat;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  .diagram__icon-image {
    height: 60px;
    width: auto; }
    @media screen and (min-width: 640px) {
      .diagram__icon-image {
        height: 90px; } }
  .diagram__badge-lock {
    background-image: url("/assets/img/customer-stories/diagram-badge-lock@2x.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 17px;
    position: absolute;
    right: -8px;
    top: 27%;
    width: 17px;
    z-index: 1; }
    @media screen and (min-width: 640px) {
      .diagram__badge-lock {
        height: 25px;
        right: -11px;
        top: 25%;
        width: 25px; } }
  .diagram__badge-checkmark {
    background-image: url("/assets/img/customer-stories/diagram-badge-checkmark@2x.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 17px;
    position: absolute;
    right: 0;
    top: 25%;
    width: 17px;
    z-index: 1; }
    @media screen and (min-width: 640px) {
      .diagram__badge-checkmark {
        height: 25px;
        top: 19%;
        width: 25px; } }
  .diagram__arrow {
    background-image: url("/assets/img/customer-stories/diagram-arrow@2x.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 3px;
    height: 19px;
    left: 50%;
    position: absolute;
    width: 5px;
    -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%); }
    @media screen and (min-width: 640px) {
      .diagram__arrow {
        bottom: 2px;
        height: 28px;
        width: 8px; } }
    .diagram__arrow--right {
      background-image: url("/assets/img/customer-stories/diagram-arrow-right@2x.png");
      left: auto;
      height: 5px;
      right: 1px;
      top: 50%;
      -webkit-transform: translate(100%, -50%);
          -ms-transform: translate(100%, -50%);
              transform: translate(100%, -50%);
      width: 28px; }
      @media screen and (min-width: 640px) {
        .diagram__arrow--right {
          right: 1px;
          height: 8px;
          top: 47%;
          width: 52px; } }
    .diagram__arrow--left {
      background-image: url("/assets/img/customer-stories/diagram-arrow-right@2x.png");
      left: 1px;
      height: 5px;
      top: 60%;
      -webkit-transform: rotate(180deg) translate(100%, -50%);
          -ms-transform: rotate(180deg) translate(100%, -50%);
              transform: rotate(180deg) translate(100%, -50%);
      width: 28px; }
      @media screen and (min-width: 640px) {
        .diagram__arrow--left {
          left: 1px;
          height: 8px;
          top: 55%;
          width: 52px; } }

.info-columns-section {
  margin: 3rem 0; }
  .info-columns-section__content {
    margin-bottom: 3rem; }
  @media screen and (min-width: 640px) {
    .info-columns-section {
      margin: 6rem 0; }
      .info-columns-section__content {
        padding-right: 1.5rem; } }

.regulatory-section {
  background-image: url("/assets/img/open-banking/footer-brush@2x.png");
  background-repeat: no-repeat;
  background-position: left -120px bottom -220px;
  background-size: 100%; }
  @media screen and (max-width: 639px) {
    .regulatory-section {
      margin-top: 8rem;
      padding-bottom: 9.6rem; } }
  @media screen and (min-width: 640px) {
    .regulatory-section {
      background-size: 58%; } }
  @media screen and (min-width: 1024px) {
    .regulatory-section {
      background-size: 45%;
      padding-bottom: 3.2rem; } }
  @media screen and (min-width: 1280px) {
    .regulatory-section {
      padding-bottom: 6.4rem;
      background-position: left -20px bottom -155px;
      background-size: 28%; } }
  .regulatory-section .description-row {
    margin-bottom: 0; }
    @media screen and (max-width: 639px) {
      .regulatory-section .description-row .section-text {
        width: 100%; } }
    @media screen and (min-width: 640px) {
      .regulatory-section .description-row .section-text {
        width: 424px; } }
    @media screen and (min-width: 1024px) {
      .regulatory-section .description-row .section-text {
        width: 600px; } }
    .regulatory-section .description-row .section-header {
      font-size: 3.6rem;
      line-height: 4.8rem;
      margin-bottom: 4.8rem; }
      @media screen and (max-width: 639px) {
        .regulatory-section .description-row .section-header {
          font-size: 2rem;
          line-height: 2.4rem;
          margin-bottom: 2.4rem; } }
    .regulatory-section .description-row .content-carousel-description {
      font-size: 2.4rem;
      line-height: 3.6rem;
      color: #111111; }
      @media screen and (max-width: 639px) {
        .regulatory-section .description-row .content-carousel-description {
          font-size: 1.6rem;
          line-height: 2.4rem;
          margin-bottom: 0; } }
    @media screen and (min-width: 640px) {
      .regulatory-section .description-row .description-row-image {
        width: 390px;
        max-width: initial; } }
    @media screen and (min-width: 1024px) {
      .regulatory-section .description-row .description-row-image {
        width: 457px;
        margin-top: 115px; } }
    @media screen and (min-width: 1280px) {
      .regulatory-section .description-row .description-row-image {
        margin-left: 50px; } }

.button-links-heading {
  padding: 1.6rem 0;
  color: #000000;
  font-weight: 600;
  line-height: 24px; }
  @media screen and (min-width: 640px) {
    .button-links-heading {
      padding-top: 3.2rem; } }

.button-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0; }
  .button-links__item {
    margin: 0 1.6rem 1.6rem 0;
    list-style: none; }
  .button-links__link {
    display: inline-block;
    margin: 0;
    border: 1px solid #9b9b9b;
    border-radius: 2px;
    padding: 11px 8px 8px;
    background-color: transparent;
    height: auto;
    color: #9b9b9b;
    font-size: 14px;
    line-height: 1;
    font-weight: 600; }
  .button-links__link:hover, .button-links__link:focus {
    border: 1px solid #0a85ea;
    color: #0a85ea;
    outline: none; }

@media screen and (min-width: 640px) {
  .open-banking .button-links {
    width: 600px; } }

.how-it-works__section-title {
  margin-bottom: 1.6rem; }

.how-it-works__apps-heading {
  position: relative; }
  .how-it-works__apps-heading::before {
    content: "";
    display: block;
    position: absolute;
    background-image: url("/assets/img/accents/consumer-brushtroke-right.png");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
    height: 300px;
    right: 0;
    top: calc(50%);
    -webkit-transform: translate(21%, -50%);
        -ms-transform: translate(21%, -50%);
            transform: translate(21%, -50%);
    width: 440px;
    z-index: 0; }
    @media screen and (min-width: 640px) {
      .how-it-works__apps-heading::before {
        display: block; } }
  .how-it-works__apps-heading-two {
    padding-bottom: 15.5rem; }
    @media screen and (max-width: 639px) {
      .how-it-works__apps-heading-two {
        padding-bottom: 2.5rem; } }

.how-it-works__heading {
  line-height: 32px;
  margin: 12px 0 22px; }

.how-it-works__category-arc-section {
  height: 84vw;
  margin-bottom: -11.2rem;
  overflow: hidden;
  position: relative; }
  .how-it-works__category-arc-section::before {
    content: "";
    display: block;
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    display: none;
    height: 100%;
    width: 16%; }
    @media screen and (min-width: 1024px) {
      .how-it-works__category-arc-section::before {
        display: block; } }
  .how-it-works__category-arc-section::after {
    content: "";
    display: block;
    position: absolute;
    background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    height: 18%;
    width: 100%; }
  @media screen and (min-width: 640px) {
    .how-it-works__category-arc-section {
      height: 72vw; } }
  @media screen and (min-width: 1024px) {
    .how-it-works__category-arc-section {
      height: 49.5vw; } }
  @media screen and (min-width: 1224px) {
    .how-it-works__category-arc-section {
      height: 45vw; } }

.how-it-works__category-arc-content {
  position: absolute;
  top: -19.2rem;
  width: 100%; }
  @media screen and (min-width: 640px) {
    .how-it-works__category-arc-content {
      top: 40%; } }

.how-it-works__category-arc {
  border: solid 1px #111;
  border-radius: 50%;
  height: 140vw;
  margin-top: 3.2rem;
  position: relative;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 140vw;
  z-index: -1; }
  @media screen and (min-width: 640px) {
    .how-it-works__category-arc {
      height: 120vw;
      width: 120vw;
      margin-top: 9.6rem;
      -webkit-transform: translateX(-35%);
          -ms-transform: translateX(-35%);
              transform: translateX(-35%); } }
  @media screen and (min-width: 1024px) {
    .how-it-works__category-arc {
      height: 90vw;
      width: 90vw;
      -webkit-transform: translateX(-25%);
          -ms-transform: translateX(-25%);
              transform: translateX(-25%); } }

.how-it-works__category-arc-icon {
  border: solid 1px #111;
  border-radius: 10%;
  height: 12px;
  left: 50%;
  margin: -6px;
  position: absolute;
  top: 50%;
  width: 12px; }
  @media screen and (min-width: 640px) {
    .how-it-works__category-arc-icon {
      height: 15px;
      margin: -7.5px;
      width: 15px; } }
  @media screen and (min-width: 1024px) {
    .how-it-works__category-arc-icon {
      height: 25px;
      margin: -12.5px;
      width: 25px; } }
  .how-it-works__category-arc-icon--green200 {
    background-color: #d0fce4; }
  .how-it-works__category-arc-icon--green600 {
    background-color: #5befbd; }
  .how-it-works__category-arc-icon--blue400 {
    background-color: #b1eefc; }
  .how-it-works__category-arc-icon--yellow600 {
    background-color: #fce76b; }
  .how-it-works__category-arc-icon--purple400 {
    background-color: #c6befc; }
  .how-it-works__category-arc-icon--blue600 {
    background-color: #63daff; }
  .how-it-works__category-arc-icon--pink400 {
    background-color: #ffaab9; }
  .how-it-works__category-arc-icon:nth-of-type(1) {
    -webkit-transform: rotate(280deg) translate(70vw, 0) rotate(-280deg);
        -ms-transform: rotate(280deg) translate(70vw, 0) rotate(-280deg);
            transform: rotate(280deg) translate(70vw, 0) rotate(-280deg); }
    @media screen and (min-width: 640px) {
      .how-it-works__category-arc-icon:nth-of-type(1) {
        -webkit-transform: rotate(262deg) translate(60vw, 0) rotate(-262deg);
            -ms-transform: rotate(262deg) translate(60vw, 0) rotate(-262deg);
                transform: rotate(262deg) translate(60vw, 0) rotate(-262deg); } }
    @media screen and (min-width: 1024px) {
      .how-it-works__category-arc-icon:nth-of-type(1) {
        -webkit-transform: rotate(262deg) translate(45vw, 0) rotate(-262deg);
            -ms-transform: rotate(262deg) translate(45vw, 0) rotate(-262deg);
                transform: rotate(262deg) translate(45vw, 0) rotate(-262deg); } }
  .how-it-works__category-arc-icon:nth-of-type(2) {
    -webkit-transform: rotate(294deg) translate(70vw, 0) rotate(-294deg);
        -ms-transform: rotate(294deg) translate(70vw, 0) rotate(-294deg);
            transform: rotate(294deg) translate(70vw, 0) rotate(-294deg); }
    @media screen and (min-width: 640px) {
      .how-it-works__category-arc-icon:nth-of-type(2) {
        -webkit-transform: rotate(278deg) translate(60vw, 0) rotate(-278deg);
            -ms-transform: rotate(278deg) translate(60vw, 0) rotate(-278deg);
                transform: rotate(278deg) translate(60vw, 0) rotate(-278deg); } }
    @media screen and (min-width: 1024px) {
      .how-it-works__category-arc-icon:nth-of-type(2) {
        -webkit-transform: rotate(278deg) translate(45vw, 0) rotate(-278deg);
            -ms-transform: rotate(278deg) translate(45vw, 0) rotate(-278deg);
                transform: rotate(278deg) translate(45vw, 0) rotate(-278deg); } }
  .how-it-works__category-arc-icon:nth-of-type(3) {
    -webkit-transform: rotate(308deg) translate(70vw, 0) rotate(-308deg);
        -ms-transform: rotate(308deg) translate(70vw, 0) rotate(-308deg);
            transform: rotate(308deg) translate(70vw, 0) rotate(-308deg); }
    @media screen and (min-width: 640px) {
      .how-it-works__category-arc-icon:nth-of-type(3) {
        -webkit-transform: rotate(294deg) translate(60vw, 0) rotate(-294deg);
            -ms-transform: rotate(294deg) translate(60vw, 0) rotate(-294deg);
                transform: rotate(294deg) translate(60vw, 0) rotate(-294deg); } }
    @media screen and (min-width: 1024px) {
      .how-it-works__category-arc-icon:nth-of-type(3) {
        -webkit-transform: rotate(294deg) translate(45vw, 0) rotate(-294deg);
            -ms-transform: rotate(294deg) translate(45vw, 0) rotate(-294deg);
                transform: rotate(294deg) translate(45vw, 0) rotate(-294deg); } }
  .how-it-works__category-arc-icon:nth-of-type(4) {
    -webkit-transform: rotate(322deg) translate(70vw, 0) rotate(-322deg);
        -ms-transform: rotate(322deg) translate(70vw, 0) rotate(-322deg);
            transform: rotate(322deg) translate(70vw, 0) rotate(-322deg); }
    @media screen and (min-width: 640px) {
      .how-it-works__category-arc-icon:nth-of-type(4) {
        -webkit-transform: rotate(310deg) translate(60vw, 0) rotate(-310deg);
            -ms-transform: rotate(310deg) translate(60vw, 0) rotate(-310deg);
                transform: rotate(310deg) translate(60vw, 0) rotate(-310deg); } }
    @media screen and (min-width: 1024px) {
      .how-it-works__category-arc-icon:nth-of-type(4) {
        -webkit-transform: rotate(310deg) translate(45vw, 0) rotate(-310deg);
            -ms-transform: rotate(310deg) translate(45vw, 0) rotate(-310deg);
                transform: rotate(310deg) translate(45vw, 0) rotate(-310deg); } }
  .how-it-works__category-arc-icon:nth-of-type(5) {
    -webkit-transform: rotate(336deg) translate(70vw, 0) rotate(-336deg);
        -ms-transform: rotate(336deg) translate(70vw, 0) rotate(-336deg);
            transform: rotate(336deg) translate(70vw, 0) rotate(-336deg); }
    @media screen and (min-width: 640px) {
      .how-it-works__category-arc-icon:nth-of-type(5) {
        -webkit-transform: rotate(326deg) translate(60vw, 0) rotate(-326deg);
            -ms-transform: rotate(326deg) translate(60vw, 0) rotate(-326deg);
                transform: rotate(326deg) translate(60vw, 0) rotate(-326deg); } }
    @media screen and (min-width: 1024px) {
      .how-it-works__category-arc-icon:nth-of-type(5) {
        -webkit-transform: rotate(326deg) translate(45vw, 0) rotate(-326deg);
            -ms-transform: rotate(326deg) translate(45vw, 0) rotate(-326deg);
                transform: rotate(326deg) translate(45vw, 0) rotate(-326deg); } }
  .how-it-works__category-arc-icon:nth-of-type(6) {
    -webkit-transform: rotate(350deg) translate(70vw, 0) rotate(-350deg);
        -ms-transform: rotate(350deg) translate(70vw, 0) rotate(-350deg);
            transform: rotate(350deg) translate(70vw, 0) rotate(-350deg); }
    @media screen and (min-width: 640px) {
      .how-it-works__category-arc-icon:nth-of-type(6) {
        -webkit-transform: rotate(342deg) translate(60vw, 0) rotate(-342deg);
            -ms-transform: rotate(342deg) translate(60vw, 0) rotate(-342deg);
                transform: rotate(342deg) translate(60vw, 0) rotate(-342deg); } }
    @media screen and (min-width: 1024px) {
      .how-it-works__category-arc-icon:nth-of-type(6) {
        -webkit-transform: rotate(342deg) translate(45vw, 0) rotate(-342deg);
            -ms-transform: rotate(342deg) translate(45vw, 0) rotate(-342deg);
                transform: rotate(342deg) translate(45vw, 0) rotate(-342deg); } }

.how-it-works__category-arc-icon-text {
  height: 20px;
  left: 50%;
  margin: -20px -100px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 200px;
  text-overflow: none; }
  @media screen and (max-width: 639px) {
    .how-it-works__category-arc-icon-text {
      font-size: 0.96rem; } }
  .how-it-works__category-arc-icon-text:nth-of-type(1) {
    -webkit-transform: rotate(280deg) translate(73.5vw, 0) rotate(-280deg);
        -ms-transform: rotate(280deg) translate(73.5vw, 0) rotate(-280deg);
            transform: rotate(280deg) translate(73.5vw, 0) rotate(-280deg); }
    @media screen and (min-width: 640px) {
      .how-it-works__category-arc-icon-text:nth-of-type(1) {
        -webkit-transform: rotate(262deg) translate(63vw, 0) rotate(-262deg);
            -ms-transform: rotate(262deg) translate(63vw, 0) rotate(-262deg);
                transform: rotate(262deg) translate(63vw, 0) rotate(-262deg); } }
    @media screen and (min-width: 1024px) {
      .how-it-works__category-arc-icon-text:nth-of-type(1) {
        -webkit-transform: rotate(262deg) translate(47.25vw, 0) rotate(-262deg);
            -ms-transform: rotate(262deg) translate(47.25vw, 0) rotate(-262deg);
                transform: rotate(262deg) translate(47.25vw, 0) rotate(-262deg); } }
  .how-it-works__category-arc-icon-text:nth-of-type(2) {
    -webkit-transform: rotate(294deg) translate(73.5vw, 15.6px) rotate(-294deg);
        -ms-transform: rotate(294deg) translate(73.5vw, 15.6px) rotate(-294deg);
            transform: rotate(294deg) translate(73.5vw, 15.6px) rotate(-294deg); }
    @media screen and (min-width: 640px) {
      .how-it-works__category-arc-icon-text:nth-of-type(2) {
        -webkit-transform: rotate(278deg) translate(63vw, 24px) rotate(-278deg);
            -ms-transform: rotate(278deg) translate(63vw, 24px) rotate(-278deg);
                transform: rotate(278deg) translate(63vw, 24px) rotate(-278deg); } }
    @media screen and (min-width: 1024px) {
      .how-it-works__category-arc-icon-text:nth-of-type(2) {
        -webkit-transform: rotate(278deg) translate(47.25vw, 24px) rotate(-278deg);
            -ms-transform: rotate(278deg) translate(47.25vw, 24px) rotate(-278deg);
                transform: rotate(278deg) translate(47.25vw, 24px) rotate(-278deg); } }
  .how-it-works__category-arc-icon-text:nth-of-type(3) {
    -webkit-transform: rotate(308deg) translate(77.826vw, 45.5px) rotate(-308deg);
        -ms-transform: rotate(308deg) translate(77.826vw, 45.5px) rotate(-308deg);
            transform: rotate(308deg) translate(77.826vw, 45.5px) rotate(-308deg); }
    @media screen and (min-width: 640px) {
      .how-it-works__category-arc-icon-text:nth-of-type(3) {
        -webkit-transform: rotate(294deg) translate(66.708vw, 70px) rotate(-294deg);
            -ms-transform: rotate(294deg) translate(66.708vw, 70px) rotate(-294deg);
                transform: rotate(294deg) translate(66.708vw, 70px) rotate(-294deg); } }
    @media screen and (min-width: 1024px) {
      .how-it-works__category-arc-icon-text:nth-of-type(3) {
        -webkit-transform: rotate(294deg) translate(49.05vw, 70px) rotate(-294deg);
            -ms-transform: rotate(294deg) translate(49.05vw, 70px) rotate(-294deg);
                transform: rotate(294deg) translate(49.05vw, 70px) rotate(-294deg); } }
  .how-it-works__category-arc-icon-text:nth-of-type(4) {
    -webkit-transform: rotate(322deg) translate(81.0628vw, 45.5px) rotate(-322deg);
        -ms-transform: rotate(322deg) translate(81.0628vw, 45.5px) rotate(-322deg);
            transform: rotate(322deg) translate(81.0628vw, 45.5px) rotate(-322deg); }
    @media screen and (min-width: 640px) {
      .how-it-works__category-arc-icon-text:nth-of-type(4) {
        -webkit-transform: rotate(310deg) translate(69.4824vw, 70px) rotate(-310deg);
            -ms-transform: rotate(310deg) translate(69.4824vw, 70px) rotate(-310deg);
                transform: rotate(310deg) translate(69.4824vw, 70px) rotate(-310deg); } }
    @media screen and (min-width: 1024px) {
      .how-it-works__category-arc-icon-text:nth-of-type(4) {
        -webkit-transform: rotate(310deg) translate(49.725vw, 70px) rotate(-310deg);
            -ms-transform: rotate(310deg) translate(49.725vw, 70px) rotate(-310deg);
                transform: rotate(310deg) translate(49.725vw, 70px) rotate(-310deg); } }
  .how-it-works__category-arc-icon-text:nth-of-type(5) {
    -webkit-transform: rotate(336deg) translate(78.897vw, 29.25px) rotate(-336deg);
        -ms-transform: rotate(336deg) translate(78.897vw, 29.25px) rotate(-336deg);
            transform: rotate(336deg) translate(78.897vw, 29.25px) rotate(-336deg); }
    @media screen and (min-width: 640px) {
      .how-it-works__category-arc-icon-text:nth-of-type(5) {
        -webkit-transform: rotate(326deg) translate(67.626vw, 45px) rotate(-326deg);
            -ms-transform: rotate(326deg) translate(67.626vw, 45px) rotate(-326deg);
                transform: rotate(326deg) translate(67.626vw, 45px) rotate(-326deg); } }
    @media screen and (min-width: 1024px) {
      .how-it-works__category-arc-icon-text:nth-of-type(5) {
        -webkit-transform: rotate(326deg) translate(49.725vw, 45px) rotate(-326deg);
            -ms-transform: rotate(326deg) translate(49.725vw, 45px) rotate(-326deg);
                transform: rotate(326deg) translate(49.725vw, 45px) rotate(-326deg); } }
  .how-it-works__category-arc-icon-text:nth-of-type(6) {
    -webkit-transform: rotate(350deg) translate(77.7vw, 16.9px) rotate(-350deg);
        -ms-transform: rotate(350deg) translate(77.7vw, 16.9px) rotate(-350deg);
            transform: rotate(350deg) translate(77.7vw, 16.9px) rotate(-350deg); }
    @media screen and (min-width: 640px) {
      .how-it-works__category-arc-icon-text:nth-of-type(6) {
        -webkit-transform: rotate(342deg) translate(66.6vw, 26px) rotate(-342deg);
            -ms-transform: rotate(342deg) translate(66.6vw, 26px) rotate(-342deg);
                transform: rotate(342deg) translate(66.6vw, 26px) rotate(-342deg); } }
    @media screen and (min-width: 1024px) {
      .how-it-works__category-arc-icon-text:nth-of-type(6) {
        -webkit-transform: rotate(342deg) translate(49.95vw, 26px) rotate(-342deg);
            -ms-transform: rotate(342deg) translate(49.95vw, 26px) rotate(-342deg);
                transform: rotate(342deg) translate(49.95vw, 26px) rotate(-342deg); } }

.how-it-works__app-icons-section {
  position: relative; }
  @media screen and (min-width: 1024px) {
    .how-it-works__app-icons-section .grid-container, .how-it-works__app-icons-section .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .how-it-works__app-icons-section .accordion-section-titlebar-inner {
      max-width: 136rem; } }

.how-it-works__icon-column--push-down-1 {
  padding-top: 72px; }
  @media screen and (min-width: 640px) {
    .how-it-works__icon-column--push-down-1 {
      padding-top: 60px; } }
  @media screen and (min-width: 1024px) {
    .how-it-works__icon-column--push-down-1 {
      padding-top: 95px; } }

.how-it-works__icon-column--push-down-2 {
  padding-top: 144px; }
  @media screen and (min-width: 640px) {
    .how-it-works__icon-column--push-down-2 {
      padding-top: 120px; } }
  @media screen and (min-width: 1024px) {
    .how-it-works__icon-column--push-down-2 {
      padding-top: 190px; } }

@media screen and (min-width: 1024px) {
  .how-it-works__icon-column-highlight .how-it-works__icon-column {
    width: 7vw; }
  .how-it-works__icon-column-highlight[data-transition-phase='fixed'] {
    -webkit-animation-duration: 0s;
            animation-duration: 0s; }
    .how-it-works__icon-column-highlight[data-transition-phase='fixed'] .how-it-works__icon-column {
      position: fixed;
      top: 0; }
  .how-it-works__icon-column-highlight[data-transition-phase='expanded'] {
    -webkit-animation-duration: 0s;
            animation-duration: 0s; }
    .how-it-works__icon-column-highlight[data-transition-phase='expanded'] .how-it-works__icon-column {
      padding-top: 0;
      position: relative;
      top: calc(100% + 188px); }
    .how-it-works__icon-column-highlight[data-transition-phase='expanded'] .how-it-works__app-icon-container:nth-child(2) {
      -webkit-transform: translate(80.75px);
          -ms-transform: translate(80.75px);
              transform: translate(80.75px); }
    .how-it-works__icon-column-highlight[data-transition-phase='expanded'] .how-it-works__app-name {
      opacity: 0; }
    .how-it-works__icon-column-highlight[data-transition-phase='expanded'] .how-it-works__app-detail {
      opacity: 1; } }

.how-it-works__icon-column-highlight__icon-column-expand {
  width: 7vw; }

.how-it-works__app-icon-container {
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
  position: relative;
  -webkit-transition: -webkit-transform 600ms ease-out;
  transition: -webkit-transform 600ms ease-out;
  transition: transform 600ms ease-out;
  transition: transform 600ms ease-out, -webkit-transform 600ms ease-out; }
  @media screen and (min-width: 640px) {
    .how-it-works__app-icon-container--highlight-section:nth-child(2) {
      -webkit-transform: translate(80.75px);
          -ms-transform: translate(80.75px);
              transform: translate(80.75px); } }

.how-it-works__app-icon {
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  border-radius: 20%;
  height: auto;
  margin: 3.2rem 0 1.12rem;
  width: 72px; }
  @media screen and (min-width: 640px) {
    .how-it-works__app-icon {
      width: 60px; } }
  @media screen and (min-width: 1024px) {
    .how-it-works__app-icon {
      width: 95px; } }
  .how-it-works__app-icon--highlight-section {
    width: 60px; }
    @media screen and (min-width: 640px) {
      .how-it-works__app-icon--highlight-section {
        width: 95px; } }

.how-it-works__app-name {
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out; }
  @media screen and (max-width: 639px) {
    .how-it-works__app-name {
      font-size: 12px; } }
  .how-it-works__app-name--highlight-section {
    opacity: 0; }

.how-it-works__app-detail {
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
  left: calc(100% + 20px);
  font-size: 1.44rem;
  opacity: 0;
  position: absolute;
  width: 220px;
  text-align: left;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity 600ms ease-out;
  transition: opacity 600ms ease-out; }
  .how-it-works__app-detail--highlight-section {
    opacity: 1;
    font-size: 14px;
    max-width: 220px;
    width: calc(85vw - 100px); }
    @media screen and (min-width: 640px) {
      .how-it-works__app-detail--highlight-section {
        font-size: 62.5%;
        left: calc(100% - 20px); } }

.how-it-works__app-highlight-section {
  padding: 3.2rem 0; }
  @media screen and (min-width: 1024px) {
    .how-it-works__app-highlight-section {
      padding-top: 32rem; } }

@media screen and (min-width: 1024px) {
  .how-it-works__section-reveal-container {
    margin-top: 6.4rem;
    min-height: 690px;
    height: 100vh;
    position: relative; } }

@media screen and (min-width: 1024px) {
  .how-it-works__phone-section .grid-x {
    height: 100vh;
    margin: 0 !important;
    min-height: 690px; }
    .how-it-works__phone-section .grid-x .cell {
      padding: 0; } }

.how-it-works__pre-security-section {
  background-color: #ffffff; }
  @media screen and (min-width: 1024px) {
    .how-it-works__pre-security-section {
      max-height: 100vh;
      overflow-y: hidden;
      position: absolute;
      top: 0;
      -webkit-transition: max-height 1s ease-out;
      transition: max-height 1s ease-out;
      width: 100%;
      z-index: 1; } }
  @media screen and (min-width: 1024px) {
    .how-it-works__pre-security-section[data-transition-phase='scrolled'] {
      max-height: 0; } }

.how-it-works__security-section {
  background-color: #111;
  color: #ffffff;
  padding: 3.2rem 0; }
  .how-it-works__security-section a {
    color: #ffffff; }
  .how-it-works__security-section p {
    color: #cacaca; }
  @media screen and (min-width: 1024px) {
    .how-it-works__security-section--2 {
      padding-bottom: 8rem;
      padding-top: 6.4rem; }
      .how-it-works__security-section--2 .grid-container, .how-it-works__security-section--2 .accordion-section-titlebar .accordion-section-titlebar-inner, .accordion-section-titlebar .how-it-works__security-section--2 .accordion-section-titlebar-inner {
        max-width: 136rem; } }

.how-it-works__security-screen {
  display: inline-block;
  max-width: 300px;
  width: 100%; }
  @media screen and (min-width: 1024px) {
    .how-it-works__security-screen {
      display: inline-block;
      margin-top: 6.4rem;
      max-width: none;
      width: 33.6rem; } }
  .how-it-works__security-screen--skeleton {
    position: relative;
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85); }
    @media screen and (min-width: 640px) {
      .how-it-works__security-screen--skeleton {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; } }
    @media screen and (min-width: 1024px) {
      .how-it-works__security-screen--skeleton {
        margin-top: -3.2rem;
        width: 28.64rem; } }

.how-it-works__security-screen-info {
  font-size: 75%;
  width: 150%; }
  @media screen and (min-width: 640px) {
    .how-it-works__security-screen-info {
      width: auto; } }

@media screen and (min-width: 640px) {
  .how-it-works__security-screen-hr {
    margin-left: -15%;
    -webkit-transform: scaleX(1.5);
        -ms-transform: scaleX(1.5);
            transform: scaleX(1.5); } }

.how-it-works__security-screen-icon {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .how-it-works__security-screen-icon--0 {
    left: 67%;
    top: 8.2%;
    width: 10.5%; }
  .how-it-works__security-screen-icon--1 {
    left: 34.4%;
    top: 8.25%;
    width: 18.75%; }
  .how-it-works__security-screen-icon--2 {
    left: 34.4%;
    top: 20.6%;
    width: 32.75%; }
  .how-it-works__security-screen-icon--3 {
    left: 75.6%;
    top: 28.75%;
    width: 21.3%; }
  .how-it-works__security-screen-icon--4 {
    left: 86%;
    top: 26%;
    width: 11.3%; }
  .how-it-works__security-screen-icon--5 {
    left: 33.9%;
    top: 36.4%;
    width: 15.5%; }
  .how-it-works__security-screen-icon--6 {
    left: 41.5%;
    top: 33.3%;
    width: 11.3%; }
  .how-it-works__security-screen-icon--7 {
    left: 76.8%;
    top: 44.5%;
    width: 29.5%; }
  .how-it-works__security-screen-icon--8 {
    left: 52.75%;
    top: 59.8%;
    width: 17%; }
  .how-it-works__security-screen-icon--9 {
    left: 60.5%;
    top: 56.75%;
    width: 10%; }
  .how-it-works__security-screen-icon--10 {
    left: 18.2%;
    top: 52.5%;
    width: 16.7%; }
  .how-it-works__security-screen-icon--11 {
    left: 25.5%;
    top: 49.5%;
    width: 10%; }
  .how-it-works__security-screen-icon--12 {
    left: 25.5%;
    top: 73.9%;
    width: 25.6%; }
  .how-it-works__security-screen-icon--13 {
    left: 75.8%;
    top: 73.3%;
    width: 14.9%; }
  .how-it-works__security-screen-icon--14 {
    left: 75.2%;
    top: 87.7%;
    width: 21.1%; }
  .how-it-works__security-screen-icon--15 {
    left: 85.4%;
    top: 85%;
    width: 9.5%; }
  .how-it-works__security-screen-icon--16 {
    left: 39.6%;
    top: 90.6%;
    width: 12.7%; }
  .how-it-works__security-screen-icon--17 {
    left: 45.5%;
    top: 87.3%;
    width: 9.5%; }

.how-it-works__security-app-logo-container {
  direction: rtl;
  white-space: nowrap; }

.how-it-works__security-app-logo {
  width: 92px;
  margin: 1.6rem 0 4.8rem 1.6rem; }
  @media screen and (min-width: 640px) {
    .how-it-works__security-app-logo {
      width: 112px; } }
  @media screen and (min-width: 1024px) {
    .how-it-works__security-app-logo {
      width: 140px; } }
  .how-it-works__security-app-logo--plaid {
    margin: 11.6rem 0 6.4rem;
    position: relative;
    max-width: 80px;
    z-index: 1; }
    @media screen and (min-width: 640px) {
      .how-it-works__security-app-logo--plaid {
        margin: 9.6rem 0 0 3.2rem;
        max-width: none;
        width: 140px; } }
    @media screen and (min-width: 1024px) {
      .how-it-works__security-app-logo--plaid {
        margin: 11.2rem 0 6.4rem 9.6rem; } }

.how-it-works__security-arrows-container {
  height: 500px;
  overflow: hidden;
  left: -22px;
  position: relative;
  width: 215px;
  top: -36px;
  -webkit-transform: scale(0.75, 0.85);
      -ms-transform: scale(0.75, 0.85);
          transform: scale(0.75, 0.85); }
  @media screen and (min-width: 640px) {
    .how-it-works__security-arrows-container {
      height: auto;
      left: auto;
      overflow: visible;
      top: auto;
      -webkit-transform: scale(0.92);
          -ms-transform: scale(0.92);
              transform: scale(0.92); } }
  @media screen and (min-width: 1024px) {
    .how-it-works__security-arrows-container {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; } }

.how-it-works__security-arrows {
  left: -10px;
  position: absolute; }
  @media screen and (min-width: 640px) {
    .how-it-works__security-arrows {
      left: 1.6rem; } }
  .how-it-works__security-arrows:nth-of-type(1) {
    top: 9px; }
  .how-it-works__security-arrows:nth-of-type(2) {
    top: 166px; }
  .how-it-works__security-arrows:nth-of-type(3) {
    top: 187px; }
  .how-it-works__security-arrows:nth-of-type(4) {
    top: 211px; }

p.disclaimer {
  margin: 0px 0 110px; }
  @media screen and (max-width: 639px) {
    p.disclaimer {
      margin-bottom: 42px; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    p.disclaimer {
      margin-bottom: 80px; } }

.carousel-phone-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%; }
  .carousel-phone-wrapper > button,
  .carousel-phone-wrapper > .button,
  .carousel-phone-wrapper > .button-group,
  .carousel-phone-wrapper > input,
  .carousel-phone-wrapper > textarea,
  .carousel-phone-wrapper > select,
  .carousel-phone-wrapper > p,
  .carousel-phone-wrapper > h1,
  .carousel-phone-wrapper > h2,
  .carousel-phone-wrapper > h3,
  .carousel-phone-wrapper > h4,
  .carousel-phone-wrapper > h5,
  .carousel-phone-wrapper > h6 {
    margin-bottom: 0;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .carousel-phone-wrapper.pink {
    height: 800px;
    background-color: #ffd7dc; }

.carousel-left-fg {
  z-index: 3000; }
  @media screen and (max-width: 639px) {
    .carousel-left-fg {
      display: none; } }

.carousel-phone-bg,
.carousel-phone,
.carousel-account-overview {
  z-index: -999;
  position: absolute;
  padding-bottom: 3.04rem; }
  .carousel-phone-bg.content-first,
  .carousel-phone.content-first,
  .carousel-account-overview.content-first {
    visibility: visible; }

.carousel-phone-bg {
  visibility: visible; }

.carousel-account-overview {
  visibility: hidden;
  padding-top: 3.2rem; }

.carousel-phone {
  z-index: -1; }

.phone-bg {
  z-index: -9999; }

.carousel-left-fg {
  z-index: 3000; }
  @media screen and (max-width: 639px) {
    .carousel-left-fg {
      display: none; } }

.carousel-mobile-media {
  background: #abffdb;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3.2rem;
  max-height: 304px; }
  .carousel-mobile-media > button,
  .carousel-mobile-media > .button,
  .carousel-mobile-media > .button-group,
  .carousel-mobile-media > input,
  .carousel-mobile-media > textarea,
  .carousel-mobile-media > select,
  .carousel-mobile-media > p,
  .carousel-mobile-media > h1,
  .carousel-mobile-media > h2,
  .carousel-mobile-media > h3,
  .carousel-mobile-media > h4,
  .carousel-mobile-media > h5,
  .carousel-mobile-media > h6 {
    margin-bottom: 0;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .carousel-mobile-media .carousel-phone,
  .carousel-mobile-media .carousel-account-overview {
    visibility: visible;
    position: relative;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 0;
    height: auto; }
  .carousel-mobile-media .carousel-phone {
    width: 13.5rem; }
  .carousel-mobile-media .carousel-account-overview {
    width: 19.2rem; }

.bg-purple {
  background-color: #e1e1ff; }

.bg-green {
  background-color: #d0fce4; }

.bg-blue {
  background-color: #b1eefc; }

.bg-pink {
  background-color: #ffd7dc; }

.bg-gray {
  background-color: #f6f6f6; }

.bg-yellow {
  background-color: #fefbb8; }

.carousel-content-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  width: 100%; }
  .carousel-content-wrapper > button,
  .carousel-content-wrapper > .button,
  .carousel-content-wrapper > .button-group,
  .carousel-content-wrapper > input,
  .carousel-content-wrapper > textarea,
  .carousel-content-wrapper > select,
  .carousel-content-wrapper > p,
  .carousel-content-wrapper > h1,
  .carousel-content-wrapper > h2,
  .carousel-content-wrapper > h3,
  .carousel-content-wrapper > h4,
  .carousel-content-wrapper > h5,
  .carousel-content-wrapper > h6 {
    margin-bottom: 0;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }

.copy-bg {
  background-color: #ffffff; }

.carousel-content-title {
  margin-bottom: 2rem; }

.carousel-count-title {
  margin-bottom: 3rem; }

.carousel-count {
  position: relative;
  background-color: #ffffff;
  margin-top: 4.96rem;
  padding-left: 6.4rem; }
  .carousel-count.is-right {
    padding-left: 2.88rem; }
  @media screen and (max-width: 639px) {
    .carousel-count {
      display: none; } }

.carousel-count-1,
.carousel-count-2,
.carousel-count-3 {
  z-index: -9999;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff; }

.carousel-content {
  position: absolute;
  top: 0;
  left: 0;
  background-color: white; }
  .carousel-content.content-first {
    visibility: visible; }
  @media screen and (max-width: 639px) {
    .carousel-content p {
      width: 100%; } }

.skip-button {
  position: absolute;
  right: 0;
  top: 32rem; }
  .skip-button.is-left {
    left: 0;
    right: auto; }
  @media screen and (max-width: 639px) {
    .skip-button {
      display: none; } }

.carousel-mobile-content {
  padding-top: 32px; }
  .carousel-mobile-content .carousel-content {
    visibility: visible;
    position: relative; }

.how-container {
  min-height: 80rem;
  position: relative;
  height: 100vh; }

.how-right {
  position: relative; }

.how-title {
  padding-top: 8rem;
  padding-bottom: 5rem;
  margin-bottom: 0; }
  .how-title.carousel-title-right {
    padding-left: 16rem; }

.how-pip {
  border-radius: 50%;
  height: 0.8rem;
  width: 0.8rem;
  margin-bottom: 1.6rem;
  margin-left: 0.368rem;
  background: #cacaca; }
  .how-pip.is-active, .how-pip:hover {
    background: #111111;
    -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5); }

.carousel-right-bg,
.carousel-left-bg {
  position: absolute;
  top: 0%;
  right: 0;
  height: 100%;
  width: 50%;
  z-index: -999; }
  .carousel-right-bg.slide-0,
  .carousel-left-bg.slide-0 {
    background-color: #d0fce4;
    z-index: -1; }
  .carousel-right-bg.slide-1,
  .carousel-left-bg.slide-1 {
    background-color: transparent;
    z-index: 100; }

.carousel-left-bg {
  left: 0; }

.set-0 {
  top: 0;
  left: 0;
  right: 0;
  height: 2000px;
  visibility: visible; }

.set-1 {
  top: 0;
  left: 0;
  right: 0;
  height: 2000px;
  visibility: hidden; }

.carousel-2 {
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  height: 2000px; }

.grid-carousel-height {
  height: 60%; }

.end-scene {
  margin-top: 320rem; }

.scene-container {
  height: 475rem; }
  @media screen and (max-width: 639px) {
    .scene-container {
      display: none; } }

.carousel-wrapper {
  background: #ffffff;
  overflow: hidden; }
  @media screen and (min-width: 1024px) {
    .carousel-wrapper {
      margin: 0 auto;
      max-width: 120rem; } }

.carousel-margin {
  margin: 1.2rem; }
  @media screen and (min-width: 1024px) {
    .carousel-margin {
      margin: 1.5rem; } }

.carousel-title {
  z-index: 100;
  margin-top: 4.8rem; }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .carousel-title {
      margin-top: -6rem; } }

.carousel-slide-0 {
  min-height: 87.5rem;
  background: url("/assets/img/backgrounds/brush_teal600.svg") no-repeat;
  background-position: 160% 100%;
  position: relative; }
  @media screen and (max-width: 639px) {
    .carousel-slide-0 {
      background-position: -990% 80%;
      background-size: 40rem; } }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .carousel-slide-0 {
      background-position: 160% 100%; } }
  @media screen and (min-width: 1280px) {
    .carousel-slide-0 {
      background-position: 115% 100%; } }

.carousel-img {
  position: relative; }
  .carousel-img .carousel-img-0 {
    position: absolute;
    top: -60px;
    right: 200px;
    width: 250px;
    height: 250px;
    z-index: -499; }
    @media screen and (min-width: 640px) and (max-width: 1023px) {
      .carousel-img .carousel-img-0 {
        display: none; } }
    @media screen and (max-width: 639px) {
      .carousel-img .carousel-img-0 {
        right: 10.4rem;
        top: -10px;
        width: 120px;
        height: 120px; } }
    .carousel-img .carousel-img-0 .carousel-img-1 {
      z-index: 100;
      position: absolute;
      right: -6.4rem;
      top: 3.2rem; }

.carousel-code {
  font-family: Monaco, monospace;
  position: absolute;
  right: auto;
  left: 35.2rem;
  top: auto;
  background-color: #111;
  border-radius: 6px;
  padding: 4.5rem;
  color: #ffffff;
  font-size: 14px;
  z-index: 100;
  visibility: hidden; }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .carousel-code {
      right: -260px; } }
  @media screen and (max-width: 639px) {
    .carousel-code {
      padding: 1.6rem 0.8rem 1.6rem 0.8rem;
      font-size: 8px;
      right: -9.6rem;
      top: 46.4rem;
      -webkit-box-shadow: 10px 10px 0 0 rgba(37, 38, 49, 0.2);
              box-shadow: 10px 10px 0 0 rgba(37, 38, 49, 0.2); } }

.carousel-feature-img {
  z-index: 100; }

.homepage-media {
  left: -6.4rem;
  position: absolute;
  z-index: -1; }

.homepage-media-img {
  left: -2.4rem; }

.homepage-count {
  margin-top: 17.76rem; }

.homepage-content-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  background: white;
  z-index: 0; }

.homepage-arrow {
  z-index: 100;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  position: absolute;
  visibility: hidden;
  left: 4.8rem;
  padding-top: 4.8rem; }

.homepage-scroll-container {
  height: 3100px; }
  .homepage-scroll-container .carousel-left-fg {
    z-index: 99; }

.carousel-code-img {
  width: 499.33px;
  height: 444.4px;
  position: absolute;
  right: auto;
  left: 32rem;
  visibility: hidden; }
  .carousel-code-img img {
    max-width: unset; }

@media screen and (max-width: 639px) {
  .carousel-mobile.grid-container.full, .accordion-section-titlebar .carousel-mobile.full.accordion-section-titlebar-inner {
    padding-left: 1.2rem;
    padding-right: 1.2rem; } }

.carousel-mobile--margin-bottom {
  margin-bottom: 5rem; }

.carousel-mobile .how-title {
  padding-top: 4rem;
  padding-bottom: 2.4rem; }

.simple-carousel {
  height: 80rem;
  position: relative; }
  @media screen and (max-width: 639px) {
    .simple-carousel {
      height: 100%; } }
  @media screen and (max-width: 639px) {
    .simple-carousel .simple-carousel-phone-img.overview {
      -webkit-transform: scale(0.4);
          -ms-transform: scale(0.4);
              transform: scale(0.4); } }
  @media screen and (max-width: 639px) {
    .simple-carousel .simple-carousel-phone-img {
      -webkit-transform: scale(0.4);
          -ms-transform: scale(0.4);
              transform: scale(0.4); } }

.carousel-media-center-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%; }
  .carousel-media-center-wrapper > button,
  .carousel-media-center-wrapper > .button,
  .carousel-media-center-wrapper > .button-group,
  .carousel-media-center-wrapper > input,
  .carousel-media-center-wrapper > textarea,
  .carousel-media-center-wrapper > select,
  .carousel-media-center-wrapper > p,
  .carousel-media-center-wrapper > h1,
  .carousel-media-center-wrapper > h2,
  .carousel-media-center-wrapper > h3,
  .carousel-media-center-wrapper > h4,
  .carousel-media-center-wrapper > h5,
  .carousel-media-center-wrapper > h6 {
    margin-bottom: 0;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .carousel-media-center-wrapper--black {
    background-color: #111; }
  .carousel-media-center-wrapper--black100 {
    background-color: #f6f6f6; }
  .carousel-media-center-wrapper--black200 {
    background-color: #ebebeb; }
  .carousel-media-center-wrapper--black300 {
    background-color: #d7d7d7; }
  .carousel-media-center-wrapper--black400 {
    background-color: #cacaca; }
  .carousel-media-center-wrapper--black500 {
    background-color: #b9b9b9; }
  .carousel-media-center-wrapper--black600 {
    background-color: #9b9b9b; }
  .carousel-media-center-wrapper--black700 {
    background-color: #878787; }
  .carousel-media-center-wrapper--black800 {
    background-color: #696969; }
  .carousel-media-center-wrapper--black900 {
    background-color: #4b4b4b; }
  .carousel-media-center-wrapper--black1000 {
    background-color: #111; }
  .carousel-media-center-wrapper--blue200 {
    background-color: #d4f9ff; }
  .carousel-media-center-wrapper--green200 {
    background-color: #d0fce4; }
  .carousel-media-center-wrapper--yellow200 {
    background-color: #fefbb8; }
  .carousel-media-center-wrapper--pink200 {
    background-color: #ffd7dc; }
  .carousel-media-center-wrapper--red200 {
    background-color: #ffd7dc; }
  .carousel-media-center-wrapper--purple200 {
    background-color: #e1e1ff; }
  .carousel-media-center-wrapper--blue400 {
    background-color: #b1eefc; }
  .carousel-media-center-wrapper--green400 {
    background-color: #abffdb; }
  .carousel-media-center-wrapper--yellow400 {
    background-color: #fbf1a0; }
  .carousel-media-center-wrapper--pink400 {
    background-color: #ffaab9; }
  .carousel-media-center-wrapper--red400 {
    background-color: #ffaab9; }
  .carousel-media-center-wrapper--purple400 {
    background-color: #c6befc; }
  .carousel-media-center-wrapper--blue600 {
    background-color: #63daff; }
  .carousel-media-center-wrapper--green600 {
    background-color: #5befbd; }
  .carousel-media-center-wrapper--yellow600 {
    background-color: #fce76b; }
  .carousel-media-center-wrapper--pink600 {
    background-color: #ff7885; }
  .carousel-media-center-wrapper--red600 {
    background-color: #ff7885; }
  .carousel-media-center-wrapper--purple600 {
    background-color: #9986f7; }
  .carousel-media-center-wrapper--blue800 {
    background-color: #0a85ea; }
  .carousel-media-center-wrapper--green800 {
    background-color: #23d09c; }
  .carousel-media-center-wrapper--yellow800 {
    background-color: #f2d211; }
  .carousel-media-center-wrapper--pink800 {
    background-color: #f44e66; }
  .carousel-media-center-wrapper--red800 {
    background-color: #f44e66; }
  .carousel-media-center-wrapper--purple800 {
    background-color: #7646ec; }
  .carousel-media-center-wrapper--white {
    background-color: #ffffff; }
  .carousel-media-center-wrapper.media-container {
    height: 80rem; }
    @media screen and (max-width: 639px) {
      .carousel-media-center-wrapper.media-container {
        height: 32rem; } }
  .carousel-media-center-wrapper.oversized-img img {
    max-height: 100%; }

.animated-group__animation {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 600ms;
          animation-duration: 600ms;
  opacity: 0; }
  .animated-group__animation--delay-300 {
    -webkit-animation-delay: 300ms;
            animation-delay: 300ms; }
  .animated-group__animation--delay-600 {
    -webkit-animation-delay: 600ms;
            animation-delay: 600ms; }
  .animated-group__animation--delay-900 {
    -webkit-animation-delay: 900ms;
            animation-delay: 900ms; }
  .animated-group__animation--delay-1200 {
    -webkit-animation-delay: 1200ms;
            animation-delay: 1200ms; }
  .animated-group__animation--delay-1500 {
    -webkit-animation-delay: 1500ms;
            animation-delay: 1500ms; }
  .animated-group__animation--delay-1800 {
    -webkit-animation-delay: 1800ms;
            animation-delay: 1800ms; }
  .animated-group__animation--delay-2100 {
    -webkit-animation-delay: 2100ms;
            animation-delay: 2100ms; }
  .animated-group__animation--delay-2700 {
    -webkit-animation-delay: 2700ms;
            animation-delay: 2700ms; }
  .animated-group__animation--delay-3000 {
    -webkit-animation-delay: 3000ms;
            animation-delay: 3000ms; }
  .animated-group__animation--delay-3300 {
    -webkit-animation-delay: 3300ms;
            animation-delay: 3300ms; }
  .animated-group__animation--delay-3900 {
    -webkit-animation-delay: 3900ms;
            animation-delay: 3900ms; }
  .animated-group__animation--duration-300 {
    -webkit-animation-duration: 300ms;
            animation-duration: 300ms; }
  .animated-group__animation--duration-600 {
    -webkit-animation-duration: 600ms;
            animation-duration: 600ms; }
  .animated-group__animation--duration-1400 {
    -webkit-animation-duration: 1400ms;
            animation-duration: 1400ms; }

.animated-group__transition {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms; }
  .animated-group__transition--duration-300 {
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms; }
  .animated-group__transition--grow-height {
    height: 0;
    -webkit-transition-property: height;
    transition-property: height; }
  .animated-group__transition--grow-width {
    width: 0;
    -webkit-transition-property: width;
    transition-property: width; }

.animated-group--active .animated-group__animation--fade-in {
  -webkit-animation-name: fade-in;
          animation-name: fade-in; }

.animated-group--active .animated-group__animation--slide-up-8 {
  -webkit-animation-name: slide-up-8;
          animation-name: slide-up-8; }

.animated-group--active .animated-group__animation--slide-up-16 {
  -webkit-animation-name: slide-up-16;
          animation-name: slide-up-16; }

.animated-group--active .animated-group__animation--slide-up-40 {
  -webkit-animation-name: slide-up-40;
          animation-name: slide-up-40; }

.animated-group--active .animated-group__animation--slide-up-eighth {
  -webkit-animation-name: slide-up-eighth;
          animation-name: slide-up-eighth; }

.animated-group--active .animated-group__animation--slide-up-quarter {
  -webkit-animation-name: slide-up-quarter;
          animation-name: slide-up-quarter; }

.animated-group--active .animated-group__animation--slide-up-half {
  -webkit-animation-name: slide-up-half;
          animation-name: slide-up-half; }

.animated-group--active .animated-group__animation--slide-up-bounce {
  -webkit-animation-name: slide-up-bounce;
          animation-name: slide-up-bounce; }

.animated-group--active .animated-group__animation--draw-path {
  -webkit-animation-name: draw-path;
          animation-name: draw-path; }

.animated-group--active .animated-group__animation--draw-path {
  stroke-dasharray: 600;
  -webkit-animation-duration: 1s;
          animation-duration: 1s; }

.animated-group--active .animated-group__transition--delay-600 {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms; }

.animated-group--active .animated-group__transition--delay-1200 {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms; }

.animated-group--active .animated-group__transition--delay-2400 {
  -webkit-transition-delay: 2400ms;
          transition-delay: 2400ms; }

.animated-group--active .animated-group__transition--delay-3600 {
  -webkit-transition-delay: 3600ms;
          transition-delay: 3600ms; }

.animated-group--active .animated-group__transition--grow-height {
  height: 100%; }

.animated-group--active .animated-group__transition--grow-width {
  width: 100%; }

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

@-webkit-keyframes slide-up-8 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes slide-up-8 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes slide-up-16 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(16px);
            transform: translateY(16px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes slide-up-16 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(16px);
            transform: translateY(16px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes slide-up-40 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes slide-up-40 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes slide-up-eighth {
  0% {
    opacity: 1;
    -webkit-transform: translateY(12.5%);
            transform: translateY(12.5%); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes slide-up-eighth {
  0% {
    opacity: 1;
    -webkit-transform: translateY(12.5%);
            transform: translateY(12.5%); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes slide-up-quarter {
  0% {
    opacity: 1;
    -webkit-transform: translateY(25%);
            transform: translateY(25%); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes slide-up-quarter {
  0% {
    opacity: 1;
    -webkit-transform: translateY(25%);
            transform: translateY(25%); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes slide-up-half {
  0% {
    opacity: 1;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes slide-up-half {
  0% {
    opacity: 1;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes slide-up-bounce {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px); }
  40% {
    opacity: 1;
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes slide-up-bounce {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px); }
  40% {
    opacity: 1;
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes draw-path {
  from {
    opacity: 1;
    stroke-dashoffset: 600; }
  to {
    opacity: 1;
    stroke-dashoffset: 1200; } }

@keyframes draw-path {
  from {
    opacity: 1;
    stroke-dashoffset: 600; }
  to {
    opacity: 1;
    stroke-dashoffset: 1200; } }

.is-top {
  z-index: 3000; }

.is-middle {
  z-index: -1; }

.is-middle-below {
  z-index: -2; }

.is-bottom {
  z-index: -9999; }

.is-hidden {
  visibility: hidden; }

.is-visible {
  visibility: visible; }

.is-absolute {
  position: absolute; }

.is-fixed-1, .is-fixed-0, .is-fixed-0-visible {
  position: fixed;
  display: block; }

.is-fixed-0 {
  z-index: 1; }

.is-fixed-0-visible {
  visibility: visible; }

.is-fixed-1 {
  z-index: 100; }

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

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown; }

.animated {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.animated.longest {
  -webkit-animation-duration: 4s;
          animation-duration: 4s; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

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

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    visibility: visible; }
  to {
    opacity: 1;
    visibility: visible; } }

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

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown; }

@-webkit-keyframes fadeInUpPhone {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
    visibility: visible; }
  90% {
    opacity: 0.9; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

@keyframes fadeInUpPhone {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
    visibility: visible; }
  90% {
    opacity: 0.9; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

.fadeInUpPhone {
  -webkit-animation-name: fadeInUpPhone;
          animation-name: fadeInUpPhone; }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownPhone {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    visibility: visible; }
  90% {
    opacity: 0.9; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

@keyframes fadeInDownPhone {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    visibility: visible; }
  90% {
    opacity: 0.9; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

.fadeInDownPhone {
  -webkit-animation-name: fadeInDownPhone;
          animation-name: fadeInDownPhone; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp; }

@-webkit-keyframes slideInUpActions {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: hidden; }
  60% {
    visibility: hidden; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

@keyframes slideInUpActions {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: hidden; }
  60% {
    visibility: hidden; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

.slideInUpActions {
  -webkit-animation-name: slideInUpActions;
          animation-name: slideInUpActions; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn; }

.animated.longer {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s; }

.absolute-bottom {
  bottom: -4200px;
  left: 0;
  right: 0;
  top: auto;
  position: absolute; }

.power-on {
  height: 500px;
  width: 264px;
  background: #ffffff;
  z-index: 1;
  visibility: hidden; }

@-webkit-keyframes screenOn {
  from {
    opacity: 0.5%;
    visibility: visible;
    background: #ffffff;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    background: #ffffff;
    opacity: 1;
    visibility: visible; }
  to {
    visibility: hidden; } }

@keyframes screenOn {
  from {
    opacity: 0.5%;
    visibility: visible;
    background: #ffffff;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    background: #ffffff;
    opacity: 1;
    visibility: visible; }
  to {
    visibility: hidden; } }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible; } }

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight; }

.screenOn {
  -webkit-animation-name: screenOn;
          animation-name: screenOn; }

.drawArrow {
  -webkit-animation-name: drawArrow;
          animation-name: drawArrow;
  fill-opacity: 0;
  stroke: #2deaaa;
  stroke-width: 8px;
  stroke-dasharray: 1155;
  stroke-dashoffset: 1155px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes drawArrow {
  from {
    opacity: 0;
    visibility: visible; }
  to {
    stroke-dashoffset: 0;
    opacity: 1;
    visibility: visible; } }

@keyframes drawArrow {
  from {
    opacity: 0;
    visibility: visible; }
  to {
    stroke-dashoffset: 0;
    opacity: 1;
    visibility: visible; } }

.reset-height {
  max-height: 80rem; }

@-webkit-keyframes cta-arrow-in {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(0.8);
            transform: translate3d(0, 0, 0) scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: translate3d(8px, 0, 0) scale(0.8);
            transform: translate3d(8px, 0, 0) scale(0.8);
    opacity: 1; } }

@keyframes cta-arrow-in {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(0.8);
            transform: translate3d(0, 0, 0) scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: translate3d(8px, 0, 0) scale(0.8);
            transform: translate3d(8px, 0, 0) scale(0.8);
    opacity: 1; } }

@-webkit-keyframes cta-arrow-out {
  0% {
    -webkit-transform: translate3d(8px, 0, 0) scale(0.8);
            transform: translate3d(8px, 0, 0) scale(0.8);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(0.8);
            transform: translate3d(0, 0, 0) scale(0.8);
    opacity: 0.5; } }

@keyframes cta-arrow-out {
  0% {
    -webkit-transform: translate3d(8px, 0, 0) scale(0.8);
            transform: translate3d(8px, 0, 0) scale(0.8);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(0.8);
            transform: translate3d(0, 0, 0) scale(0.8);
    opacity: 0.5; } }

.horizontal-bg {
  background: url("/assets/img/backgrounds/background-blue.jpg");
  background-repeat: no-repeat; }

.horizontal-scene {
  height: 100vh; }
  .horizontal-scene .how-container {
    height: 100vh; }
  .horizontal-scene .carousel-phone,
  .horizontal-scene .carousel-content {
    visibility: visible; }
    .horizontal-scene .carousel-phone.one,
    .horizontal-scene .carousel-content.one {
      visibility: hidden; }
  .horizontal-scene .how-title {
    padding-top: 0rem; }
  .horizontal-scene .carousel-left-fg {
    position: absolute;
    top: 8rem; }
  .horizontal-scene .absolute-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: block; }
  .horizontal-scene .section-wrapper {
    position: relative; }
  .horizontal-scene .button.green {
    color: #ffffff; }

.horizontal-code {
  font-family: Monaco, monospace;
  position: absolute;
  right: auto;
  top: 30%;
  background-color: #111;
  border-radius: 6px;
  padding: 4.5rem;
  color: #ffffff;
  font-size: 14px;
  z-index: 100;
  -webkit-box-shadow: 16px 16px 24px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 16px 16px 24px 0 rgba(0, 0, 0, 0.08); }
  @media screen and (max-width: 639px) {
    .horizontal-code {
      position: relative;
      width: 100%;
      top: 0;
      padding: 0;
      border-radius: 0;
      overflow: hidden; }
      .horizontal-code pre[class*='language-'] {
        overflow: hidden; } }

.homepage-what-code,
.description-row-code-block {
  font-family: Monaco, monospace;
  background-color: #111;
  border-radius: 6px;
  padding: 4.5rem;
  color: #ffffff;
  font-size: 14px;
  z-index: 100;
  -webkit-box-shadow: 16px 16px 24px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 16px 16px 24px 0 rgba(0, 0, 0, 0.08); }
  @media screen and (max-width: 639px) {
    .homepage-what-code,
    .description-row-code-block {
      margin-left: 1.2rem;
      margin-right: 1.2rem;
      margin-top: 1.6rem;
      padding: 0;
      position: relative;
      top: 0;
      width: calc(100vw - 4.8rem); } }

.html-syntax {
  color: #b1eefc; }

.phone-video {
  position: absolute;
  top: 20px;
  left: 17px;
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85); }
  .phone-video--centered {
    left: 50%;
    -webkit-transform: scale(0.85) translate(calc(-50% - 23px));
        -ms-transform: scale(0.85) translate(calc(-50% - 23px));
            transform: scale(0.85) translate(calc(-50% - 23px)); }
  .phone-video--large {
    -webkit-transform: scale(0.838) translate(calc(-50% - 26px));
        -ms-transform: scale(0.838) translate(calc(-50% - 26px));
            transform: scale(0.838) translate(calc(-50% - 26px));
    top: 39px; }
    @media screen and (min-width: 1024px) {
      .phone-video--large {
        -webkit-transform: scale(0.937) translate(calc(-50% - 9px));
            -ms-transform: scale(0.937) translate(calc(-50% - 9px));
                transform: scale(0.937) translate(calc(-50% - 9px));
        top: 114px; } }
  @supports (-ms-ime-align: auto) {
    .phone-video {
      display: none; } }
  @media screen and (max-width: 639px) {
    .phone-video {
      display: none; } }

#pinContainer {
  width: 100%;
  height: 100vh;
  overflow: hidden; }

.panel {
  height: 100%;
  width: 100%;
  position: absolute; }

.anim-arrow {
  position: absolute;
  top: 28.8rem;
  left: 0rem;
  -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
          transform: scale(0.3); }
  .anim-arrow.arrow2 {
    top: 33.6rem;
    left: -16rem; }
  .anim-arrow.arrow3 {
    top: 40.8rem;
    left: -5.6rem; }

.button-wipe {
  position: absolute;
  top: 35.2rem; }

.bubble-wipe,
.bubble-wipe-1 {
  position: absolute;
  top: 16rem;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5); }

.carousel-mobile-media.code {
  background-color: #111; }

.carousel-mobile-media.horizontal-bg {
  max-height: 500px; }

.description-row-code-block,
.code-container {
  /* PrismJS 1.16.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+bash+ruby+markup-templating+http+java+json+django+python&plugins=line-highlight+line-numbers+custom-class+highlight-keywords+normalize-whitespace */
  /**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
  /* Code blocks */
  /* Inline code */ }
  .description-row-code-block code[class*="language-"],
  .description-row-code-block pre[class*="language-"],
  .code-container code[class*="language-"],
  .code-container pre[class*="language-"] {
    color: black;
    background: none;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 16px;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.43;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none; }
  .description-row-code-block pre[class*="language-"]::-moz-selection, .description-row-code-block pre[class*="language-"] ::-moz-selection,
  .description-row-code-block code[class*="language-"]::-moz-selection, .description-row-code-block code[class*="language-"] ::-moz-selection,
  .code-container pre[class*="language-"]::-moz-selection,
  .code-container pre[class*="language-"] ::-moz-selection,
  .code-container code[class*="language-"]::-moz-selection,
  .code-container code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc; }
  .description-row-code-block pre[class*="language-"]::-moz-selection, .description-row-code-block pre[class*="language-"] ::-moz-selection, .description-row-code-block code[class*="language-"]::-moz-selection, .description-row-code-block code[class*="language-"] ::-moz-selection, .code-container pre[class*="language-"]::-moz-selection, .code-container pre[class*="language-"] ::-moz-selection, .code-container code[class*="language-"]::-moz-selection, .code-container code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc; }
  .description-row-code-block pre[class*="language-"]::selection, .description-row-code-block pre[class*="language-"] ::selection,
  .description-row-code-block code[class*="language-"]::selection, .description-row-code-block code[class*="language-"] ::selection,
  .code-container pre[class*="language-"]::selection,
  .code-container pre[class*="language-"] ::selection,
  .code-container code[class*="language-"]::selection,
  .code-container code[class*="language-"] ::selection {
    text-shadow: none;
    background: #b3d4fc; }
  @media print {
    .description-row-code-block code[class*="language-"],
    .description-row-code-block pre[class*="language-"],
    .code-container code[class*="language-"],
    .code-container pre[class*="language-"] {
      text-shadow: none; } }
  .description-row-code-block pre[class*="language-"],
  .code-container pre[class*="language-"] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto; }
  .description-row-code-block :not(pre) > code[class*="language-"],
  .description-row-code-block pre[class*="language-"],
  .code-container :not(pre) > code[class*="language-"],
  .code-container pre[class*="language-"] {
    background: #f5f2f0; }
  .description-row-code-block :not(pre) > code[class*="language-"],
  .code-container :not(pre) > code[class*="language-"] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal; }
  .description-row-code-block .token.comment,
  .description-row-code-block .token.prolog,
  .description-row-code-block .token.doctype,
  .description-row-code-block .token.cdata,
  .code-container .token.comment,
  .code-container .token.prolog,
  .code-container .token.doctype,
  .code-container .token.cdata {
    color: slategray; }
  .description-row-code-block .token.punctuation,
  .code-container .token.punctuation {
    color: #999; }
  .description-row-code-block .namespace,
  .code-container .namespace {
    opacity: .7; }
  .description-row-code-block .token.property,
  .description-row-code-block .token.tag,
  .description-row-code-block .token.boolean,
  .description-row-code-block .token.number,
  .description-row-code-block .token.constant,
  .description-row-code-block .token.symbol,
  .description-row-code-block .token.deleted,
  .code-container .token.property,
  .code-container .token.tag,
  .code-container .token.boolean,
  .code-container .token.number,
  .code-container .token.constant,
  .code-container .token.symbol,
  .code-container .token.deleted {
    color: #905; }
  .description-row-code-block .token.selector,
  .description-row-code-block .token.attr-name,
  .description-row-code-block .token.string,
  .description-row-code-block .token.char,
  .description-row-code-block .token.builtin,
  .description-row-code-block .token.inserted,
  .code-container .token.selector,
  .code-container .token.attr-name,
  .code-container .token.string,
  .code-container .token.char,
  .code-container .token.builtin,
  .code-container .token.inserted {
    color: #690; }
  .description-row-code-block .token.operator,
  .description-row-code-block .token.entity,
  .description-row-code-block .token.url,
  .description-row-code-block .language-css .token.string,
  .description-row-code-block .style .token.string,
  .code-container .token.operator,
  .code-container .token.entity,
  .code-container .token.url,
  .code-container .language-css .token.string,
  .code-container .style .token.string {
    color: #9a6e3a; }
  .description-row-code-block .token.atrule,
  .description-row-code-block .token.attr-value,
  .description-row-code-block .token.keyword,
  .code-container .token.atrule,
  .code-container .token.attr-value,
  .code-container .token.keyword {
    color: #07a; }
  .description-row-code-block .token.function,
  .description-row-code-block .token.class-name,
  .code-container .token.function,
  .code-container .token.class-name {
    color: #DD4A68; }
  .description-row-code-block .token.regex,
  .description-row-code-block .token.important,
  .description-row-code-block .token.variable,
  .code-container .token.regex,
  .code-container .token.important,
  .code-container .token.variable {
    color: #e90; }
  .description-row-code-block .token.important,
  .description-row-code-block .token.bold,
  .code-container .token.important,
  .code-container .token.bold {
    font-weight: bold; }
  .description-row-code-block .token.italic,
  .code-container .token.italic {
    font-style: italic; }
  .description-row-code-block .token.entity,
  .code-container .token.entity {
    cursor: help; }
  .description-row-code-block pre[data-line],
  .code-container pre[data-line] {
    position: relative;
    padding: 1em 0 1em 3em; }
  .description-row-code-block .line-highlight,
  .code-container .line-highlight {
    position: absolute;
    left: 0;
    right: 0;
    padding: inherit 0;
    margin-top: 1em;
    /* Same as .prism’s padding-top */
    background: rgba(153, 122, 102, 0.08);
    background: -webkit-gradient(linear, left top, right top, color-stop(70%, rgba(153, 122, 102, 0.1)), to(rgba(153, 122, 102, 0)));
    background: linear-gradient(to right, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
    pointer-events: none;
    line-height: inherit;
    white-space: pre; }
  .description-row-code-block .line-highlight:before,
  .description-row-code-block .line-highlight[data-end]:after,
  .code-container .line-highlight:before,
  .code-container .line-highlight[data-end]:after {
    content: attr(data-start);
    position: absolute;
    top: .4em;
    left: .6em;
    min-width: 1em;
    padding: 0 .5em;
    background-color: rgba(153, 122, 102, 0.4);
    color: #f5f2f0;
    font: bold 65%/1.5 sans-serif;
    text-align: center;
    vertical-align: .3em;
    border-radius: 999px;
    text-shadow: none;
    -webkit-box-shadow: 0 1px white;
            box-shadow: 0 1px white; }
  .description-row-code-block .line-highlight[data-end]:after,
  .code-container .line-highlight[data-end]:after {
    content: attr(data-end);
    top: auto;
    bottom: .4em; }
  .description-row-code-block .line-numbers .line-highlight:before,
  .description-row-code-block .line-numbers .line-highlight:after,
  .code-container .line-numbers .line-highlight:before,
  .code-container .line-numbers .line-highlight:after {
    content: none; }
  .description-row-code-block pre[class*="language-"].line-numbers,
  .code-container pre[class*="language-"].line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber; }
  .description-row-code-block pre[class*="language-"].line-numbers > code,
  .code-container pre[class*="language-"].line-numbers > code {
    position: relative;
    white-space: inherit; }
  .description-row-code-block .line-numbers .line-numbers-rows,
  .code-container .line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 16px;
    left: -3.8em;
    width: 3em;
    /* works for line-numbers below 1000 lines */
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .description-row-code-block .line-numbers-rows > span,
  .code-container .line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber; }
  .description-row-code-block .line-numbers-rows > span:before,
  .code-container .line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 1.44rem;
    text-align: right; }
  .description-row-code-block pre[class*="language-"],
  .code-container pre[class*="language-"] {
    background: none;
    font-size: 16px;
    height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow-wrap: break-word;
    overflow-x: auto;
    padding: 1.4rem 1.6rem 1.4rem 1.6rem;
    text-shadow: none;
    white-space: pre;
    line-height: 1.5; }
  .description-row-code-block code[class*='language-'],
  .code-container code[class*='language-'] {
    line-height: 21px;
    font-family: Inconsolata, Monaco, monospace; }
  .description-row-code-block code[class*='language-']:not(.line-numbers-rows),
  .code-container code[class*='language-']:not(.line-numbers-rows) {
    color: #b9b9b9;
    text-shadow: none; }
  .description-row-code-block code[class*='language-'] .line-numbers-rows > span::before,
  .code-container code[class*='language-'] .line-numbers-rows > span::before {
    color: #696969; }
  .description-row-code-block .language-json .token.string,
  .description-row-code-block .language-js .token.string,
  .description-row-code-block .language-ruby .token.string,
  .description-row-code-block .language-java .token.string,
  .description-row-code-block .language-python .token.string,
  .description-row-code-block .language-clike .token.string,
  .description-row-code-block .language-bash .token.string,
  .description-row-code-block .language-javascript .token.string,
  .code-container .language-json .token.string,
  .code-container .language-js .token.string,
  .code-container .language-ruby .token.string,
  .code-container .language-java .token.string,
  .code-container .language-python .token.string,
  .code-container .language-clike .token.string,
  .code-container .language-bash .token.string,
  .code-container .language-javascript .token.string {
    color: #abffdb; }
  .description-row-code-block .language-json .token.symbol,
  .description-row-code-block .language-js .token.symbol,
  .description-row-code-block .language-ruby .token.symbol,
  .description-row-code-block .language-java .token.symbol,
  .description-row-code-block .language-python .token.symbol,
  .description-row-code-block .language-clike .token.symbol,
  .description-row-code-block .language-bash .token.symbol,
  .description-row-code-block .language-javascript .token.symbol,
  .code-container .language-json .token.symbol,
  .code-container .language-js .token.symbol,
  .code-container .language-ruby .token.symbol,
  .code-container .language-java .token.symbol,
  .code-container .language-python .token.symbol,
  .code-container .language-clike .token.symbol,
  .code-container .language-bash .token.symbol,
  .code-container .language-javascript .token.symbol {
    color: #878787; }
  .description-row-code-block .language-json .token.property,
  .description-row-code-block .language-json .token.constant,
  .description-row-code-block .language-json .token.builtin,
  .description-row-code-block .language-js .token.property,
  .description-row-code-block .language-js .token.constant,
  .description-row-code-block .language-js .token.builtin,
  .description-row-code-block .language-ruby .token.property,
  .description-row-code-block .language-ruby .token.constant,
  .description-row-code-block .language-ruby .token.builtin,
  .description-row-code-block .language-java .token.property,
  .description-row-code-block .language-java .token.constant,
  .description-row-code-block .language-java .token.builtin,
  .description-row-code-block .language-python .token.property,
  .description-row-code-block .language-python .token.constant,
  .description-row-code-block .language-python .token.builtin,
  .description-row-code-block .language-clike .token.property,
  .description-row-code-block .language-clike .token.constant,
  .description-row-code-block .language-clike .token.builtin,
  .description-row-code-block .language-bash .token.property,
  .description-row-code-block .language-bash .token.constant,
  .description-row-code-block .language-bash .token.builtin,
  .description-row-code-block .language-javascript .token.property,
  .description-row-code-block .language-javascript .token.constant,
  .description-row-code-block .language-javascript .token.builtin,
  .code-container .language-json .token.property,
  .code-container .language-json .token.constant,
  .code-container .language-json .token.builtin,
  .code-container .language-js .token.property,
  .code-container .language-js .token.constant,
  .code-container .language-js .token.builtin,
  .code-container .language-ruby .token.property,
  .code-container .language-ruby .token.constant,
  .code-container .language-ruby .token.builtin,
  .code-container .language-java .token.property,
  .code-container .language-java .token.constant,
  .code-container .language-java .token.builtin,
  .code-container .language-python .token.property,
  .code-container .language-python .token.constant,
  .code-container .language-python .token.builtin,
  .code-container .language-clike .token.property,
  .code-container .language-clike .token.constant,
  .code-container .language-clike .token.builtin,
  .code-container .language-bash .token.property,
  .code-container .language-bash .token.constant,
  .code-container .language-bash .token.builtin,
  .code-container .language-javascript .token.property,
  .code-container .language-javascript .token.constant,
  .code-container .language-javascript .token.builtin {
    color: #ffaab9; }
  .description-row-code-block .language-json a,
  .description-row-code-block .language-js a,
  .description-row-code-block .language-ruby a,
  .description-row-code-block .language-java a,
  .description-row-code-block .language-python a,
  .description-row-code-block .language-clike a,
  .description-row-code-block .language-bash a,
  .description-row-code-block .language-javascript a,
  .code-container .language-json a,
  .code-container .language-js a,
  .code-container .language-ruby a,
  .code-container .language-java a,
  .code-container .language-python a,
  .code-container .language-clike a,
  .code-container .language-bash a,
  .code-container .language-javascript a {
    color: #abffdb; }
  .description-row-code-block code .token,
  .code-container code .token {
    color: #ffaab9; }
    .description-row-code-block code .token.punctuation, .description-row-code-block code .token.operator,
    .code-container code .token.punctuation,
    .code-container code .token.operator {
      color: #878787; }
    .description-row-code-block code .token.comment,
    .code-container code .token.comment {
      color: #b9b9b9; }
    .description-row-code-block code .token.number, .description-row-code-block code .token.attr-value,
    .code-container code .token.number,
    .code-container code .token.attr-value {
      color: #fce76b; }
    .description-row-code-block code .token.boolean,
    .code-container code .token.boolean {
      color: #ff7885; }
    .description-row-code-block code .token.keyword, .description-row-code-block code .token.tag, .description-row-code-block code .token.attr-name, .description-row-code-block code .token.function,
    .code-container code .token.keyword,
    .code-container code .token.tag,
    .code-container code .token.attr-name,
    .code-container code .token.function {
      color: #63daff; }
  .description-row-code-block code.language-html,
  .code-container code.language-html {
    color: #d4f9ff; }
    .description-row-code-block code.language-html a,
    .code-container code.language-html a {
      color: #ffffff; }
    .description-row-code-block code.language-html .token.tag,
    .code-container code.language-html .token.tag {
      color: #abffdb; }
    .description-row-code-block code.language-html .token.attr-name,
    .code-container code.language-html .token.attr-name {
      color: #63daff; }
    .description-row-code-block code.language-html .token.attr-value,
    .code-container code.language-html .token.attr-value {
      color: #ffffff; }
    .description-row-code-block code.language-html .token.punctuation,
    .code-container code.language-html .token.punctuation {
      left: 0; }
    .description-row-code-block code.language-html .token.string,
    .code-container code.language-html .token.string {
      color: #c6befc; }
  .description-row-code-block code.language-js, .description-row-code-block code.language-node,
  .code-container code.language-js,
  .code-container code.language-node {
    color: #c6befc; }
    .description-row-code-block code.language-js .token.json-string, .description-row-code-block code.language-node .token.json-string,
    .code-container code.language-js .token.json-string,
    .code-container code.language-node .token.json-string {
      color: #abffdb; }
    .description-row-code-block code.language-js .token.keyword, .description-row-code-block code.language-js .token.function, .description-row-code-block code.language-node .token.keyword, .description-row-code-block code.language-node .token.function,
    .code-container code.language-js .token.keyword,
    .code-container code.language-js .token.function,
    .code-container code.language-node .token.keyword,
    .code-container code.language-node .token.function {
      color: #63daff; }
  .description-row-code-block code.language-json .token.json-string,
  .code-container code.language-json .token.json-string {
    color: #b1eefc; }
  .description-row-code-block code.language-json .token.json-key,
  .code-container code.language-json .token.json-key {
    color: #abffdb; }
  .description-row-code-block .line-numbers .line-numbers-rows,
  .code-container .line-numbers .line-numbers-rows {
    background-color: rgba(255, 255, 255, 0.08);
    top: -13px;
    padding-top: 11px;
    font-size: 16px;
    left: -4.35em;
    width: 3.2em;
    /* works for line-numbers below 1000 lines */
    letter-spacing: -1px;
    border-right: none;
    padding-bottom: 16px; }
    .auth .description-row-code-block .line-numbers .line-numbers-rows, .auth
    .code-container .line-numbers .line-numbers-rows {
      padding-bottom: 20px; }
    @media screen and (min-width: 1024px) {
      .code-container--stay-tall .description-row-code-block .line-numbers .line-numbers-rows, .code-container--stay-tall
      .code-container .line-numbers .line-numbers-rows {
        padding-bottom: 82px; } }
  .description-row-code-block .line-numbers-rows > span,
  .code-container .line-numbers-rows > span {
    line-height: 1.5; }
  .description-row-code-block .line-numbers-rows > span:before,
  .code-container .line-numbers-rows > span:before {
    color: #696969; }
  .description-row-code-block pre[class*="language-"].line-numbers,
  .code-container pre[class*="language-"].line-numbers {
    padding-top: 10px;
    padding-bottom: 15px; }
  .description-row-code-block .line-numbers .line-highlight,
  .code-container .line-numbers .line-highlight {
    background: rgba(255, 255, 255, 0.1);
    margin-top: 0; }
  .description-row-code-block .remove-line-numbers.line-numbers .line-numbers-rows > span:first-child:before,
  .code-container .remove-line-numbers.line-numbers .line-numbers-rows > span:first-child:before {
    content: '$'; }
  .description-row-code-block .remove-line-numbers.line-numbers .line-numbers-rows > span:before,
  .code-container .remove-line-numbers.line-numbers .line-numbers-rows > span:before {
    content: '>'; }

.homepage-what-outer {
  overflow: hidden; }

.homepage-what .section-title, .homepage-what .feature-section-label {
  margin-top: 12.6rem; }

.homepage-what .content-carousel-description {
  max-width: 38.4rem; }
  @media screen and (max-width: 639px) {
    .homepage-what .content-carousel-description {
      font-size: 14px; } }

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .homepage-what .section-header {
    font-size: 16px; } }

.homepage-what .homepage-spacer {
  margin-top: 12.6rem; }

.homepage-what .homepage-spacer-1 {
  margin-top: 23rem; }

.homepage-what .homepage-what-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .homepage-what .homepage-what-wrapper > button,
  .homepage-what .homepage-what-wrapper > .button,
  .homepage-what .homepage-what-wrapper > .button-group,
  .homepage-what .homepage-what-wrapper > input,
  .homepage-what .homepage-what-wrapper > textarea,
  .homepage-what .homepage-what-wrapper > select,
  .homepage-what .homepage-what-wrapper > p,
  .homepage-what .homepage-what-wrapper > h1,
  .homepage-what .homepage-what-wrapper > h2,
  .homepage-what .homepage-what-wrapper > h3,
  .homepage-what .homepage-what-wrapper > h4,
  .homepage-what .homepage-what-wrapper > h5,
  .homepage-what .homepage-what-wrapper > h6 {
    margin-bottom: 0;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .homepage-what .homepage-what-wrapper.left {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
            transform: translateX(-20px); }
  .homepage-what .homepage-what-wrapper .homepage-what-code {
    width: 134%;
    position: absolute;
    left: 0;
    bottom: -32px;
    padding: 1.6rem; }
    @media screen and (max-width: 639px) {
      .homepage-what .homepage-what-wrapper .homepage-what-code {
        width: 100%; } }

.what-accent-0 {
  position: absolute;
  top: 160px;
  left: 0;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2); }

.what-accent-1 {
  position: absolute;
  left: -200px;
  top: 0;
  z-index: -1;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9); }

.homepage-mobile .carousel-mobile-media {
  background-color: transparent;
  position: relative; }

.homepage-mobile .what-accent-1 {
  top: -1rem;
  left: 0;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8); }

@media screen and (max-width: 639px) {
  .homepage-mobile .phone-video {
    position: absolute;
    top: -133px;
    left: auto;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.51) translate(36px, 110px); } }

@media screen and (max-width: 639px) {
  .homepage-mobile .simple-carousel-phone-img {
    -webkit-transform: scale(0.6) translate(0, 55px);
        -ms-transform: scale(0.6) translate(0, 55px);
            transform: scale(0.6) translate(0, 55px); } }

.loading-indicator {
  -webkit-animation: rot 1200ms infinite cubic-bezier(0.23, 1.2, 0.32, 1);
  animation: rot 1200ms infinite cubic-bezier(0.23, 1.2, 0.32, 1);
  border-bottom: 2px solid #e3e3e3;
  border-left: 2px solid #e3e3e3;
  border-radius: 100%;
  border-right: 2px solid #e3e3e3;
  border-top: 2px solid #7e7e7e;
  font-size: 100%;
  font: inherit;
  height: 45px;
  left: calc(50% - (45px / 2));
  margin: 0;
  padding: 0;
  position: absolute;
  top: 80%;
  vertical-align: baseline;
  width: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

@keyframes rot {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes rot {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

[data-test*='optimizely_test_experiment'] {
  display: none; }

/**
 * Plaid Exchange page overrides
 */
.plaid-exchange {
  /**
   * Showcase component overrides
   */ }
  .plaid-exchange .showcase__container .cell,
  .plaid-exchange .showcase__container .showcase__exhibit,
  .plaid-exchange .showcase__container .showcase__objects,
  .plaid-exchange .showcase__container .showcase-image {
    height: inherit; }
    @media screen and (max-width: 1023px) {
      .plaid-exchange .showcase__container .cell,
      .plaid-exchange .showcase__container .showcase__exhibit,
      .plaid-exchange .showcase__container .showcase__objects,
      .plaid-exchange .showcase__container .showcase-image {
        height: auto; } }
  .plaid-exchange .showcase__container .showcase__objects,
  .plaid-exchange .showcase__container .showcase-image {
    max-width: 100%;
    margin: 0; }
  .plaid-exchange .showcase__container .showcase-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .plaid-exchange .showcase__container .showcase-image img {
      max-width: 100%; }
    @media screen and (min-width: 640px) and (max-width: 1023px) {
      .plaid-exchange .showcase__container .showcase-image img {
        max-width: 80%; } }

.pricing .pricing-table--with-link .section-header {
  margin-bottom: 1.6rem; }

.pricing .pricing-table-link {
  position: relative;
  z-index: 1; }

.how-we-handle-data .page-header .page-header-header {
  max-width: 500px; }

@media screen and (min-width: 640px) {
  .how-we-handle-data .page-header .button-group .button {
    max-width: 268px; } }

.how-we-handle-data .showcase .inject-me {
  color: black; }

.how-we-handle-data .feature-section-wrapper .feature-section-title {
  max-width: 485px; }

@media screen and (min-width: 640px) {
  .how-we-handle-data .supporting-text-item:nth-child(2) > p {
    max-width: 248px; }
  .how-we-handle-data .supporting-text-item:nth-child(3) > p {
    max-width: 268px; }
  .how-we-handle-data .supporting-text-item:last-child > p {
    max-width: 261px; }
  .how-we-handle-data .features-column-item {
    max-width: 224px; } }

.how-it-works-for-consumers .disclaimer {
  margin: 26rem 0 -5rem;
  z-index: 2;
  position: relative; }
  @media screen and (max-width: 1023px) {
    .how-it-works-for-consumers .disclaimer {
      margin: 1rem 0 5rem; } }

#main-content {
  overflow-x: hidden; }