/*================ Icon Sizes ==================*/
/*============================================================================
  Transitions
==============================================================================*/
/*============================================================================
  Heading sizing
==============================================================================*/
/*============================================================================
  Longform
==============================================================================*/
/*============================================================================
  Grid Requirements:
  * 8 column grid with 2 columns on either side as optional extended grid area
    only visible on larger screens
  * Configurable (ie through something similar to this file)
  * Different grid per breakpoint, ideally defined in isolation inside the
    breakpoint for minimal CSS undo-ing (ie. don't have to undo mobile styles
    once on desktop, vice versa)
  * Supports a mobile-first dev approach, with fallback for IE8
  * Nestable
  * Flexible for how containers react across breakpoints.
    Same container may collapse in different ways on different pages
==============================================================================*/
/*============================================================================
  Grid Measurements
==============================================================================*/
/*
  A note about the page-gutter and item-gutter values: In order to ensure that
  all sections of a page, whether they use the grid system or not, align neatly
  on the left and right edges, the `page-gutter` value needs to account for both
  the "page" gutter and the "item" gutter. Then, on grid containers, we use a
  negative margin to undo that additional item gutter, which then is re-added
  via actual grid items.

  So, `page-gutter` is 98px. This is to account for an 80px "page" gutter, plus
  the 18px "item" gutter. Which has the effort of making all things, whether
  they are inside of grid items or not, sit 98px from the left and right edges
  of the viewport. (These values are actually percentages, but they calculate to
  these pixel values when the viewport is at `max-width` or larger.)
*/
/*============================================================================
  Global Mixins used within page-specific and application stylesheets
==============================================================================*/
/*================ Cross-browser font smoothing ================*/
/*================ Primary fonts ================*/
/*================ Links ================*/
/*============================================================================
  Grid Helpers
==============================================================================*/
/*============================================================================
  Col Generators
==============================================================================*/
/*============================================================================
  Fluid grid @ desktop-up
==============================================================================*/
/*============================================================================
  Sensible Defaults
==============================================================================*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

main {
  display: block;
  background-color: #fff; }

p,
ul,
ol {
  margin: 0;
  padding: 0; }

ul,
ol {
  list-style: none; }

cite {
  font-style: normal; }

h1,
h2,
h3,
h4,
h5 {
  margin-top: 0; }

figure {
  margin-left: 0;
  margin-right: 0; }

audio,
canvas,
img,
video {
  vertical-align: middle; }

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

textarea {
  resize: vertical; }

@media screen and (max-width: 67.4375em) {
  input,
  textarea,
  select {
    font-size: 16px; } }
/*============================================================================
  Generic Helpers
==============================================================================*/
.clearfix::after {
  content: '';
  display: table;
  clear: both; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.showvisuallyhidden,
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*============================================================================
  Animation Helpers
  Force block on elements in transition, useful for transitions ending in display: none
  Used with preparetransition.js
==============================================================================*/
.is-transitioning {
  display: block !important;
  visibility: visible !important; }

/*============================================================================
  Focus Helper
  used only if using JS a11y-helpers to silently move focus on page
==============================================================================*/
.js-focus-hidden:focus {
  outline: none; }

/*============================================================================
  Fast Tap
  enables no-delay taps (FastClick-esque) on supporting browsers
==============================================================================*/
a,
button,
[role="button"],
input,
label,
select,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

/*============================================================================
  Button reset
==============================================================================*/
button {
  background: none;
  margin: 0;
  padding: 0;
  border: 0;
  display: inline-block;
  cursor: pointer;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit; }

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
  padding: 0;
  border: 0; }
button:-moz-focusring,
input[type="button"]:-moz-focusring,
input[type="submit"]:-moz-focusring,
input[type="reset"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

#PageContainer {
  overflow: hidden;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto; }

main {
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  main::after {
    content: '';
    display: table;
    clear: both; }

.page-width {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 30px;
  padding-right: 30px; }
  .page-width::after {
    content: '';
    display: table;
    clear: both; }
  @media screen and (min-width: 67.5em) {
    .page-width {
      width: 990px; } }
  @media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
    .page-width {
      width: 750px; } }

@media screen and (min-width: 67.5em) {
  .page-width--fluid {
    width: 100%;
    max-width: 1230px; } }

@font-face {
  font-family: "ShopifySans";
  src: url("https://web-archive.nli.org.il/National_Library/20170827070107oe_/https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300; }
@font-face {
  font-family: "ShopifySans";
  src: url("https://web-archive.nli.org.il/National_Library/20170827070107oe_/https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "ShopifySans";
  src: url("https://web-archive.nli.org.il/National_Library/20170827070107oe_/https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500; }
@font-face {
  font-family: "ShopifySans";
  src: url("https://web-archive.nli.org.il/National_Library/20170827070107oe_/https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700; }
@font-face {
  font-family: "ShopifySans";
  src: url("https://web-archive.nli.org.il/National_Library/20170827070107oe_/https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900; }
/*============================================================================
  Typography defaults
==============================================================================*/
/*================ Default ================*/
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  background: #dfe3e8;
  font-family: 'ShopifySans', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #212b35;
  font-weight: 400; }

.heading--jumbo {
  font-size: 2.25em;
  margin-bottom: 0.55556em; }
  @media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
    .heading--jumbo {
      font-size: 2.25em;
      margin-bottom: 0.55556em; } }
  @media screen and (min-width: 67.5em) {
    .heading--jumbo {
      font-size: 3.75em;
      margin-bottom: 0.4em; } }

h1,
.heading--1 {
  -webkit-font-kerning: normal;
          font-kerning: normal;
  -webkit-font-variant-ligatures: common-ligatures, contextual, discretionary-ligatures;
          font-variant-ligatures: common-ligatures, contextual, discretionary-ligatures;
  -webkit-font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
          font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-bottom: 0.71429em;
  color: #212b35;
  font-size: 1.75em;
  line-height: 1.222;
  font-weight: 700;
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
  letter-spacing: -0.025em; }
  @media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
    h1,
    .heading--1 {
      font-size: 1.75em;
      margin-bottom: 0.41667em; } }
  @media screen and (min-width: 67.5em) {
    h1,
    .heading--1 {
      font-size: 3em;
      margin-bottom: 0.25em; } }

h2,
.heading--2 {
  -webkit-font-kerning: normal;
          font-kerning: normal;
  -webkit-font-variant-ligatures: common-ligatures, contextual, discretionary-ligatures;
          font-variant-ligatures: common-ligatures, contextual, discretionary-ligatures;
  -webkit-font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
          font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-bottom: 0.83333em;
  color: #212b35;
  font-size: 1.5em;
  line-height: 1.222;
  font-weight: 700;
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif; }
  @media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
    h2,
    .heading--2 {
      font-size: 1.5em;
      margin-bottom: 0.83333em; } }
  @media screen and (min-width: 67.5em) {
    h2,
    .heading--2 {
      font-size: 2.25em;
      margin-bottom: 0.5em; } }

h3,
.heading--3,
.marketing-markdown h2,
article h2,
.article h2 {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  display: block;
  font-size: 1.25em;
  margin-bottom: 0.9em;
  color: #212b35;
  line-height: 1.222;
  font-weight: 700;
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif; }
  @media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
    h3,
    .heading--3,
    .marketing-markdown h2,
    article h2,
    .article h2 {
      font-size: 1.25em;
      margin-bottom: 0.9em; } }
  @media screen and (min-width: 67.5em) {
    h3,
    .heading--3,
    .marketing-markdown h2,
    article h2,
    .article h2 {
      font-size: 1.5em;
      margin-bottom: 0.83333em; } }

h4,
.heading--4,
.marketing-markdown h3,
article h3,
.article h3 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-bottom: 1.25em;
  color: #212b35;
  font-size: 1em;
  line-height: 1.222;
  font-weight: 700;
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif; }
  @media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
    h4,
    .heading--4,
    .marketing-markdown h3,
    article h3,
    .article h3 {
      font-size: 1em;
      margin-bottom: 1.25em; } }
  @media screen and (min-width: 67.5em) {
    h4,
    .heading--4,
    .marketing-markdown h3,
    article h3,
    .article h3 {
      font-size: 1.125em;
      margin-bottom: 1.11111em; } }

h5,
.heading--5 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-bottom: 1.42857em;
  color: #212b35;
  font-size: 0.875em;
  line-height: 1.222;
  font-weight: 700;
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
    h5,
    .heading--5 {
      font-size: 0.875em;
      margin-bottom: 1.42857em; } }
  @media screen and (min-width: 67.5em) {
    h5,
    .heading--5 {
      font-size: 0.875em;
      margin-bottom: 1.42857em; } }

a {
  text-decoration: none;
  cursor: pointer;
  color: #5e6ebf; }

/*============================================================================
  Body Copy
==============================================================================*/
.text-minor, .marketing-markdown figcaption, article figcaption,
.article figcaption {
  font-size: 0.75em; }

.text-major {
  font-size: 1.125em; }
  @media screen and (min-width: 67.5em) {
    .text-major {
      font-size: 1.25em; } }

.body-link {
  color: #5e6ebf;
  text-decoration: underline;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
  -webkit-transition: color 150ms;
  transition: color 150ms; }
  .body-link:hover, .body-link:focus {
    color: #485ab6; }
  .body-link:focus {
    outline: 0;
    background-color: rgba(94, 110, 191, 0.125); }

.body-link--base {
  color: #212b35;
  text-decoration: underline;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
  -webkit-transition: color 150ms;
  transition: color 150ms; }
  .body-link--base:hover, .body-link--base:focus {
    color: #151c22; }
  .body-link--base:focus {
    outline: 0;
    background-color: rgba(33, 43, 53, 0.125); }

.body-link--reverse {
  color: #fff;
  text-decoration: underline;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
  -webkit-transition: color 150ms;
  transition: color 150ms; }
  .body-link--reverse:hover, .body-link--reverse:focus {
    color: #f0f0f0; }
  .body-link--reverse:focus {
    outline: 0;
    background-color: rgba(255, 255, 255, 0.125); }

.body-link--blue {
  color: #206882;
  text-decoration: underline;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
  -webkit-transition: color 150ms;
  transition: color 150ms; }
  .body-link--blue:hover, .body-link--blue:focus {
    color: #1a5469; }
  .body-link--blue:focus {
    outline: 0;
    background-color: rgba(32, 104, 130, 0.125); }

main p,
main ul,
main ol {
  margin-bottom: 0.9375em;
  line-height: 1.5;
  font-size: 1em; }
main p > a {
  color: #5e6ebf;
  text-decoration: underline;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
  -webkit-transition: color 150ms;
  transition: color 150ms; }
  main p > a:hover, main p > a:focus {
    color: #485ab6; }
  main p > a:focus {
    outline: 0;
    background-color: rgba(94, 110, 191, 0.125); }

.marketing-quote {
  margin: 30px 0; }

.marketing-quote__content {
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  margin: 0;
  padding: 0.66667em 0 0.66667em 30px;
  font-size: 1.5em;
  color: #000;
  border-left: solid 2px #dfe3e8; }

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

.heading-container, .page-header {
  text-align: center; }

.section-intro {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-width: 1px 0;
  padding: 2.25em 0; }
  .section-intro::after {
    content: '';
    display: table;
    clear: both; }

/*============================================================================
  Lists
==============================================================================*/
.numbered-list {
  list-style: decimal;
  list-style-position: outside;
  margin-left: 2.5em; }
  .numbered-list li {
    margin-bottom: 0.5em; }

.bulleted-list {
  list-style: disc;
  list-style-position: outside;
  margin-left: 1.25em; }
  .bulleted-list li {
    margin-bottom: 0.5em; }

/*============================================================================
  Marketing Grid
==============================================================================*/
/*================ Grid Container ================*/
.grid-container {
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .grid-container::after {
    content: '';
    display: table;
    clear: both; }

@media screen and (min-width: 46.875em) {
  .grid-container--equal-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media screen and (min-width: 67.5em) {
  .grid-8 {
    width: 930px; }

  .grid-push-8 {
    margin-left: 960px; }

  .grid-7 {
    width: 810px;
    margin-right: 30px; }

  .grid-push-7 {
    margin-left: 840px; }

  .grid-6 {
    width: 690px;
    margin-right: 30px; }

  .grid-push-6 {
    margin-left: 720px; }

  .grid-5 {
    width: 570px;
    margin-right: 30px; }

  .grid-push-5 {
    margin-left: 600px; }

  .grid-4 {
    width: 450px;
    margin-right: 30px; }

  .grid-push-4 {
    margin-left: 480px; }

  .grid-3 {
    width: 330px;
    margin-right: 30px; }

  .grid-push-3 {
    margin-left: 360px; }

  .grid-2 {
    width: 210px;
    margin-right: 30px; }

  .grid-push-2 {
    margin-left: 240px; }

  .grid-1 {
    width: 90px;
    margin-right: 30px; }

  .grid-push-1 {
    margin-left: 120px; } }
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
  .grid-8 {
    width: 690px; }

  .grid-push-8 {
    margin-left: 720px; }

  .grid-7 {
    width: 600px;
    margin-right: 30px; }

  .grid-push-7 {
    margin-left: 630px; }

  .grid-6 {
    width: 510px;
    margin-right: 30px; }

  .grid-push-6 {
    margin-left: 540px; }

  .grid-5 {
    width: 420px;
    margin-right: 30px; }

  .grid-push-5 {
    margin-left: 450px; }

  .grid-4 {
    width: 330px;
    margin-right: 30px; }

  .grid-push-4 {
    margin-left: 360px; }

  .grid-3 {
    width: 240px;
    margin-right: 30px; }

  .grid-push-3 {
    margin-left: 270px; }

  .grid-2 {
    width: 150px;
    margin-right: 30px; }

  .grid-push-2 {
    margin-left: 180px; }

  .grid-1 {
    width: 60px;
    margin-right: 30px; }

  .grid-push-1 {
    margin-left: 90px; } }
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
  .grid--tablet-8 {
    width: 690px; }

  .grid--tablet-push-8 {
    margin-left: 720px; }

  .grid--tablet-7 {
    width: 600px;
    margin-right: 30px; }

  .grid--tablet-push-7 {
    margin-left: 630px; }

  .grid--tablet-6 {
    width: 510px;
    margin-right: 30px; }

  .grid--tablet-push-6 {
    margin-left: 540px; }

  .grid--tablet-5 {
    width: 420px;
    margin-right: 30px; }

  .grid--tablet-push-5 {
    margin-left: 450px; }

  .grid--tablet-4 {
    width: 330px;
    margin-right: 30px; }

  .grid--tablet-push-4 {
    margin-left: 360px; }

  .grid--tablet-3 {
    width: 240px;
    margin-right: 30px; }

  .grid--tablet-push-3 {
    margin-left: 270px; }

  .grid--tablet-2 {
    width: 150px;
    margin-right: 30px; }

  .grid--tablet-push-2 {
    margin-left: 180px; }

  .grid--tablet-1 {
    width: 60px;
    margin-right: 30px; }

  .grid--tablet-push-1 {
    margin-left: 90px; } }
/*================ Grid Item ================*/
.grid-item {
  float: left;
  position: relative;
  /*================ Grid Wrapper Helpers ================*/
  /*================ Mobile Grid ================*/ }
  @media screen and (min-width: 46.875em) {
    .grid-container--halves .grid-item:nth-child(2n) {
      margin-right: 0; }
    .grid-container--halves .grid-item:nth-child(2n+1) {
      clear: left; }
    .grid-container--thirds .grid-item:nth-child(3n) {
      margin-right: 0; }
    .grid-container--thirds .grid-item:nth-child(3n+1) {
      clear: left; }
    .grid-container--quarters .grid-item:nth-child(4n) {
      margin-right: 0; }
    .grid-container--quarters .grid-item:nth-child(4n+1) {
      clear: left; }
    .grid-container--eights .grid-item:nth-child(8n) {
      margin-right: 0; }
    .grid-container--eights .grid-item:nth-child(8n+1) {
      clear: left; } }
  @media screen and (max-width: 46.8125em) {
    .grid-item {
      float: none; }
      .grid-item.grid--mobile {
        float: left;
        display: block;
        margin-right: 6.66667%;
        width: 46.66667%;
        float: left; }
        .grid-item.grid--mobile:last-child {
          margin-right: 0; }
        .grid-item.grid--mobile:nth-child(2n) {
          margin-right: 0; }
        .grid-item.grid--mobile:nth-child(2n+1) {
          clear: left; }
      .grid-item.grid--mobile.grid--last + .grid-item {
        clear: none; } }

/*================ Grid Row Clearing ================*/
.grid--last {
  margin-right: 0 !important; }
  .grid--last + .grid-item {
    clear: both; }

/*================ Fluid Grid ================*/
@media screen and (min-width: 46.875em) {
  .grid-item--fluid__quarter {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 22.58065%; }
    .grid-item--fluid__quarter:last-child {
      margin-right: 0; }

  .grid-item--fluid__third {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%; }
    .grid-item--fluid__third:last-child {
      margin-right: 0; }

  .grid-item--fluid__two-thirds {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 65.95745%; }
    .grid-item--fluid__two-thirds:last-child {
      margin-right: 0; }

  .grid-item--fluid__half {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 48.3871%; }
    .grid-item--fluid__half:last-child {
      margin-right: 0; } }
/*================ Extended Grid ================*/
@media screen and (min-width: 67.5em) {
  .grid-container--wide {
    width: 1440px;
    padding-left: 255px;
    padding-right: 255px;
    margin-left: -255px; }

  .grid-item--wide.grid-8, .grid-8.grid--wide-right,
  .grid-8.grid--wide-left {
    width: 1185px; }
  .grid-item--wide.grid-7, .grid-7.grid--wide-right,
  .grid-7.grid--wide-left {
    width: 1065px; }
  .grid-item--wide.grid-6, .grid-6.grid--wide-right,
  .grid-6.grid--wide-left {
    width: 945px; }
  .grid-item--wide.grid-5, .grid-5.grid--wide-right,
  .grid-5.grid--wide-left {
    width: 825px; }
  .grid-item--wide.grid-4, .grid-4.grid--wide-right,
  .grid-4.grid--wide-left {
    width: 705px; }
  .grid-item--wide.grid-3, .grid-3.grid--wide-right,
  .grid-3.grid--wide-left {
    width: 585px; }
  .grid-item--wide.grid-2, .grid-2.grid--wide-right,
  .grid-2.grid--wide-left {
    width: 465px; }
  .grid-item--wide.grid-1, .grid-1.grid--wide-right,
  .grid-1.grid--wide-left {
    width: 345px; }

  .grid--wide-left {
    margin-left: -255px; }

  .grid--wide-right {
    margin-right: -255px; } }
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
  .grid--wide-right {
    margin-right: 0; } }
/*================ Flush Grid ================*/
@media screen and (min-width: 46.875em) {
  .grid-item--flush-half {
    width: 50%; }

  .grid-item--flush-third {
    width: 33.33333%; }

  .grid-item--flush-quarter {
    width: 25%; } }
/*================ Bordered Grid ================*/
.grid-item--bordered {
  border-bottom: 1px solid #dfe3e8; }
  @media screen and (max-width: 46.8125em) {
    .grid-item--bordered:last-child {
      border-bottom: 0; } }
  @media screen and (min-width: 46.875em) {
    .grid-item--bordered {
      border-right: 1px solid #dfe3e8; }
      .grid-container--thirds .grid-item--bordered:nth-child(3n) {
        border-right: 0; }
      .grid-container--thirds .grid-item--bordered:nth-last-child(-n+3) {
        border-bottom: 0; }
      .grid-container--quarters .grid-item--bordered:nth-child(4n) {
        border-right: 0; }
      .grid-container--quarters .grid-item--bordered:nth-last-child(-n+4) {
        border-bottom: 0; }
      .grid-container--halves .grid-item--bordered:nth-child(2n) {
        border-right: 0; }
      .grid-container--halves .grid-item--bordered:nth-last-child(-n+2) {
        border-bottom: 0; } }

/*================ Grid items with bottom margin ================*/
@media screen and (min-width: 46.875em) {
  .grid-item--margin-bottom {
    margin-bottom: 1.875em; } }

/*================ Content Grid ================*/
@media screen and (min-width: 67.5em) {
  .grid-content-10 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .grid-content-10:last-child {
      margin-right: 0; }

  .grid-content-push-10 {
    margin-left: 102.5641%; }

  .grid-content-9 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 89.74359%; }
    .grid-content-9:last-child {
      margin-right: 0; }

  .grid-content-push-9 {
    margin-left: 92.30769%; }

  .grid-content-8 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 79.48718%; }
    .grid-content-8:last-child {
      margin-right: 0; }

  .grid-content-push-8 {
    margin-left: 82.05128%; }

  .grid-content-7 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 69.23077%; }
    .grid-content-7:last-child {
      margin-right: 0; }

  .grid-content-push-7 {
    margin-left: 71.79487%; }

  .grid-content-6 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 58.97436%; }
    .grid-content-6:last-child {
      margin-right: 0; }

  .grid-content-push-6 {
    margin-left: 61.53846%; }

  .grid-content-5 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 48.71795%; }
    .grid-content-5:last-child {
      margin-right: 0; }

  .grid-content-push-5 {
    margin-left: 51.28205%; }

  .grid-content-4 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 38.46154%; }
    .grid-content-4:last-child {
      margin-right: 0; }

  .grid-content-push-4 {
    margin-left: 41.02564%; }

  .grid-content-3 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 28.20513%; }
    .grid-content-3:last-child {
      margin-right: 0; }

  .grid-content-push-3 {
    margin-left: 30.76923%; }

  .grid-content-2 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 17.94872%; }
    .grid-content-2:last-child {
      margin-right: 0; }

  .grid-content-push-2 {
    margin-left: 20.51282%; }

  .grid-content-1 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 7.69231%; }
    .grid-content-1:last-child {
      margin-right: 0; }

  .grid-content-push-1 {
    margin-left: 10.25641%; }

  .grid-content--desktop-push-1 {
    margin-left: 10.25641%; }

  .grid-content--desktop-push-2 {
    margin-left: 20.51282%; } }
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
  .grid-content-10 {
    width: 690px; }

  .grid-content-push-10 {
    margin-left: 720px; }

  .grid-content-9 {
    width: 618px;
    margin-right: 30px; }

  .grid-content-push-9 {
    margin-left: 648px; }

  .grid-content-8 {
    width: 546px;
    margin-right: 30px; }

  .grid-content-push-8 {
    margin-left: 576px; }

  .grid-content-7 {
    width: 474px;
    margin-right: 30px; }

  .grid-content-push-7 {
    margin-left: 504px; }

  .grid-content-6 {
    width: 402px;
    margin-right: 30px; }

  .grid-content-push-6 {
    margin-left: 432px; }

  .grid-content-5 {
    width: 330px;
    margin-right: 30px; }

  .grid-content-push-5 {
    margin-left: 360px; }

  .grid-content-4 {
    width: 258px;
    margin-right: 30px; }

  .grid-content-push-4 {
    margin-left: 288px; }

  .grid-content-3 {
    width: 186px;
    margin-right: 30px; }

  .grid-content-push-3 {
    margin-left: 216px; }

  .grid-content-2 {
    width: 114px;
    margin-right: 30px; }

  .grid-content-push-2 {
    margin-left: 144px; }

  .grid-content-1 {
    width: 42px;
    margin-right: 30px; }

  .grid-content-push-1 {
    margin-left: 72px; }

  .grid-content--tablet-10 {
    width: 690px; }

  .grid-content--tablet-push-10 {
    margin-left: 720px; }

  .grid-content--tablet-9 {
    width: 618px;
    margin-right: 30px; }

  .grid-content--tablet-push-9 {
    margin-left: 648px; }

  .grid-content--tablet-8 {
    width: 546px;
    margin-right: 30px; }

  .grid-content--tablet-push-8 {
    margin-left: 576px; }

  .grid-content--tablet-7 {
    width: 474px;
    margin-right: 30px; }

  .grid-content--tablet-push-7 {
    margin-left: 504px; }

  .grid-content--tablet-6 {
    width: 402px;
    margin-right: 30px; }

  .grid-content--tablet-push-6 {
    margin-left: 432px; }

  .grid-content--tablet-5 {
    width: 330px;
    margin-right: 30px; }

  .grid-content--tablet-push-5 {
    margin-left: 360px; }

  .grid-content--tablet-4 {
    width: 258px;
    margin-right: 30px; }

  .grid-content--tablet-push-4 {
    margin-left: 288px; }

  .grid-content--tablet-3 {
    width: 186px;
    margin-right: 30px; }

  .grid-content--tablet-push-3 {
    margin-left: 216px; }

  .grid-content--tablet-2 {
    width: 114px;
    margin-right: 30px; }

  .grid-content--tablet-push-2 {
    margin-left: 144px; }

  .grid-content--tablet-1 {
    width: 42px;
    margin-right: 30px; }

  .grid-content--tablet-push-1 {
    margin-left: 72px; } }
.grid {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 6.125%;
  padding-right: 6.125%; }
  .grid::after {
    content: '';
    display: table;
    clear: both; }
  .grid::after {
    content: '';
    display: table;
    clear: both; }

.grid--bleed {
  padding-left: 0;
  padding-right: 0; }

.grid__inner {
  margin-left: -1.46103%;
  margin-right: -1.46103%; }

.grid--equal-height > .grid__inner,
.grid--vertically-centered > .grid__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.grid--vertically-centered > .grid__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.grid__item {
  position: relative;
  width: 100%;
  float: left;
  padding-left: 1.28205%;
  padding-right: 1.28205%; }

.grid__item--mobile-up-1 {
  width: 25%; }

.grid__item--mobile-up-2 {
  width: 50%; }

.grid__item--mobile-up-3 {
  width: 75%; }

.grid__item--mobile-up-4 {
  width: 100%; }

.grid__item--mobile-up-half {
  width: 50%; }

.grid__item--mobile-up-third {
  width: 33.33333%; }

.grid__item--mobile-up-two-thirds {
  width: 66.66667%; }

.grid__item--mobile-up-quarter {
  width: 25%; }

.grid__item--mobile-up-three-quarters {
  width: 75%; }

.grid__item--centered-mobile-up {
  float: none;
  clear: left;
  margin-left: auto;
  margin-right: auto; }

.grid__item--mobile-up-offset-1 {
  margin-left: 25%; }

.grid__item--mobile-up-offset-2 {
  margin-left: 50%; }

.grid__item--mobile-up-push-1 {
  left: 25%; }

.grid__item--mobile-up-pull-1 {
  right: 25%; }

.grid__item--mobile-up-push-2 {
  left: 50%; }

.grid__item--mobile-up-pull-2 {
  right: 50%; }

.grid__item--mobile-up-push-3 {
  left: 75%; }

.grid__item--mobile-up-pull-3 {
  right: 75%; }

.grid__item--mobile-up-push-4 {
  left: 100%; }

.grid__item--mobile-up-pull-4 {
  right: 100%; }

[class*='grid__item--mobile-up-push'] {
  right: auto; }

[class*='grid__item--mobile-up-pull'] {
  left: auto; }

@media screen and (min-width: 46.875em) {
  .grid__item--tablet-up-1 {
    width: 16.66667%; }

  .grid__item--tablet-up-2 {
    width: 33.33333%; }

  .grid__item--tablet-up-3 {
    width: 50%; }

  .grid__item--tablet-up-4 {
    width: 66.66667%; }

  .grid__item--tablet-up-5 {
    width: 83.33333%; }

  .grid__item--tablet-up-6 {
    width: 100%; }

  .grid__item--tablet-up-half {
    width: 50%; }

  .grid__item--tablet-up-third {
    width: 33.33333%; }

  .grid__item--tablet-up-two-thirds {
    width: 66.66667%; }

  .grid__item--tablet-up-quarter {
    width: 25%; }

  .grid__item--tablet-up-three-quarters {
    width: 75%; }

  .grid__item--centered-tablet-up {
    float: none;
    clear: left;
    margin-left: auto;
    margin-right: auto; }

  .grid__item--tablet-up-offset-1 {
    margin-left: 16.66667%; }

  .grid__item--tablet-up-offset-2 {
    margin-left: 33.33333%; }

  .grid__item--tablet-up-offset-3 {
    margin-left: 50%; }

  .grid__item--tablet-up-push-reset {
    left: inherit; }

  .grid__item--tablet-up-pull-reset {
    right: inherit; }

  .grid__item--tablet-up-push-1 {
    left: 16.66667%; }

  .grid__item--tablet-up-pull-1 {
    right: 16.66667%; }

  .grid__item--tablet-up-push-2 {
    left: 33.33333%; }

  .grid__item--tablet-up-pull-2 {
    right: 33.33333%; }

  .grid__item--tablet-up-push-3 {
    left: 50%; }

  .grid__item--tablet-up-pull-3 {
    right: 50%; }

  .grid__item--tablet-up-push-4 {
    left: 66.66667%; }

  .grid__item--tablet-up-pull-4 {
    right: 66.66667%; }

  .grid__item--tablet-up-push-5 {
    left: 83.33333%; }

  .grid__item--tablet-up-pull-5 {
    right: 83.33333%; }

  .grid__item--tablet-up-push-6 {
    left: 100%; }

  .grid__item--tablet-up-pull-6 {
    right: 100%; }

  [class*='grid__item--tablet-up-push'] {
    right: auto; }

  [class*='grid__item--tablet-up-pull'] {
    left: auto; } }
@media screen and (min-width: 67.5em) {
  .grid__item--desktop-up-1 {
    width: 8.33333%; }

  .grid__item--desktop-up-2 {
    width: 16.66667%; }

  .grid__item--desktop-up-3 {
    width: 25%; }

  .grid__item--desktop-up-4 {
    width: 33.33333%; }

  .grid__item--desktop-up-5 {
    width: 41.66667%; }

  .grid__item--desktop-up-6 {
    width: 50%; }

  .grid__item--desktop-up-7 {
    width: 58.33333%; }

  .grid__item--desktop-up-8 {
    width: 66.66667%; }

  .grid__item--desktop-up-9 {
    width: 75%; }

  .grid__item--desktop-up-10 {
    width: 83.33333%; }

  .grid__item--desktop-up-11 {
    width: 91.66667%; }

  .grid__item--desktop-up-12 {
    width: 100%; }

  .grid__item--desktop-up-half {
    width: 50%; }

  .grid__item--desktop-up-third {
    width: 33.33333%; }

  .grid__item--desktop-up-two-thirds {
    width: 66.66667%; }

  .grid__item--desktop-up-quarter {
    width: 25%; }

  .grid__item--desktop-up-three-quarters {
    width: 75%; }

  .grid__item--centered-desktop-up {
    float: none;
    clear: left;
    margin-left: auto;
    margin-right: auto; }

  .grid__item--desktop-up-offset-1 {
    margin-left: 8.33333%; }

  .grid__item--desktop-up-offset-2 {
    margin-left: 16.66667%; }

  .grid__item--desktop-up-offset-3 {
    margin-left: 25%; }

  .grid__item--desktop-up-offset-4 {
    margin-left: 33.33333%; }

  .grid__item--desktop-up-offset-5 {
    margin-left: 41.66667%; }

  .grid__item--desktop-up-offset-6 {
    margin-left: 50%; }

  .grid__item--desktop-up-push-reset {
    left: inherit; }

  .grid__item--desktop-up-pull-reset {
    right: inherit; }

  .grid__item--desktop-up-push-1 {
    left: 8.33333%; }

  .grid__item--desktop-up-pull-1 {
    right: 8.33333%; }

  .grid__item--desktop-up-push-2 {
    left: 16.66667%; }

  .grid__item--desktop-up-pull-2 {
    right: 16.66667%; }

  .grid__item--desktop-up-push-3 {
    left: 25%; }

  .grid__item--desktop-up-pull-3 {
    right: 25%; }

  .grid__item--desktop-up-push-4 {
    left: 33.33333%; }

  .grid__item--desktop-up-pull-4 {
    right: 33.33333%; }

  .grid__item--desktop-up-push-5 {
    left: 41.66667%; }

  .grid__item--desktop-up-pull-5 {
    right: 41.66667%; }

  .grid__item--desktop-up-push-6 {
    left: 50%; }

  .grid__item--desktop-up-pull-6 {
    right: 50%; }

  .grid__item--desktop-up-push-7 {
    left: 58.33333%; }

  .grid__item--desktop-up-pull-7 {
    right: 58.33333%; }

  .grid__item--desktop-up-push-8 {
    left: 66.66667%; }

  .grid__item--desktop-up-pull-8 {
    right: 66.66667%; }

  .grid__item--desktop-up-push-9 {
    left: 75%; }

  .grid__item--desktop-up-pull-9 {
    right: 75%; }

  .grid__item--desktop-up-push-10 {
    left: 83.33333%; }

  .grid__item--desktop-up-pull-10 {
    right: 83.33333%; }

  .grid__item--desktop-up-push-11 {
    left: 91.66667%; }

  .grid__item--desktop-up-pull-11 {
    right: 91.66667%; }

  .grid__item--desktop-up-push-12 {
    left: 100%; }

  .grid__item--desktop-up-pull-12 {
    right: 100%; }

  [class*='grid__item--desktop-up-push'] {
    right: auto; }

  [class*='grid__item--desktop-up-pull'] {
    left: auto; } }
/*================ Building Blocks ================*/
.marketing-button, .marketing-nav__button {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #5e6ebf;
  color: #fff;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  display: inline-block;
  padding: 1.0625em 1.875em;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  border-radius: 5px;
  color: #fff;
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.133;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 150ms ease;
  transition: 150ms ease;
  -webkit-transition-property: background-color border-color color;
  transition-property: background-color border-color color;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer; }
  .marketing-button:hover, .marketing-nav__button:hover, .marketing-button:focus, .marketing-nav__button:focus {
    background-color: #223274;
    color: #fff; }
  .marketing-button:active, .marketing-nav__button:active {
    background-color: #010a37;
    color: #fff;
    border-color: #010a37; }
  .marketing-button:hover, .marketing-nav__button:hover {
    -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25); }
  .marketing-button:focus, .marketing-nav__button:focus {
    -webkit-box-shadow: 0 0 0.1875em 0.1875em rgba(94, 110, 191, 0.5);
            box-shadow: 0 0 0.1875em 0.1875em rgba(94, 110, 191, 0.5); }
  .marketing-button, .marketing-nav__button, .marketing-button:hover, .marketing-nav__button:hover, .marketing-button:focus, .marketing-nav__button:focus {
    text-decoration: none; }
  .marketing-button:focus, .marketing-nav__button:focus {
    outline: 0; }
  @media screen and (min-width: 46.875em) {
    .marketing-button + .marketing-button, .marketing-nav__button + .marketing-button, .marketing-button + .marketing-nav__button, .marketing-nav__button + .marketing-nav__button {
      margin-left: 15px; } }
  .marketing-button[disabled], [disabled].marketing-nav__button, .marketing-form--is-loading .marketing-button, .marketing-form--is-loading .marketing-nav__button {
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #919ea9;
    color: #fff;
    cursor: not-allowed; }
    .marketing-button[disabled]:hover, [disabled].marketing-nav__button:hover, .marketing-button[disabled]:focus, [disabled].marketing-nav__button:focus, .marketing-form--is-loading .marketing-button:hover, .marketing-form--is-loading .marketing-nav__button:hover, .marketing-form--is-loading .marketing-button:focus, .marketing-form--is-loading .marketing-nav__button:focus {
      background-color: #808f9c;
      color: #fff; }
    .marketing-button[disabled]:active, [disabled].marketing-nav__button:active, .marketing-form--is-loading .marketing-button:active, .marketing-form--is-loading .marketing-nav__button:active {
      background-color: #748593;
      color: #fff; }
    .marketing-button[disabled]:hover, [disabled].marketing-nav__button:hover, .marketing-form--is-loading .marketing-button:hover, .marketing-form--is-loading .marketing-nav__button:hover {
      -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
              box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25); }
    .marketing-button[disabled]:focus, [disabled].marketing-nav__button:focus, .marketing-form--is-loading .marketing-button:focus, .marketing-form--is-loading .marketing-nav__button:focus {
      -webkit-box-shadow: 0 0 0.1875em 0.1875em rgba(145, 158, 169, 0.5);
              box-shadow: 0 0 0.1875em 0.1875em rgba(145, 158, 169, 0.5); }
    .marketing-button[disabled]:hover, [disabled].marketing-nav__button:hover, .marketing-button[disabled]:focus, [disabled].marketing-nav__button:focus, .marketing-button[disabled]:active, [disabled].marketing-nav__button:active, .marketing-form--is-loading .marketing-button:hover, .marketing-form--is-loading .marketing-nav__button:hover, .marketing-form--is-loading .marketing-button:focus, .marketing-form--is-loading .marketing-nav__button:focus, .marketing-form--is-loading .marketing-button:active, .marketing-form--is-loading .marketing-nav__button:active {
      background-color: #919ea9; }
  .marketing-form--is-loading button.marketing-button, .marketing-form--is-loading button.marketing-nav__button {
    position: relative; }
    .marketing-form--is-loading button.marketing-button, .marketing-form--is-loading button.marketing-nav__button, .marketing-form--is-loading button.marketing-button:hover, .marketing-form--is-loading button.marketing-nav__button:hover, .marketing-form--is-loading button.marketing-button:focus, .marketing-form--is-loading button.marketing-nav__button:focus {
      color: #919ea9; }
    .marketing-form--is-loading button.marketing-button::after, .marketing-form--is-loading button.marketing-nav__button::after {
      content: '';
      display: block;
      width: 24px;
      height: 24px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -12px;
      margin-top: -12px;
      border-radius: 50%;
      border: 3px solid #fff;
      border-top-color: transparent;
      -webkit-animation: spin 1s infinite linear;
              animation: spin 1s infinite linear; }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
.marketing-button--teal {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #53c1bd;
  color: #fff; }
  .marketing-button--teal:hover, .marketing-button--teal:focus {
    background-color: #1d848c;
    color: #fff; }
  .marketing-button--teal:active {
    background-color: #063136;
    color: #fff; }
  .marketing-button--teal:hover {
    -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25); }
  .marketing-button--teal:focus {
    -webkit-box-shadow: 0 0 0.1875em 0.1875em rgba(83, 193, 189, 0.5);
            box-shadow: 0 0 0.1875em 0.1875em rgba(83, 193, 189, 0.5); }

.marketing-button--salmon {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #fb8b8a;
  color: #fff; }
  .marketing-button--salmon:hover, .marketing-button--salmon:focus {
    background-color: #a65c5b;
    color: #fff; }
  .marketing-button--salmon:active {
    background-color: #452626;
    color: #fff; }
  .marketing-button--salmon:hover {
    -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25); }
  .marketing-button--salmon:focus {
    -webkit-box-shadow: 0 0 0.1875em 0.1875em rgba(251, 139, 138, 0.5);
            box-shadow: 0 0 0.1875em 0.1875em rgba(251, 139, 138, 0.5); }

.marketing-button--lowlight {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #30373b;
  color: #fff; }
  .marketing-button--lowlight:hover, .marketing-button--lowlight:focus {
    background-color: #22272a;
    color: #fff; }
  .marketing-button--lowlight:active {
    background-color: #191d1f;
    color: #fff; }
  .marketing-button--lowlight:hover {
    -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25); }
  .marketing-button--lowlight:focus {
    -webkit-box-shadow: 0 0 0.1875em 0.1875em rgba(48, 55, 59, 0.5);
            box-shadow: 0 0 0.1875em 0.1875em rgba(48, 55, 59, 0.5); }

.marketing-button--light {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  color: #000; }
  .marketing-button--light:hover, .marketing-button--light:focus {
    background-color: #f0f0f0;
    color: #000; }
  .marketing-button--light:active {
    background-color: #e6e6e6;
    color: #000; }
  .marketing-button--light:hover {
    -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25); }
  .marketing-button--light:focus {
    -webkit-box-shadow: 0 0 0.1875em 0.1875em rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0.1875em 0.1875em rgba(255, 255, 255, 0.5); }

.marketing-button--secondary {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  color: #5e6ebf;
  border-width: 0.125em;
  border-style: solid;
  border-color: #5e6ebf;
  padding: 1em 1.75em; }
  .marketing-button--secondary:hover, .marketing-button--secondary:focus {
    background-color: #5e6ebf;
    color: #fff; }
  .marketing-button--secondary:active {
    background-color: #223274;
    color: #fff;
    border-color: #223274; }
  .marketing-button--secondary:hover {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .marketing-button--secondary:focus {
    -webkit-box-shadow: 0 0 0.1875em 0.1875em rgba(94, 110, 191, 0.5);
            box-shadow: 0 0 0.1875em 0.1875em rgba(94, 110, 191, 0.5); }

.marketing-button--small, .marketing-nav__button {
  padding: 0.8125em 1.875em; }
  .marketing-button--small.marketing-button--secondary, .marketing-button--secondary.marketing-nav__button {
    padding: 0.6875em 1.75em; }

.marketing-button--block {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.marketing-button--reset {
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
  color: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.marketing-button--pill {
  padding-top: 0.3125em;
  padding-bottom: 0.3125em;
  border-radius: 1.875em; }

/*============================================================================
  Form elements
==============================================================================*/
@media screen and (min-width: 46.875em) {
  .marketing-form--inline {
    text-align: center; } }
.marketing-form--inline .marketing-input-wrapper {
  text-align: left; }
  @media screen and (min-width: 46.875em) {
    .marketing-form--inline .marketing-input-wrapper {
      margin-bottom: 0; } }

.marketing-form--inline__heading {
  text-align: center; }

.marketing-form--lowlight .marketing-radio-label,
.marketing-form--lowlight .marketing-checkbox-label {
  color: #fff; }

.marketing-form__hidden-on-success.js-is-hidden {
  display: none; }

.marketing-form__fallback-cta {
  color: #454f5b; }

/*============================================================================
  Form inputs
==============================================================================*/
.marketing-input-wrapper {
  position: relative;
  display: block;
  margin-bottom: 15px; }
  .marketing-input-wrapper .marketing-select-wrapper,
  .marketing-input-wrapper .marketing-input,
  .marketing-input-wrapper .marketing-textarea {
    margin-bottom: 0; }
  .marketing-input-wrapper.js-is-hidden {
    display: none; }

.marketing-input,
.marketing-textarea,
.marketing-select-wrapper > select {
  display: inline-block;
  height: 52px;
  width: 100%;
  margin: 0 0 15px;
  padding: 1.0625em 1em;
  color: #30373b;
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-box-shadow: 0 0 0 1px #c4cdd5;
          box-shadow: 0 0 0 1px #c4cdd5;
  border: 0;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: all 150ms;
  transition: all 150ms;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .marketing-block--lowlight .marketing-input, .marketing-form--lowlight .marketing-input, .page-block--lowlight .marketing-input, .marketing-block--lowlight
  .marketing-textarea, .marketing-form--lowlight
  .marketing-textarea, .page-block--lowlight
  .marketing-textarea, .marketing-block--lowlight
  .marketing-select-wrapper > select, .marketing-form--lowlight
  .marketing-select-wrapper > select, .page-block--lowlight
  .marketing-select-wrapper > select {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .js-is-filled .marketing-input, .js-is-filled
  .marketing-textarea, .js-is-filled
  .marketing-select-wrapper > select {
    padding-top: 1.375em;
    padding-bottom: 0.375em; }
  .marketing-input:focus, .marketing-input.focus,
  .marketing-textarea:focus,
  .marketing-textarea.focus,
  .marketing-select-wrapper > select:focus,
  .marketing-select-wrapper > select.focus {
    color: #000;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px #5e6ebf;
            box-shadow: 0 0 0 2px #5e6ebf; }
    .marketing-input:focus + .marketing-form__messages .error + .suggest, .marketing-input.focus + .marketing-form__messages .error + .suggest,
    .marketing-textarea:focus + .marketing-form__messages .error + .suggest,
    .marketing-textarea.focus + .marketing-form__messages .error + .suggest,
    .marketing-select-wrapper > select:focus + .marketing-form__messages .error + .suggest,
    .marketing-select-wrapper > select.focus + .marketing-form__messages .error + .suggest {
      display: none; }
    .marketing-input:focus + .marketing-form__messages .error + .is-visible, .marketing-input.focus + .marketing-form__messages .error + .is-visible,
    .marketing-textarea:focus + .marketing-form__messages .error + .is-visible,
    .marketing-textarea.focus + .marketing-form__messages .error + .is-visible,
    .marketing-select-wrapper > select:focus + .marketing-form__messages .error + .is-visible,
    .marketing-select-wrapper > select.focus + .marketing-form__messages .error + .is-visible {
      display: block; }
  .marketing-input[disabled],
  .marketing-textarea[disabled],
  .marketing-select-wrapper > select[disabled] {
    background-color: #dfe3e8; }

.marketing-input::-webkit-input-placeholder,
.marketing-textarea::-webkit-input-placeholder {
  color: #454f5b; }

.marketing-input:-ms-input-placeholder,
.marketing-textarea:-ms-input-placeholder {
  color: #454f5b; }

.marketing-input::placeholder,
.marketing-textarea::placeholder {
  color: #454f5b; }

.marketing-input--error, .marketing-block--lowlight .marketing-input--error, .marketing-form--lowlight .marketing-input--error, .page-block--lowlight .marketing-input--error {
  -webkit-box-shadow: 0 0 0 2px #eb644d;
          box-shadow: 0 0 0 2px #eb644d; }

.marketing-textarea {
  height: auto;
  min-height: 52px; }

.marketing-select-wrapper {
  position: relative;
  display: block;
  margin-bottom: 15px; }
  .marketing-select-wrapper > select {
    margin: 0;
    padding-top: 1.375em;
    padding-bottom: 0.375em;
    padding-right: 3em; }
    .marketing-select-wrapper > select::-ms-expand {
      display: none; }
  .marketing-select-wrapper::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 2.5em;
    height: 1.25em;
    width: 1px;
    background-color: #c4cdd5;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .marketing-select-wrapper::before {
    pointer-events: none;
    content: '';
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20baseProfile=%22tiny%22%20viewBox=%220%200%2010.289%206.563%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23919eab%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M5.212%206.563L0%201.423%201.404%200l3.788%203.735L8.865.01l1.424%201.404%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    height: 0.75em;
    width: 0.75em;
    margin-bottom: -0.5625em;
    display: block;
    position: absolute;
    top: 50%;
    right: 1em;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.marketing-label {
  display: block;
  margin-bottom: 0.61538em;
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.8125em;
  color: #454f5b; }

.marketing-form__button {
  height: 52px; }

.marketing-label--in-field {
  position: absolute;
  left: 16px;
  top: 8px;
  font-size: 0.6875em;
  font-weight: 400;
  pointer-events: none;
  z-index: 10; }

.marketing-label--floating {
  opacity: 0;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms; }
  .js-is-filled .marketing-label--floating {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }

.marketing-label--hidden {
  display: inline; }
  .no-placeholder .marketing-label--hidden {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    position: absolute;
    left: 0;
    top: -20px; }

/*============================================================================
  Inline messaging and errors
==============================================================================*/
.marketing-form__messages {
  font-size: 0.8125em;
  font-weight: 500; }
  .marketing-form__messages .error,
  .marketing-form__messages .success,
  .marketing-form__messages .suggest {
    display: block;
    padding: 0.61538em 0 0; }
  .marketing-form__messages .error {
    color: #eb644d; }
    .marketing-form__messages .error a {
      color: #eb644d;
      border-bottom: 1px solid #eb644d; }
  .marketing-form__messages .success {
    display: none;
    color: #5e6ebf; }
    .marketing-form__messages .success a {
      color: #eb644d;
      border-bottom: 1px solid #eb644d; }
    .marketing-form__messages .success.is-visible, .marketing-form--has-success .marketing-form__messages .success {
      display: block; }
  .marketing-form__messages .suggest {
    display: none;
    color: #637381; }
    .marketing-block--lowlight .marketing-form__messages .suggest, .marketing-form--lowlight .marketing-form__messages .suggest, .page-block--lowlight .marketing-form__messages .suggest {
      color: #fff; }
    .marketing-form__messages .suggest.is-visible {
      display: block; }

.marketing-form__ajax-success {
  display: none; }
  .marketing-form__ajax-success.js-is-visible {
    display: block; }

/*============================================================================
  Checkboxes and radio buttons
==============================================================================*/
.marketing-checkbox, .marketing-radio {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  margin-bottom: 15px;
  float: left; }
  .marketing-checkbox:checked + label::after, .marketing-radio:checked + label::after {
    position: absolute;
    left: 0;
    top: 0;
    content: ''; }
  .marketing-checkbox:focus + label::before, .marketing-radio:focus + label::before, .marketing-checkbox:focus:checked + label::before, .marketing-radio:focus:checked + label::before {
    outline: none;
    border-color: #5e6ebf;
    -webkit-box-shadow: 0 0 4px 0 #5e6ebf;
            box-shadow: 0 0 4px 0 #5e6ebf; }

.marketing-checkbox-label, .marketing-radio-label {
  display: block;
  text-align: left;
  position: relative;
  margin-bottom: 15px;
  padding-left: 30px;
  line-height: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .marketing-checkbox-label:hover::before, .marketing-radio-label:hover::before {
    border-color: #5e6ebf; }
  .marketing-checkbox-label::before, .marketing-radio-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #c4cdd5;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: border-color 150ms ease;
    transition: border-color 150ms ease; }

.marketing-checkbox--large + label, .marketing-radio--large + label {
  padding-left: 42px;
  line-height: 32px; }
  .marketing-checkbox--large + label::before, .marketing-radio--large + label::before {
    width: 32px;
    height: 32px; }

.marketing-checkbox:checked + label::before {
  background-color: #5e6ebf;
  border-color: #5e6ebf;
  -webkit-box-shadow: none;
          box-shadow: none; }
.marketing-checkbox:checked + label::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040.7%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23fff%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M16.7%2030l-7.4-7.9c-.8-.8-.6-2%20.4-2.6%201-.6%202.4-.5%203.1.3l3.7%204%2011.3-13c.7-.8%202.1-1%203.1-.4s1.2%201.8.5%202.6L16.7%2030z%22/%3E%3C/svg%3E');
  width: 20px;
  height: 20px; }

.marketing-checkbox--large:checked + label::after {
  width: 32px;
  height: 32px; }

.marketing-radio:checked + label::after {
  left: 5px;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #5e6ebf; }
.marketing-radio:checked + label::before {
  border-color: #5e6ebf; }

.marketing-radio-label::before {
  border-radius: 50%; }

.marketing-radio--large:checked + label::after {
  left: 8px;
  top: 8px;
  width: 16px;
  height: 16px;
  border-radius: 50%; }

.marketing-checkbox-label--inline,
.marketing-radio-label--inline {
  margin-right: 0.9375em;
  margin-bottom: 0;
  display: inline-block; }

.icon, .note-app img,
.note.app img {
  display: inline-block;
  height: 1em;
  width: 0.8em;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat; }

.icon--size-large {
  width: 60px;
  height: 60px; }

.icon--size-small, .note-app img,
.note.app img {
  width: 40px;
  height: 40px; }

.icon--primary {
  fill: #5e6ebf; }

.icon--grey {
  fill: #919ea9; }

.icon--black {
  fill: #000; }

.icon--white {
  fill: #fff; }

.icon--yellow {
  fill: #fdd991; }

.icon--green {
  fill: #58b44b; }

.icon--blue {
  fill: #368aa9; }

.icon--blue_light {
  fill: #479ccf; }

.icon--blue_fb {
  fill: #385a98; }

.icon--blue_twitter {
  fill: #55acee; }

.icon--blue_linkedin {
  fill: #0976b4; }

.icon--red_pinterest {
  fill: #bd081c; }

.icon--fill-primary {
  fill: #5e6ebf; }

.icon--fill-grey {
  fill: #919ea9; }

.icon--fill-black {
  fill: #000; }

.icon--fill-white {
  fill: #fff; }

.icon--fill-yellow {
  fill: #fdd991; }

.icon--fill-green {
  fill: #58b44b; }

.icon--fill-blue {
  fill: #368aa9; }

.icon--fill-blue_light {
  fill: #479ccf; }

.icon--fill-blue_fb {
  fill: #385a98; }

.icon--fill-blue_twitter {
  fill: #55acee; }

.icon--fill-blue_linkedin {
  fill: #0976b4; }

.icon--fill-red_pinterest {
  fill: #bd081c; }

.icon-arrow-left {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2011%22%3E%3Cpath%20d=%22M5.5%200c.1%200%20.3%200%20.4.1.1.2.1.6-.1.8L1.2%205.5l4.6%204.6c.2.2.2.5%200%20.7-.2.2-.5.2-.7%200l-5-5c-.1-.2-.1-.5%200-.7l5-5c.1-.1.3-.1.4-.1z%22/%3E%3Cpath%20d=%22M.5%205h23c.2%200%20.5.2.5.5s-.3.5-.5.5H.5C.2%206%200%205.8%200%205.5S.2%205%20.5%205z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-arrow-right {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2011%22%3E%3Cpath%20d=%22M18.5%2011c-.1%200-.3%200-.4-.1-.2-.2-.2-.5%200-.7l4.6-4.6L18.1%201c-.2-.2-.2-.5%200-.7.2-.2.5-.2.7%200l5%205c.2.2.2.5%200%20.7l-5%205c-.1-.1-.2%200-.3%200z%22/%3E%3Cpath%20d=%22M23.5%206H.5C.2%206%200%205.8%200%205.5S.2%205%20.5%205h23c.2%200%20.5.2.5.5s-.3.5-.5.5z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-close-white {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23fff%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M39.196%2043.3L1.154%205.256l3.89-3.89%2038.04%2038.043z%22/%3E%3Cpath%20d=%22M.54%2039.413L38.58%201.37l3.89%203.89L4.428%2043.302z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-close {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cpath%20d=%22M39.196%2043.3L1.154%205.256l3.89-3.89%2038.04%2038.043z%22/%3E%3Cpath%20d=%22M.54%2039.413L38.58%201.37l3.89%203.89L4.428%2043.302z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

img {
  max-width: 100%; }
  a img {
    border: 0; }
  img[data-srcset] {
    opacity: 0;
    -webkit-transition: opacity 150ms linear;
    transition: opacity 150ms linear; }
    img[data-srcset].lazyloaded {
      opacity: 1; }

/*================ Site structure & Chrome ================*/
/*============================================================================
  Nav wrapper and parent nav elements
==============================================================================*/
.marketing-nav-wrapper {
  max-width: 1600px;
  margin: 0 auto; }

.marketing-nav {
  width: 100%;
  position: relative;
  clear: both; }
  .marketing-nav .popover-wrapper {
    display: block;
    cursor: auto; }
  .marketing-nav .popover {
    width: auto;
    min-width: calc(100% + 12px);
    top: 45px;
    left: 0;
    margin-top: 0;
    -webkit-transform: none;
            transform: none; }
    @media screen and (min-width: 67.5em) {
      .marketing-nav .popover {
        top: 65px; } }
    .marketing-nav .popover::before, .marketing-nav .popover::after {
      content: none; }
  .marketing-nav .popover-content {
    padding: 12px 24px 12px 0;
    -webkit-box-shadow: 0 5px 30px 5px rgba(69, 79, 91, 0.2);
            box-shadow: 0 5px 30px 5px rgba(69, 79, 91, 0.2);
    border-radius: 5px;
    background-color: #fff; }

/*============================================================================
  Primary navigation
==============================================================================*/
.marketing-nav__primary {
  padding-left: 6.125%;
  padding-right: 6.125%;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dfe3e8;
  height: 60px; }
  @media screen and (min-width: 67.5em) {
    .marketing-nav__primary {
      height: 80px; } }

/*============================================================================
  Nav items
==============================================================================*/
.marketing-nav__items > li {
  position: relative;
  display: block; }
  @media screen and (min-width: 46.875em) {
    .marketing-nav__items > li {
      float: left;
      line-height: 60px; } }
  @media screen and (min-width: 67.5em) {
    .marketing-nav__items > li {
      line-height: 80px; } }

.marketing-nav__item {
  display: block;
  white-space: nowrap;
  color: #212b35;
  font-size: 0.9375em;
  font-weight: 400;
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
  -webkit-transition-property: border-color, fill;
  transition-property: border-color, fill;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms; }
  .marketing-nav__item:hover, .marketing-nav__item:focus {
    color: #212b35; }
  .marketing-nav__item:active, .marketing-nav__item.active {
    color: #212b35; }

.marketing-nav__item--primary {
  font-size: 0.9375em;
  font-weight: 700;
  color: #212b35; }
  @media screen and (min-width: 46.875em) {
    .marketing-nav__item--primary {
      margin-left: 12px;
      margin-right: 12px;
      padding-left: 0;
      padding-right: 0;
      border-bottom-width: 3px;
      border-bottom-style: solid;
      border-bottom-color: transparent; }
      .marketing-nav__item--primary:hover, .marketing-nav__item--primary:focus {
        border-bottom-color: #919eab; }
      .marketing-nav__item--primary:active, .marketing-nav__item--primary.active {
        border-bottom-color: #212b35; } }
  .marketing-nav__item--primary:hover, .marketing-nav__item--primary:focus {
    color: #212b35; }
  .marketing-nav__item--primary:active, .marketing-nav__item--primary.active {
    color: #212b35; }

.marketing-nav__item--user {
  font-size: 0.9375em;
  font-weight: 700;
  color: #212b35; }
  @media screen and (min-width: 46.875em) {
    .marketing-nav__item--user {
      margin-left: 12px;
      margin-right: 12px;
      padding-left: 0;
      padding-right: 0;
      border-bottom-width: 3px;
      border-bottom-style: solid;
      border-bottom-color: transparent; }
      .marketing-nav__item--user:hover, .marketing-nav__item--user:focus {
        border-bottom-color: #919eab; }
      .marketing-nav__item--user:active, .marketing-nav__item--user.active {
        border-bottom-color: #212b35; } }
  .marketing-nav__item--user:hover, .marketing-nav__item--user:focus {
    color: #212b35; }
  .marketing-nav__item--user:active, .marketing-nav__item--user.active {
    color: #212b35; }

.marketing-nav__item--secondary {
  font-size: 0.9375em;
  font-weight: 700;
  color: #637381; }
  @media screen and (min-width: 46.875em) {
    .marketing-nav__item--secondary {
      margin-left: 12px;
      margin-right: 12px;
      padding-left: 0;
      padding-right: 0;
      border-bottom-width: 3px;
      border-bottom-style: solid;
      border-bottom-color: transparent; }
      .marketing-nav__item--secondary:hover, .marketing-nav__item--secondary:focus {
        border-bottom-color: #919eab; }
      .marketing-nav__item--secondary:active, .marketing-nav__item--secondary.active {
        border-bottom-color: #212b35; } }
  .marketing-nav__item--secondary:hover, .marketing-nav__item--secondary:focus {
    color: #212b35; }
  .marketing-nav__item--secondary:active, .marketing-nav__item--secondary.active {
    color: #212b35; }

.marketing-nav__item--child {
  font-size: 0.9375em;
  font-weight: 700;
  color: #637381; }
  @media screen and (min-width: 46.875em) {
    .marketing-nav__item--child {
      margin-left: 0;
      margin-right: 0;
      padding-left: 24px;
      padding-right: 24px; } }
  .marketing-nav__item--child:hover, .marketing-nav__item--child:focus {
    color: #212b35; }
  .marketing-nav__item--child:active, .marketing-nav__item--child.active {
    color: #212b35; }

.marketing-nav__item--primary {
  letter-spacing: 0.05em;
  text-transform: uppercase; }
  .popover-wrapper.js-is-active > .marketing-nav__item--primary {
    background-color: #fff;
    color: #212b35; }
    .popover-wrapper.js-is-active > .marketing-nav__item--primary:focus {
      outline: 0; }
  .marketing-nav__item--primary.popover-trigger {
    border-bottom: 0; }

@media screen and (min-width: 46.875em) {
  .marketing-nav__item--primary,
  .marketing-nav__item--user {
    height: 60px; } }
@media screen and (min-width: 67.5em) {
  .marketing-nav__item--primary,
  .marketing-nav__item--user {
    height: 80px; } }

@media screen and (max-width: 46.8125em) {
  .marketing-nav__item--secondary {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: calc(6.125% - 3px);
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: transparent; }
    .marketing-nav__item--secondary:hover, .marketing-nav__item--secondary:focus {
      border-left-color: #919eab; }
    .marketing-nav__item--secondary:active, .marketing-nav__item--secondary.active {
      border-left-color: #212b35; } }
@media screen and (min-width: 46.875em) {
  .marketing-nav__item--secondary {
    height: 60px; } }
@media screen and (min-width: 67.5em) {
  .marketing-nav__item--secondary {
    height: 70px; } }

.marketing-nav__item--child {
  padding-top: 9px;
  padding-bottom: 9px;
  line-height: 1; }
  @media screen and (min-width: 67.5em) {
    .marketing-nav__item--child {
      padding-left: calc(24px - 3px);
      border-left-width: 3px;
      border-left-style: solid;
      border-left-color: transparent; }
      .marketing-nav__item--child:hover, .marketing-nav__item--child:focus {
        border-left-color: #919eab; }
      .marketing-nav__item--child:active, .marketing-nav__item--child.active {
        border-left-color: #212b35; } }

/*============================================================================
  User navigation
==============================================================================*/
.marketing-nav__user {
  float: right; }

.marketing-nav__button {
  margin-left: 12px;
  padding-left: 1.25em;
  padding-right: 1.25em; }

/*============================================================================
  Secondary navigation
==============================================================================*/
.marketing-nav__secondary {
  position: relative;
  z-index: 1;
  height: 60px;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dfe3e8; }
  @media screen and (max-width: 46.8125em) {
    .marketing-nav__secondary {
      border-top-width: 1px;
      border-top-style: solid;
      border-top-color: #dfe3e8; } }
  @media screen and (min-width: 67.5em) {
    .marketing-nav__secondary {
      height: 70px; } }
  @media screen and (max-width: 46.8125em) {
    .marketing-nav__secondary .marketing-nav__items {
      display: none;
      position: absolute;
      z-index: 10;
      width: 100%;
      top: 60px;
      left: 0;
      padding-top: 6px;
      padding-bottom: 6px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #dfe3e8;
      background-color: #fff; } }
  @media screen and (min-width: 46.875em) {
    .marketing-nav__secondary .marketing-nav__items {
      display: block !important;
      margin-left: -12px;
      padding-left: 6.125%;
      padding-right: 6.125%; } }
  @media screen and (min-width: 46.875em) {
    .marketing-nav__secondary .marketing-nav__items > li {
      line-height: 60px; } }
  @media screen and (min-width: 67.5em) {
    .marketing-nav__secondary .marketing-nav__items > li {
      line-height: 70px; } }

.marketing-nav__secondary__button {
  width: 100%;
  padding-left: 6.125%;
  text-align: left;
  font-size: 0.9375em;
  line-height: 60px;
  color: #212b35; }

/*============================================================================
  Nav icons
==============================================================================*/
.marketing-nav__logo {
  float: left; }
  @media screen and (min-width: 67.5em) {
    .marketing-nav__logo {
      margin-right: 1.5625em; } }

@media screen and (max-width: 67.4375em) {
  .marketing-nav__logo--centered {
    float: none;
    overflow: hidden; }
    .marketing-nav__logo--centered .marketing-nav__logo__shopify {
      margin-left: auto;
      margin-right: auto; } }

.marketing-nav__logo .icon, .marketing-nav__logo .note-app img, .note-app .marketing-nav__logo img,
.marketing-nav__logo .note.app img,
.note.app .marketing-nav__logo img,
.marketing-nav__hamburger .icon,
.marketing-nav__hamburger .note-app img,
.note-app .marketing-nav__hamburger img,
.marketing-nav__hamburger .note.app img,
.note.app .marketing-nav__hamburger img {
  width: 100%;
  height: 100%; }

.marketing-nav__logo__shopify {
  display: block;
  width: 111px;
  height: 32px;
  margin-top: 12px; }
  @media screen and (min-width: 67.5em) {
    .marketing-nav__logo__shopify {
      width: 125px;
      height: 36px;
      margin-top: 20px; } }

.marketing-nav__hamburger {
  float: right;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 20px;
  height: 20px;
  padding: 10px;
  margin-right: -10px;
  fill: #212b35;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  .marketing-nav__hamburger::-moz-focus-inner {
    padding: 0;
    border: 0; }

.marketing-nav__arrow,
.marketing-nav__external-indicator {
  display: inline-block;
  fill: #919eab; }
  .marketing-nav__item--primary .marketing-nav__arrow, .marketing-nav__item--primary
  .marketing-nav__external-indicator {
    fill: #919eab; }
  .js-is-active .marketing-nav__item--primary .marketing-nav__arrow, .marketing-nav__item--primary:hover .marketing-nav__arrow, .marketing-nav__item--primary:focus .marketing-nav__arrow, .marketing-nav__item--primary:active .marketing-nav__arrow, .js-is-active .marketing-nav__item--primary
  .marketing-nav__external-indicator, .marketing-nav__item--primary:hover
  .marketing-nav__external-indicator, .marketing-nav__item--primary:focus
  .marketing-nav__external-indicator, .marketing-nav__item--primary:active
  .marketing-nav__external-indicator {
    fill: #212b35; }
  .marketing-nav__item--user .marketing-nav__arrow, .marketing-nav__item--user
  .marketing-nav__external-indicator {
    fill: #919eab; }
  .js-is-active .marketing-nav__item--user .marketing-nav__arrow, .marketing-nav__item--user:hover .marketing-nav__arrow, .marketing-nav__item--user:focus .marketing-nav__arrow, .marketing-nav__item--user:active .marketing-nav__arrow, .js-is-active .marketing-nav__item--user
  .marketing-nav__external-indicator, .marketing-nav__item--user:hover
  .marketing-nav__external-indicator, .marketing-nav__item--user:focus
  .marketing-nav__external-indicator, .marketing-nav__item--user:active
  .marketing-nav__external-indicator {
    fill: #212b35; }
  .marketing-nav__item--secondary .marketing-nav__arrow, .marketing-nav__item--secondary
  .marketing-nav__external-indicator {
    fill: #919eab; }
  .js-is-active .marketing-nav__item--secondary .marketing-nav__arrow, .marketing-nav__item--secondary:hover .marketing-nav__arrow, .marketing-nav__item--secondary:focus .marketing-nav__arrow, .marketing-nav__item--secondary:active .marketing-nav__arrow, .js-is-active .marketing-nav__item--secondary
  .marketing-nav__external-indicator, .marketing-nav__item--secondary:hover
  .marketing-nav__external-indicator, .marketing-nav__item--secondary:focus
  .marketing-nav__external-indicator, .marketing-nav__item--secondary:active
  .marketing-nav__external-indicator {
    fill: #212b35; }

.marketing-nav__arrow {
  vertical-align: middle;
  width: 10px;
  height: 5px;
  margin-left: 5px; }
  .marketing-nav__item--primary .marketing-nav__arrow {
    width: 10px;
    height: 5px;
    margin-left: 5px;
    margin-top: -3px; }
  .marketing-nav__item--secondary .marketing-nav__arrow {
    width: 10px;
    height: 5px;
    margin-left: 5px;
    margin-top: -3px; }
  @media screen and (max-width: 46.8125em) {
    .marketing-nav__secondary .marketing-nav__arrow {
      position: absolute;
      top: 50%;
      right: 6.125%;
      margin-top: -3px; } }

.marketing-nav__external-indicator {
  vertical-align: middle;
  width: 7px;
  height: 7px;
  margin-left: 2px;
  -webkit-transition: fill 300ms;
  transition: fill 300ms; }
  .marketing-nav__item--primary .marketing-nav__external-indicator {
    width: 7px;
    height: 7px;
    margin-left: 2px;
    margin-top: -8px; }
  .marketing-nav__item--user .marketing-nav__external-indicator {
    width: 7px;
    height: 7px;
    margin-left: 2px;
    margin-top: -8px; }
  .marketing-nav__item--secondary .marketing-nav__external-indicator {
    width: 7px;
    height: 7px;
    margin-left: 2px;
    margin-top: -8px; }
  .marketing-nav__item--child .marketing-nav__external-indicator {
    width: 7px;
    height: 7px;
    margin-left: 2px;
    margin-top: -8px; }

/*============================================================================
  Skip Link
==============================================================================*/
.skip-to-main.focusable:focus {
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  color: #000;
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
  background: #fff;
  z-index: 1001; }
  @media screen and (min-width: 67.5em) {
    .skip-to-main.focusable:focus {
      height: 80px;
      line-height: 80px; } }

.footer--main {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background: #010a37; }
  .footer--main::after {
    content: '';
    display: table;
    clear: both; }

.footer-section {
  margin-bottom: 1.875em; }
  .footer-section::after {
    content: '';
    display: table;
    clear: both; }

.footer-heading {
  margin: 0 0 0.5625em;
  color: #fff;
  letter-spacing: normal; }

.footer-link {
  display: block;
  font-size: 0.875em;
  padding: 0.375em 0;
  color: #919eab;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out; }
  .footer-link:hover, .footer-link:focus {
    color: #fff; }

.footer-top {
  padding-bottom: 1.5625em; }
  @media screen and (max-width: 46.8125em) {
    .footer-top {
      padding-top: 1.5625em; } }
  .footer-top + .footer-bottom {
    border-top: 1px solid rgba(223, 227, 232, 0.1); }

.footer-bottom {
  padding-top: 1.875em;
  padding-bottom: 1.875em; }
  .footer-bottom::after {
    content: '';
    display: table;
    clear: both; }
  .footer-bottom a {
    color: #919eab;
    -webkit-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out; }
    @media screen and (min-width: 67.5em) {
      .footer-bottom a {
        line-height: 1.875em; } }
    .footer-bottom a:hover {
      color: #fff; }

.footer-bottom__links > a {
  color: #fff;
  line-height: 1.875em;
  white-space: nowrap; }
  @media screen and (min-width: 46.875em) {
    .footer-bottom__links > a {
      margin-left: 15px; } }
  @media screen and (max-width: 46.8125em) {
    .footer-bottom__links > a {
      display: block; } }
  .footer-bottom__links > a:hover, .footer-bottom__links > a:focus {
    color: #fff; }

.footer-country-select {
  margin-bottom: 0;
  display: inline-block;
  position: relative;
  width: auto;
  line-height: 1.875em; }
  @media screen and (min-width: 46.875em) {
    .footer-country-select {
      margin-left: 15px; } }
  .footer-country-select .popover {
    width: auto; }

.footer-country-select__trigger {
  color: #fff;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out; }
  .footer-country-select__trigger:hover, .footer-country-select__trigger:focus {
    color: #fff; }
    .footer-country-select__trigger:hover .footer-country-select__globe,
    .footer-country-select__trigger:hover .footer-country-select__caret, .footer-country-select__trigger:focus .footer-country-select__globe,
    .footer-country-select__trigger:focus .footer-country-select__caret {
      fill: #fff; }

.footer-country-select__globe,
.footer-country-select__caret {
  fill: #fff;
  -webkit-transition: fill 300ms ease-in-out;
  transition: fill 300ms ease-in-out;
  display: inline-block;
  vertical-align: middle; }

.footer-country-select__globe {
  width: 1em;
  height: 1em;
  margin-bottom: 0.1875em; }

.footer-country-select__caret {
  margin-bottom: 0.1875em;
  width: 0.75em;
  height: 0.75em; }

.footer-country-select__text {
  padding-left: 0.375em;
  padding-right: 0.375em; }

.footer-country-select__content {
  max-height: 350px;
  width: 275px;
  white-space: nowrap;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (min-width: 67.5em) {
    .footer-country-select__content {
      max-height: none;
      width: auto; } }
  .footer-country-select__content a {
    color: #212b35;
    display: block; }
    .footer-country-select__content a:hover, .footer-country-select__content a:focus {
      color: #000; }

.footer-country-select__country {
  width: 50%; }
  @media screen and (min-width: 67.5em) {
    .footer-country-select__country {
      width: 100%; } }

.footer-social__icon {
  display: inline-block;
  width: 1.125em;
  height: 1.125em;
  margin-top: 0.3125em; }
  @media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
    .footer-social__icon {
      width: 1em;
      height: 1em; } }
  .footer-social__icon + .footer-social__icon {
    margin-left: 0.5em; }
    @media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
      .footer-social__icon + .footer-social__icon {
        margin-left: 0.3125em; } }
  .footer-social__icon .icon, .footer-social__icon .note-app img, .note-app .footer-social__icon img,
  .footer-social__icon .note.app img,
  .note.app .footer-social__icon img {
    width: 100%;
    height: 100%;
    fill: #fff;
    -webkit-transition: fill 300ms ease-in-out;
    transition: fill 300ms ease-in-out; }
  .footer-social__icon:hover .icon, .footer-social__icon:hover .note-app img, .note-app .footer-social__icon:hover img,
  .footer-social__icon:hover .note.app img,
  .note.app .footer-social__icon:hover img, .footer-social__icon:focus .icon, .footer-social__icon:focus .note-app img, .note-app .footer-social__icon:focus img,
  .footer-social__icon:focus .note.app img,
  .note.app .footer-social__icon:focus img {
    fill: #fff; }

.footer-nav {
  border-bottom: 1px solid rgba(223, 227, 232, 0.1);
  margin-bottom: 1.5625em; }
  @media screen and (max-width: 46.8125em) {
    .footer-nav {
      text-align: center;
      padding-bottom: 1.5625em; } }
  .footer-nav a {
    font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
    margin-right: 15px;
    color: #fff;
    display: inline-block; }
    @media screen and (max-width: 46.8125em) {
      .footer-nav a {
        padding-top: 0.3125em; } }
    @media screen and (min-width: 46.875em) {
      .footer-nav a {
        line-height: 70px;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #010a37;
        -webkit-transition-property: border-color, fill;
        transition-property: border-color, fill;
        -webkit-transition-duration: 300ms;
                transition-duration: 300ms; }
        .footer-nav a:hover, .footer-nav a:focus {
          color: #fff;
          border-color: #fff; } }

.footer-column--nameless {
  margin-top: 1.65em; }

/*============================================================================
  Main Nav Drawers
==============================================================================*/
.drawer {
  display: none;
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 1000;
  top: 0;
  bottom: 0;
  width: 18.75em;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #fff;
  font-size: 1.14286em;
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif; }
  .js-drawer-open .drawer {
    display: block; }
  .drawer .marketing-nav__logo__shopify {
    margin-top: 0; }

.drawer--left {
  left: -18.75em; }
  .js-drawer-open-left .drawer--left {
    -webkit-transform: translateX(18.75em);
            transform: translateX(18.75em); }

.drawer--right {
  right: -18.75em; }
  .js-drawer-open-right .drawer--right {
    -webkit-transform: translateX(-18.75em);
            transform: translateX(-18.75em); }

.drawer--powered-by-shopify .drawer__items--primary {
  padding-top: 0;
  border-top: 0; }

.drawer__inner {
  position: relative;
  min-height: 100%;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px; }
  @media screen and (max-width: 67.4375em) {
    .drawer__inner .marketing-form__button {
      width: 100%; } }

.drawer__top {
  position: relative;
  height: 60px;
  padding-top: 15px;
  padding-bottom: 15px; }

.drawer__close-button {
  display: block;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 20px;
  height: 20px;
  padding: 10px;
  fill: #212b35;
  position: absolute;
  top: 50%;
  right: -10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  .drawer__close-button .icon, .drawer__close-button .note-app img, .note-app .drawer__close-button img,
  .drawer__close-button .note.app img,
  .note.app .drawer__close-button img {
    width: 100%;
    height: 100%; }

.drawer__items {
  padding-top: 15px;
  border-top: 1px solid #dfe3e8; }
  .drawer__items + .drawer__items {
    margin-top: 15px; }

.drawer__items--nested {
  margin-bottom: 15px;
  padding-top: 0;
  border-top: 0;
  border-left: 1px solid #dfe3e8; }

.drawer__item {
  display: block;
  width: 100%;
  color: #454f59;
  font-size: 1em;
  font-weight: 500;
  padding-top: 0.625em;
  padding-bottom: 0.625em;
  text-align: left;
  line-height: 1;
  -webkit-transition: color 300ms;
  transition: color 300ms; }
  .drawer__item:hover, .drawer__item:focus {
    color: #000; }
  .drawer__item.active {
    color: #000;
    font-weight: 500; }
  .drawer__items--nested .drawer__item {
    margin-left: -1px;
    padding-left: 1.0625em;
    border-left: 3px solid transparent; }
    .drawer__items--nested .drawer__item.active {
      border-left-color: currentColor; }
  .drawer__items--corporate .drawer__item {
    color: #919ea9;
    font-weight: 500; }
    .drawer__items--corporate .drawer__item:hover, .drawer__items--corporate .drawer__item:focus {
      color: #000; }
    .drawer__items--corporate .drawer__item.active {
      color: #000;
      font-weight: 500; }

.drawer__item--primary {
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 15px; }
  .drawer__item--primary, .drawer__item--primary a {
    color: #000; }
  .drawer__item--primary:hover, .drawer__item--primary:focus {
    color: #000; }
  .drawer__item--primary.active {
    color: #000;
    font-weight: 700; }
  .drawer__item--primary .marketing-nav__arrow {
    vertical-align: 20%;
    margin-left: 0.35714em; }

.drawer__item--signup {
  color: #5e6ebf; }

#PageContainer::before {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: visibility 0.4s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: visibility 0.4s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  content: '';
  z-index: 999; }

/*================ Transitions ================*/
.js-drawer-open {
  overflow: hidden; }
  .js-drawer-open #PageContainer::before {
    visibility: visible;
    opacity: 1; }

.signup-modal__content {
  width: 100%; }
  @media screen and (min-width: 67.5em) {
    .signup-modal__content {
      max-width: 50%;
      margin: 0 auto; } }
  .signup-modal__content .marketing-form__button {
    float: right; }

body > .signup--hidden {
  display: none; }

.subdomain {
  position: relative; }

.stateful-form .marketing-input-wrapper::after {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  border-radius: 50%;
  border: 3px solid #454f59;
  border-top-color: transparent;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
  opacity: 0;
  right: 1.25em;
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  background-size: cover;
  left: auto;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s; }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
.stateful-form .marketing-input::-ms-clear {
  display: none; }
.stateful-form .js-has-error .marketing-input {
  -webkit-box-shadow: 0 0 0 2px #eb644d !important;
          box-shadow: 0 0 0 2px #eb644d !important; }
.stateful-form .js-has-error::after {
  opacity: 0; }
.stateful-form .js-is-pending::after {
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms;
  opacity: 1; }
.stateful-form .marketing-input {
  position: relative;
  z-index: 1; }
.stateful-form .js-is-hidden {
  display: none; }
.stateful-form .marketing-form__messages {
  font-size: 1em;
  max-height: 0;
  overflow: hidden;
  display: block; }
  @media screen and (min-width: 46.875em) {
    .stateful-form .marketing-form__messages {
      -webkit-transition: max-height 300ms;
      transition: max-height 300ms; } }
  .stateful-form .marketing-form__messages .error {
    color: #fff;
    display: block;
    font-size: 0.75em;
    padding: 0.41667em 1em;
    position: relative;
    min-height: 2em;
    background-color: #eb644d; }
    .stateful-form .marketing-form__messages .error.hide {
      display: none; }
    .stateful-form .marketing-form__messages .error a {
      color: #fff;
      text-decoration: underline;
      -webkit-text-decoration-line: underline;
              text-decoration-line: underline;
      -webkit-text-decoration-style: solid;
              text-decoration-style: solid;
      -webkit-text-decoration-color: currentColor;
              text-decoration-color: currentColor;
      -webkit-text-decoration-skip: ink;
              text-decoration-skip: ink;
      -webkit-transition: color 150ms;
      transition: color 150ms; }
      .stateful-form .marketing-form__messages .error a:hover, .stateful-form .marketing-form__messages .error a:focus {
        color: #f0f0f0; }
      .stateful-form .marketing-form__messages .error a:focus {
        outline: 0;
        background-color: rgba(255, 255, 255, 0.125); }
.stateful-form .js-has-error .marketing-form__messages {
  -webkit-box-shadow: 0 0 0 2px #eb644d !important;
          box-shadow: 0 0 0 2px #eb644d !important;
  border-radius: 0 0 5px 5px;
  max-height: 90px; }
  @media screen and (min-width: 46.875em) {
    .stateful-form .js-has-error .marketing-form__messages {
      -webkit-transition: max-height 300ms;
      transition: max-height 300ms; } }
.stateful-form .js-is-pending .marketing-input {
  -webkit-box-shadow: 0 0 0 1px #c4cdd5 !important;
          box-shadow: 0 0 0 1px #c4cdd5 !important; }
.stateful-form .js-is-pending .marketing-form__messages {
  max-height: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  @media screen and (min-width: 46.875em) {
    .stateful-form .js-is-pending .marketing-form__messages {
      -webkit-transition: all 300ms;
      transition: all 300ms; } }

/*================ Global Modules ================*/
/*
  THIS MODULE IS DEPRECATED use ui_section instead.

  Styleguide Page Blocks.
*/
.page-block {
  padding: 5.625em 0;
  border-color: #dfe3e8; }
  .page-block--white {
    background: #fff;
    color: #454f59; }
  .page-block--light {
    background: #f4f6f8;
    color: #212b37; }
  .page-block--lowlight {
    background-color: #30373b;
    color: #919ea9; }
  .page-block--blue {
    background-color: #f6fafd;
    color: #212b37; }
  .page-block--border-top {
    border-top-width: 1px;
    border-top-style: solid; }
  @media screen and (max-width: 46.8125em) {
    .page-block {
      padding: 3.75em 0; } }

/*================ Slate BG Color ================*/
.page-block--lowlight .section-heading__heading {
  color: #fff; }
.page-block--lowlight .section-heading__subhead {
  color: #dfe3e8; }

/*================ Blocks with BG images ================*/
.page-block--image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
  .page-block--image > .page-width {
    height: 100%;
    z-index: 1; }

/*
  THIS MODULE IS DEPRECATED use ui_section instead.

  Styleguide Section Blocks.
*/
.section-block {
  padding-top: 2.8125em;
  padding-bottom: 2.8125em;
  border-color: #dfe3e8; }
  .section-block--border-top {
    border-top-width: 1px;
    border-top-style: solid; }
  .section-block--white {
    background: #fff;
    color: #454f59; }
  .section-block--light {
    background: #f4f6f8;
    color: #212b37; }
  .section-block--lowlight {
    background-color: #30373b;
    color: #919ea9; }
  .section-block--blue {
    background-color: #f6fafd;
    color: #212b37; }
  @media screen and (max-width: 46.8125em) {
    .section-block {
      padding-top: 1.875em;
      padding-bottom: 1.875em; } }

.page-width .section-block:first-child:not(:only-child) {
  padding-top: 0; }
.page-width .section-block:last-child:not(:only-child) {
  padding-bottom: 0; }

.section {
  padding: 3.75em 0; }
  @media screen and (min-width: 46.875em) {
    .section {
      padding-top: 5.625em;
      padding-bottom: 5.625em; } }
  .section .section:first-child:not(:only-child) {
    padding-top: 0; }
  .section .section:last-child:not(:only-child) {
    padding-bottom: 0; }

.section--tight {
  padding: 1.875em 0; }
  @media screen and (min-width: 46.875em) {
    .section--tight {
      padding-top: 2.8125em;
      padding-bottom: 2.8125em; } }

.section--padding-top-only {
  padding-bottom: 0; }

.section--padding-bottom-only {
  padding-top: 0; }

.section--border {
  border-top: 1px solid #dfe3e8; }

.section--image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

.section-heading {
  margin-bottom: 2.8125em;
  text-align: center; }
  @media screen and (min-width: 67.5em) {
    .section-heading {
      margin-bottom: 3.75em; } }

.section-heading--lowlight .section-heading__heading {
  color: #fff; }
.section-heading--lowlight .section-heading__subhead {
  color: #dfe3e8; }
.section-heading--lowlight .section-heading__kicker {
  color: #dfe3e8; }

.section-heading--tight {
  margin-bottom: 1.5625em; }
  .section-heading--tight .section-heading__heading {
    margin-bottom: 0.25em; }
  .section-heading--tight .section-heading__subhead {
    margin-bottom: 0; }
  .section-heading--tight .section-heading__kicker {
    margin-bottom: 0.75em; }

.section-heading__subhead {
  font-weight: 400;
  color: #637381; }

.section-heading__kicker {
  font-weight: 700;
  color: #637381; }
  .section-heading__kicker.section-heading__kicker--has-icon {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }

.section-heading__icon-wrapper {
  margin-bottom: 0.625em; }

.section-heading__icon {
  width: 1.75em;
  height: 1.75em;
  margin-right: 0.625em;
  vertical-align: middle; }

@media screen and (min-width: 46.875em) {
  .section-heading--left {
    text-align: left; } }

.page-header {
  padding: 3.75em 0; }

.page-header--flush {
  padding-bottom: 0; }

.page-header--horizon {
  padding-bottom: 0;
  margin-bottom: 3.75em; }
  .page-header--horizon img {
    margin-bottom: -1.875em; }
    @media screen and (min-width: 46.875em) {
      .page-header--horizon img {
        margin-bottom: -3.75em; } }

.page-header__cta {
  background: rgba(0, 0, 0, 0.25); }

.page-header--video {
  position: relative;
  overflow: hidden; }

/*
  .block--padded         - Adds $gutter width of padding to element. Can be used on parent or content element
  .block--bordered       - Adds 1px border
  .block--rounded        - Adds border-radius
  .block--lowlight       - Adds lowlight (slate) background

  Styleguide Blocks.
*/
.block, .note {
  display: block;
  border-color: #dfe3e8;
  margin-bottom: 2.8125em; }

.block__icon {
  margin-bottom: 0.9375em; }

.block--padded {
  padding: 30px; }
  .block--padded .block__content:last-child,
  .block--padded .block__cta:last-child {
    margin-bottom: 0; }

.block--rounded {
  border-radius: 5px; }

.block--bordered {
  border-width: 1px;
  border-style: solid; }

.block--lowlight {
  background-color: #2a2c2e; }
  .block--lowlight .block__icon {
    fill: #fff; }
  .block--lowlight .block__heading {
    color: #fff; }
  .block--lowlight .block__content {
    color: #dfe3e8; }
  .block--lowlight .block__cta a {
    color: #fff; }

.block__content {
  margin-bottom: 0.9375em; }

/*
DEPRECATED STYLES

.marketing-block--padded         - Adds $gutter width of padding to element. Can be used on parent or content element
.marketing-block--bordered       - Adds 1px border
.marketing-block--rounded        - Adds border-radius
.marketing-block--<color>        - Adds background color, text color, and border as needed. Options: --light, --lowlight and --blue.
*/
.marketing-block {
  display: block;
  border-color: #dfe3e8; }
  .marketing-block--white {
    background: #fff;
    color: #454f59; }
  .marketing-block--light {
    background: #f4f6f8;
    color: #212b37; }
  .marketing-block--lowlight {
    background-color: #30373b;
    color: #919ea9; }
  .marketing-block--blue {
    background-color: #f6fafd;
    color: #212b37; }
  @media screen and (max-width: 46.8125em) {
    .marketing-block {
      margin-bottom: 2.8125em;
      width: 100%; } }
  .marketing-block .icon, .marketing-block .note-app img, .note-app .marketing-block img,
  .marketing-block .note.app img,
  .note.app .marketing-block img {
    margin-bottom: 0.75em; }

.marketing-block--bordered {
  border-width: 1px;
  border-style: solid; }

.marketing-block--light {
  border-width: 1px;
  border-style: solid; }

.marketing-block--blue {
  border: 1px solid #479ccf; }

.marketing-block--padded {
  padding: 1.875em; }

.marketing-block--rounded {
  border-radius: 5px; }

.marketing-block__content p:last-child {
  margin-bottom: 0; }

.marketing-block__img img {
  width: 100%; }

.bullet {
  display: table;
  margin-bottom: 1.875em;
  position: relative; }

.bullet__icon {
  padding-right: 15px;
  display: table-cell;
  vertical-align: top; }

.bullet__content {
  padding-top: 8px;
  margin-bottom: 0;
  display: table-cell;
  vertical-align: top;
  width: 100%; }

/**
 * OLD STYLES - DEPRECATED
 */
.marketing-bullet-list {
  margin-bottom: 1.875em;
  padding-top: 1.875em; }
  .marketing-bullet-list:last-child {
    margin-bottom: -1.875em; }

.marketing-bullet {
  list-style: none;
  margin-bottom: 1.875em;
  position: relative; }
  .marketing-bullet::after {
    content: '';
    display: table;
    clear: both; }
  .marketing-bullet .icon, .marketing-bullet .note-app img, .note-app .marketing-bullet img,
  .marketing-bullet .note.app img,
  .note.app .marketing-bullet img {
    display: block;
    margin-bottom: 0;
    float: left;
    margin-right: 15px; }

.marketing-bullet--without-heading .marketing-bullet__content {
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  position: absolute;
  left: 75px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.125em;
  line-height: 1; }

.marketing-bullet__content-wrapper {
  overflow: hidden;
  display: block;
  float: none;
  position: static; }
  @media screen and (max-width: 46.8125em) {
    .marketing-bullet__content-wrapper {
      margin-bottom: 0;
      text-align: left;
      width: inherit; } }

/*
  Media object (media element with text).
  CSS classes to help with positioning text-image pairings.

  This module handles positioning of the media and content inside of the media
  object, while standard grid classes determine the layout of the objects.

  .media__right                  - float object right, resets right margin (tablet-up)
  .media__offset                 - adds top margin (tablet-up) to help with vertical centering
  .media__last                   - adds top margin on mobile to help with vertical spacing
  .media__image--wide-left       - floats image to the right, removes max-width on tablet
  .media__image--wide-right      - floats image to the left, removes max-width on tablet
  .media__image--bottom          - 3x negative bottom gutter, snug to page-block bottom tablet-up
  .media__image--top             - 3x negative top margin, snug to page-block top tablet-up
  .media__image--bottom--desktop - 3x negative bottom gutter, snug to page-block bottom desktop only
  .media__image--top--desktop    - 3x negative top margin, snug to page-block top desktop only
  .media__image--right-tight     - 8x negative left margin, allows right image to overlap content
  .media__image--overflow        - allows image to overflow into content by removing max-width
  .media--flex-centered          - uses flexbox to vertically center image and content
  .media__center--mobile         - text-align: center; on mobile

  Styleguide Media Object.
*/
/*================ Standard use case ================*/
@media screen and (max-width: 46.8125em) {
  .media__center--mobile {
    text-align: center; } }

@media screen and (min-width: 67.5em) {
  .media__offset {
    margin-top: 2.8125em; } }
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
  .media__offset {
    margin-top: 0.9375em; } }

@media screen and (max-width: 46.8125em) {
  .media__image {
    text-align: center; } }

@media screen and (max-width: 46.8125em) {
  .media__last {
    margin-top: 1.875em; } }

/*================ .media--flex-centered ================*/
@media screen and (min-width: 46.875em) {
  .flexbox .media--flex-centered .media__offset {
    margin-top: 0; } }
@media screen and (min-width: 46.875em) {
  .media--flex-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .media--flex-centered .media__right {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }

/*================ .media__right ================*/
@media screen and (min-width: 46.875em) {
  .media__right {
    float: right;
    margin-right: 0; } }

/*================ .media__image--wide-left ================*/
@media screen and (min-width: 46.875em) {
  .media__image--wide-left img,
  .media__image--wide-left .lazyload-image {
    float: right; } }
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
  .media__image--wide-left img,
  .media__image--wide-left .lazyload-image {
    max-width: none; } }

@media screen and (max-width: 46.8125em) {
  .media__image--wide-left--mobile img {
    margin-left: -30px; } }

/*================ .media__image--wide-right ================*/
@media screen and (min-width: 46.875em) {
  .media__image--wide-right img,
  .media__image--wide-right .lazyload-image {
    float: left; } }
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
  .media__image--wide-right img,
  .media__image--wide-right .lazyload-image {
    max-width: none; } }

@media screen and (min-width: 46.875em) {
  .media__image--wide-left .lazyload-image,
  .media__image--wide-right .lazyload-image {
    overflow: visible; } }

@media screen and (max-width: 46.8125em) {
  .media__image--wide-right--mobile {
    text-align: right; }
    .media__image--wide-right--mobile img {
      margin-right: -30px; } }

/*================ .media__image--top and .media__image--bottom ================*/
@media screen and (min-width: 46.875em) {
  .media__image--bottom img,
  .media__image--bottom .lazyload-image {
    margin-bottom: -5.625em; } }

@media screen and (min-width: 46.875em) {
  .media__image--bottom .lazyload-image img {
    margin-bottom: 0; } }

@media screen and (min-width: 46.875em) {
  .media__image--top img,
  .media__image--top .lazyload-image {
    margin-top: -5.625em; } }

@media screen and (min-width: 46.875em) {
  .media__image--top .lazyload-image img {
    margin-top: 0; } }

@media screen and (min-width: 67.5em) {
  .media__image--top--desktop img,
  .media__image--top--desktop .lazyload-image {
    margin-top: -5.625em; } }

@media screen and (min-width: 67.5em) {
  .media__image--top--desktop .lazyload-image img {
    margin-top: 0; } }

@media screen and (min-width: 67.5em) {
  .media__image--bottom--desktop img {
    margin-bottom: -5.625em; } }

@media screen and (min-width: 67.5em) {
  .media__image--bottom--desktop img,
  .media__image--bottom--desktop .lazyload-image {
    margin-bottom: -5.625em; } }

@media screen and (min-width: 67.5em) {
  .media__image--bottom--desktop .lazyload-image img {
    margin-bottom: 0; } }

@media screen and (max-width: 46.8125em) {
  .media__image--bottom--mobile img,
  .media__image--bottom--mobile .lazyload-image {
    margin-bottom: -3.75em; } }

@media screen and (max-width: 46.8125em) {
  .media__image--bottom--mobile .lazyload-image img {
    margin-bottom: 0; } }

/*================ .media__image--right-tight ================*/
@media screen and (min-width: 46.875em) {
  .media__image--right-tight {
    margin-left: -15em; } }

/*================ .media__image--overflow ================*/
@media screen and (min-width: 67.5em) {
  .media__image--overflow img {
    max-width: none; } }

.lazyload-image {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: auto; }
  .lazyload-image img {
    display: block; }

.lazyload-image__placeholder {
  display: block;
  width: 100%;
  height: 0; }
  .lazyloaded + .lazyload-image__placeholder {
    display: none !important; }

/*================ Icon Sizes ==================*/
/*============================================================================
  Transitions
==============================================================================*/
/*============================================================================
  Heading sizing
==============================================================================*/
/*============================================================================
  Longform
==============================================================================*/
/*============================================================================
  Grid Requirements:
  * 8 column grid with 2 columns on either side as optional extended grid area
    only visible on larger screens
  * Configurable (ie through something similar to this file)
  * Different grid per breakpoint, ideally defined in isolation inside the
    breakpoint for minimal CSS undo-ing (ie. don't have to undo mobile styles
    once on desktop, vice versa)
  * Supports a mobile-first dev approach, with fallback for IE8
  * Nestable
  * Flexible for how containers react across breakpoints.
    Same container may collapse in different ways on different pages
==============================================================================*/
/*============================================================================
  Grid Measurements
==============================================================================*/
/*
  A note about the page-gutter and item-gutter values: In order to ensure that
  all sections of a page, whether they use the grid system or not, align neatly
  on the left and right edges, the `page-gutter` value needs to account for both
  the "page" gutter and the "item" gutter. Then, on grid containers, we use a
  negative margin to undo that additional item gutter, which then is re-added
  via actual grid items.

  So, `page-gutter` is 98px. This is to account for an 80px "page" gutter, plus
  the 18px "item" gutter. Which has the effort of making all things, whether
  they are inside of grid items or not, sit 98px from the left and right edges
  of the viewport. (These values are actually percentages, but they calculate to
  these pixel values when the viewport is at `max-width` or larger.)
*/
/*============================================================================
  Global Mixins used within page-specific and application stylesheets
==============================================================================*/
/*================ Cross-browser font smoothing ================*/
/*================ Primary fonts ================*/
/*================ Links ================*/
/*============================================================================
  Grid Helpers
==============================================================================*/
/*============================================================================
  Col Generators
==============================================================================*/
/*============================================================================
  Fluid grid @ desktop-up
==============================================================================*/
.flash-container {
  position: relative; }
  .flash-container + .flash-container {
    margin-top: 1.875em; }

.flash {
  padding: 0.9375em 3.0625em 0.9375em 3.5em;
  min-height: 3.75em;
  border: 0.125em solid;
  border-radius: 5px; }
  .flash h1,
  .flash h2,
  .flash h3,
  .flash h4,
  .flash h5,
  .flash h6,
  .flash .marketing-markdown li::before,
  .flash article li::before,
  .flash .article li::before {
    color: currentColor; }

.flash--notice,
.flash--info {
  background-color: #f4f6f8;
  border-color: #dfe3e8;
  color: #454f59; }
  .flash--notice,
  .flash--notice .marketing-markdown,
  .flash--notice article,
  .flash--notice .article,
  .flash--info,
  .flash--info .marketing-markdown,
  .flash--info article,
  .flash--info .article {
    color: #454f59; }

.flash--error,
.flash--alert {
  background-color: rgba(235, 100, 77, 0.05); }
  .flash--error,
  .flash--error .marketing-markdown,
  .flash--error article,
  .flash--error .article,
  .flash--alert,
  .flash--alert .marketing-markdown,
  .flash--alert article,
  .flash--alert .article {
    color: #eb644d; }

.flash--success {
  background-color: rgba(88, 180, 75, 0.05);
  border-color: #58b44b; }
  .flash--success,
  .flash--success .marketing-markdown,
  .flash--success article,
  .flash--success .article {
    color: #58b44b; }

.icon--flash {
  position: absolute;
  top: 0.9375em;
  left: 0.9375em;
  width: 1.625em;
  height: 1.625em;
  fill: currentColor; }

.flash__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.9375em;
  opacity: 0.8;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out; }
  .flash__close svg {
    width: 0.9375em;
    height: 0.9375em;
    fill: currentColor; }
  .flash__close:hover, .flash__close:focus {
    opacity: 1; }
  .flash__close:active {
    opacity: 0.8; }

.flash__content.marketing-markdown, article.flash__content,
.flash__content.article {
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0; }
  .flash__content.marketing-markdown .heading, article.flash__content .heading,
  .flash__content.article .heading {
    margin-top: -0.125em; }
  .flash__content.marketing-markdown > *:last-child, article.flash__content > *:last-child,
  .flash__content.article > *:last-child {
    margin-bottom: 0; }

@media screen and (max-width: 46.8125em) {
  .hero {
    text-align: center; } }
.hero .hero__inner {
  padding-top: 10%;
  padding-bottom: 10%; }
.hero .hero__image {
  width: 100%;
  height: auto; }

/*================ Good candidates for selective inclusion ================*/
.background-video,
.background-video--fallback {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  overflow: hidden;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media screen and (max-width: 46.8125em) {
    .background-video,
    .background-video--fallback {
      min-width: 0;
      min-height: 0;
      height: 100%;
      opacity: 1; } }
  .background-video.js-is-active,
  .background-video--fallback.js-is-active {
    opacity: 1;
    visibility: visible;
    z-index: 0; }

.inline-video,
.inline-video--fallback {
  display: block;
  max-width: 100%;
  height: auto; }

.responsive-video-wrapper {
  position: relative;
  height: 0;
  padding-top: 56.25%; }
  .responsive-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.icon-caret-right {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-242.1%20245.6%206.6%2010.3%22%3E%3Cpath%20d=%22M-235.6%20250.7l-5.1%205.2-1.4-1.4%203.7-3.8-3.7-3.7%201.4-1.4%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-caret-left {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-189.8%20245.6%20499.8%20792%22%3E%3Cpath%20d=%22M202.3%20245.6L310%20353.3%2025.5%20637.8%20310%20929.9l-107.7%20107.7-392.1-399.8%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.paginated-carousel {
  position: relative; }
  .paginated-carousel .carousel-item {
    position: relative; }
    @media screen and (max-width: 46.8125em) {
      .paginated-carousel .carousel-item {
        position: absolute;
        top: 0;
        display: none;
        float: none;
        width: auto;
        margin-right: 0;
        opacity: 0;
        -webkit-transform: translateX(50px);
                transform: translateX(50px);
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease; }
        .paginated-carousel .carousel-item.js-is-active {
          position: static;
          display: block;
          opacity: 1;
          -webkit-transform: translateX(0);
                  transform: translateX(0); } }
  .paginated-carousel .carousel-nav {
    opacity: 0;
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease; }
    .js-is-loaded .paginated-carousel .carousel-nav {
      opacity: 1; }
  .paginated-carousel .carousel-nav-items {
    text-align: center; }
  .paginated-carousel .carousel-nav-item {
    width: 0.8125em;
    height: 0.8125em;
    margin: 0 0.25em;
    line-height: 1.25em;
    vertical-align: middle;
    background-color: #919ea9;
    border-radius: 50%; }
    .paginated-carousel .carousel-nav-item.js-is-active {
      background: #000; }
  .paginated-carousel .carousel-arrow-left,
  .paginated-carousel .carousel-arrow-right {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .paginated-carousel .carousel-arrow-left {
    left: 0; }
  .paginated-carousel .carousel-arrow-right {
    right: 0; }

.inline-cta__heading {
  font-weight: 400;
  color: #454f59; }
  @media screen and (min-width: 46.875em) {
    .inline-cta__heading {
      display: inline-block; } }

@media screen and (min-width: 46.875em) {
  .inline-cta__button {
    margin-left: 30px; } }

@media screen and (min-width: 46.875em) {
  .marketing-input-button-pair__input,
  .marketing-input-button-pair__button {
    float: left; } }

@media screen and (max-width: 46.8125em) {
  .marketing-input-wrapper .marketing-input-button-pair__input {
    margin-bottom: 15px; } }

@media screen and (min-width: 46.875em) {
  .marketing-input-button-pair__input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 10px; } }

.marketing-input-button-pair__button {
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  @media screen and (max-width: 46.8125em) {
    .marketing-input-button-pair__button {
      width: 100%; } }

.marketing-input-button__field-wrapper::after {
  content: '';
  display: table;
  clear: both; }
@media screen and (min-width: 46.875em) {
  .marketing-input-button__field-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.no-flexbox .marketing-input-button-pair__button {
  width: 100%;
  padding-right: 0;
  padding-left: 0; }
  @media screen and (min-width: 46.875em) {
    .no-flexbox .marketing-input-button-pair__button {
      width: 40%; } }
@media screen and (min-width: 46.875em) {
  .no-flexbox .marketing-input-button-pair__input {
    width: 60%; } }

/*================ JS Modules ================*/
/*============================================================================
  Sticky Behavior
==============================================================================*/
.sticky-menu {
  padding: 15px 0; }

@media screen and (min-width: 46.875em) {
  .js-is-sticky-init .sticky-menu-content {
    float: right; } }

.js-is-sticky-container .sticky-menu {
  position: fixed;
  top: 0; }

.js-is-abs-container .sticky-menu {
  position: absolute;
  bottom: 0;
  top: auto; }
  @media screen and (min-width: 67.5em) {
    .page--has-secondary-nav .js-is-abs-container .sticky-menu {
      top: auto; } }
.js-is-abs-container .in-page-menu {
  margin-bottom: 0; }

/*
Menus for in-page navigation, either for jumping between sections or
filtering content.

.in-page-menu--vertical      - vertically stacked menu ideal for navigating between
                               sections on the page.
.in-page-menu--horizontal    - horizontal menu ideal for filtering content

Styleguide InPageMenu.
*/
.in-page-menu {
  list-style: none;
  margin-bottom: 30px; }
  .in-page-menu a {
    font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #454f59;
    font-size: 1em;
    display: block;
    -webkit-transition: all 150ms;
    transition: all 150ms; }
    .in-page-menu a:hover, .in-page-menu a:focus {
      color: #000; }
    .in-page-menu a.js-is-active {
      color: #000;
      border-color: #000; }

.in-page-menu--vertical {
  border-left: 1px solid #dfe3e8; }
  .in-page-menu--vertical a {
    margin-left: -1px;
    border-left: 3px solid transparent;
    padding: 0.625em 0 0.625em 1.0625em; }

.in-page-menu--horizontal a {
  border-bottom: 2px solid transparent;
  margin-right: 0.9375em;
  -webkit-transition-property: border, color;
  transition-property: border, color;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }
.in-page-menu--horizontal li {
  display: inline-block; }

/*============================================================================
 Mobile accordion
==============================================================================*/
@media screen and (max-width: 46.8125em) {
  .accordion-item--mobile.js-is-active .accordion-link::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cpath%20d=%22M4%2021.4h35.8v4.3H4z%22/%3E%3C/svg%3E'); }
  .accordion-item--mobile .accordion-link {
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: left;
    min-height: 1.25em;
    padding-right: 1.25em; }
    .accordion-item--mobile .accordion-link::after {
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cpath%20d=%22M4%2020.4h35.8v4.3H4z%22/%3E%3Cpath%20d=%22M19.7%204.7H24v35.8h-4.3z%22/%3E%3C/svg%3E');
      content: '';
      position: absolute;
      right: 0;
      top: 1px;
      width: 1.25em;
      height: 1.25em; }
  .accordion-item--mobile .accordion-content {
    display: none; } }
.accordion-item .accordion-content {
  display: none; }

.js-modal-open #SiteNavContainer,
.js-modal-open #PageContainer {
  display: none; }

.modal-container {
  background: #2a2c2e;
  display: none;
  min-height: 100vh;
  left: 0;
  opacity: 0;
  padding: 0 0 65px;
  top: 0;
  width: 100%;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  z-index: -1;
  color: #fff;
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms; }
  @media screen and (max-width: 46.8125em) {
    .modal-container {
      padding: 0 0 30px; } }
  .modal-container.is-transitioning {
    z-index: 1000;
    position: fixed; }
  .modal-container.js-is-active {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 1000; }
  .modal-container button:-moz-focusring,
  .modal-container a:-moz-focusring {
    outline: solid #fff 2px; }

.modal__header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1; }

.modal__controls {
  text-align: right; }

.modal__close {
  margin: 0.625em -0.625em 0 0;
  padding: 0.625em;
  opacity: 0.7;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease; }
  .modal__close:hover {
    opacity: 1; }
  .modal__close .icon-close-white {
    height: 16px;
    width: 16px; }

.modal {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  padding-top: 130px;
  position: relative;
  text-align: left;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  -webkit-transform: scale(0.85);
          transform: scale(0.85); }
  @media screen and (max-width: 46.8125em) {
    .modal {
      padding: 60px 30px 0; } }
  .js-is-active .modal {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .modal:focus {
    outline: none; }

.modal__heading {
  color: #fff; }

.popover-wrapper {
  position: relative;
  cursor: pointer;
  display: inline-block; }
  .popover-wrapper.js-is-active .popover {
    display: block;
    opacity: 1; }

.popover {
  position: absolute;
  z-index: 1001;
  display: none;
  opacity: 0;
  width: 13.75em;
  text-align: left;
  background-clip: padding-box;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms; }
  @media screen and (max-width: 46.8125em) {
    .popover {
      -webkit-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
      top: -10px;
      left: 50%; } }
  .popover::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: transparent solid 10px; }
    @media screen and (max-width: 46.8125em) {
      .popover::after {
        left: 50%;
        border-bottom-width: 0;
        margin-left: -10px;
        border-top-color: #fff; } }
  .popover::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: transparent solid 12px;
    z-index: -1; }
    @media screen and (max-width: 46.8125em) {
      .popover::before {
        left: 50%;
        border-bottom-width: 0;
        margin-left: -9px; } }

@media screen and (min-width: 46.875em) {
  .popover--top {
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    top: -10px;
    left: 50%; }
    .popover--top::after, .popover--top::before {
      left: 50%;
      border-bottom-width: 0; }
    .popover--top::after {
      border-top-color: #fff;
      margin-left: -10px; }
    .popover--top::before {
      border-top-color: rgba(69, 79, 89, 0.3);
      bottom: -11px;
      margin-left: -12px; } }

@media screen and (min-width: 46.875em) {
  .popover--right {
    left: 100%;
    top: 50%;
    margin-left: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .popover--right::after, .popover--right::before {
      top: 50%;
      border-left-width: 0; }
    .popover--right::after {
      border-right-color: #fff;
      bottom: -10px;
      left: -10px;
      margin-top: -10px; }
    .popover--right::before {
      border-right-color: rgba(69, 79, 89, 0.3);
      bottom: -11px;
      left: -11px;
      margin-top: -12px; } }

@media screen and (min-width: 46.875em) {
  .popover--left {
    right: 100%;
    top: 50%;
    margin-right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .popover--left::after, .popover--left::before {
      top: 50%;
      border-right-width: 0; }
    .popover--left::after {
      border-left-color: #fff;
      right: -10px;
      bottom: -10px;
      margin-top: -10px; }
    .popover--left::before {
      border-left-color: rgba(69, 79, 89, 0.3);
      right: -11px;
      bottom: -11px;
      margin-top: -12px; } }

@media screen and (min-width: 46.875em) {
  .popover--bottom {
    left: 50%;
    margin-top: 10px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .popover--bottom::after, .popover--bottom::before {
      left: 50%;
      border-top-width: 0; }
    .popover--bottom::after {
      border-bottom-color: #fff;
      top: -10px;
      margin-left: -10px; }
    .popover--bottom::before {
      border-bottom-color: rgba(69, 79, 89, 0.3);
      top: -11px;
      margin-left: -12px; } }

@media screen and (max-width: 46.8125em) {
  .popover-wrapper--dark .popover::after {
    border-top-color: rgba(48, 55, 59, 0.95); } }
@media screen and (min-width: 46.875em) {
  .popover-wrapper--dark .popover--top::after {
    border-top-color: rgba(48, 55, 59, 0.95); } }
@media screen and (min-width: 46.875em) {
  .popover-wrapper--dark .popover--right::after {
    border-right-color: rgba(48, 55, 59, 0.95); } }
@media screen and (min-width: 46.875em) {
  .popover-wrapper--dark .popover--bottom::after {
    border-bottom-color: rgba(48, 55, 59, 0.95); } }
@media screen and (min-width: 46.875em) {
  .popover-wrapper--dark .popover--left::after {
    border-left-color: rgba(48, 55, 59, 0.95); } }
.popover-wrapper--dark .popover-content {
  background-color: rgba(48, 55, 59, 0.95);
  color: #fff; }

.popover-content {
  background-color: #fff;
  padding: 0.5em 0.625em;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0.125em 0.0625em rgba(69, 79, 89, 0.4);
          box-shadow: 0 0 0.125em 0.0625em rgba(69, 79, 89, 0.4); }
  .popover-dropdown .popover-content {
    padding: 0.9375em 1.875em; }
    .popover-dropdown .popover-content li {
      display: block;
      line-height: 1em; }
    .popover-dropdown .popover-content a,
    .popover-dropdown .popover-content button {
      display: block;
      position: relative;
      color: #454f59;
      padding: 0.625em 0; }
      .popover-dropdown .popover-content a:hover, .popover-dropdown .popover-content a:focus, .popover-dropdown .popover-content a.active,
      .popover-dropdown .popover-content button:hover,
      .popover-dropdown .popover-content button:focus,
      .popover-dropdown .popover-content button.active {
        color: #000; }

.popover-dropdown .popover__arrow::after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.1875em;
  width: 10px;
  height: 0.75em;
  content: '';
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20baseProfile=%22tiny%22%20viewBox=%220%200%2010.289%206.563%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23c4cdd5%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M5.212%206.563L0%201.423%201.404%200l3.788%203.735L8.865.01l1.424%201.404%22/%3E%3C/svg%3E');
  background-size: 100% auto;
  background-repeat: no-repeat; }
.popover-dropdown.js-is-active .popover__arrow {
  color: #fff; }
  .popover-dropdown.js-is-active .popover__arrow::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20baseProfile=%22tiny%22%20viewBox=%220%200%2010.289%206.563%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23fff%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M5.212%206.563L0%201.423%201.404%200l3.788%203.735L8.865.01l1.424%201.404%22/%3E%3C/svg%3E'); }

.js-window-loading {
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out; }
  .js-is-loaded .js-window-loading {
    opacity: 1; }

.responsive-svg {
  height: 0;
  position: relative; }
  .responsive-svg svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }

/*============================================================================
  Responsive Helpers
==============================================================================*/
/*================ Selectively show/hide content ================*/
.display--mobile,
.display--tablet,
.display--desktop {
  display: none !important; }

@media screen and (min-width: 67.5em) {
  .display--desktop {
    display: block !important; }

  .hide--desktop {
    display: none !important; } }
@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
  .display--tablet {
    display: block !important; }

  .hide--tablet {
    display: none !important; } }
@media screen and (max-width: 46.8125em) {
  .display--mobile {
    display: block !important; }

  .hide--mobile {
    display: none !important; } }
.gutter-bottom {
  margin-bottom: 30px; }

.gutter-bottom--reset {
  margin-bottom: 0 !important; }

.gutter-bottom--half {
  margin-bottom: 15px; }

@media screen and (max-width: 46.8125em) {
  .gutter-bottom--reset--mobile {
    margin-bottom: 0 !important; }

  .gutter-bottom--mobile {
    margin-bottom: 30px; } }
@media screen and (max-width: 67.4375em) {
  .gutter-bottom--tablet-down {
    margin-bottom: 30px; } }
.text-center {
  text-align: center; }

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

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

@media screen and (min-width: 67.5em) {
  .text-right--desktop-up {
    text-align: right; } }

@media screen and (min-width: 46.875em) {
  .text-right--tablet-up {
    text-align: right; } }

@media screen and (min-width: 46.875em) {
  .text-center--tablet-up {
    text-align: center; } }

@media screen and (max-width: 67.4375em) {
  .text-center--tablet-down {
    text-align: center; } }

@media screen and (max-width: 46.8125em) {
  .text-center--mobile {
    text-align: center; } }

/*
  text- classes for colors are now DEPRECATED
  use color- and background- instead
*/
.text-white {
  color: #fff; }

.text-slate {
  color: #30373b; }

/*
  Updated color utility classes
*/
.color-primary {
  color: #5e6ebf; }

.color-white {
  color: #fff; }

.color-grey {
  color: #454f59; }

.color-grey-light {
  color: #919ea9; }

.color-grey-dark {
  color: #212b37; }

.color-slate {
  color: #30373b; }

.color-ink {
  color: #212b35; }

.color-ink-light {
  color: #454f5b; }

.color-ink-lighter {
  color: #637381; }

.color-ink-lightest {
  color: #919eab; }

.color-black {
  color: #000; }

.background-primary {
  background-color: #5e6ebf; }

.background-white {
  background-color: #fff; }

.background-light {
  background: #f4f6f8; }

.background-slate {
  background-color: #30373b; }

.background-black {
  background-color: #000; }

.breadcrumbs {
  border-bottom: 1px solid #dfe3e8;
  margin-bottom: 0.9375em; }

.breadcrumbs__item {
  display: inline-block; }

.breadcrumbs__link {
  color: inherit; }

.icon-caret-right {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-242.1%20245.6%206.6%2010.3%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23919ea9%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M-235.6%20250.7l-5.1%205.2-1.4-1.4%203.7-3.8-3.7-3.7%201.4-1.4%22/%3E%3C/svg%3E'); }

.breadcrumbs__separator {
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: middle; }
  .breadcrumbs__item:last-child .breadcrumbs__separator {
    display: none; }

.marketing-markdown, article,
.article {
  margin-bottom: 30px;
  color: #2a2c2e;
  font-size: 18px;
  line-height: 1.7; }
  .marketing-markdown h2, article h2,
  .article h2 {
    margin-top: 1.875em;
    margin-bottom: 0.9375em;
    font-size: 1.77778em;
    line-height: 1.2;
    font-weight: 500;
    clear: both; }
  .marketing-markdown h3, article h3,
  .article h3 {
    font-size: 1.38889em;
    font-weight: 500;
    margin-top: 1.8em;
    margin-bottom: 1.2em; }
  .marketing-markdown h4, article h4,
  .article h4 {
    font-size: 1.11111em;
    font-weight: 500;
    margin-top: 2.25em;
    margin-bottom: 1.5em; }
  .marketing-markdown p, article p,
  .article p,
  .marketing-markdown ul,
  article ul,
  .article ul,
  .marketing-markdown ol,
  article ol,
  .article ol {
    margin-bottom: 1.66667em; }
  .marketing-markdown p, article p,
  .article p {
    line-height: inherit; }
  .marketing-markdown a:not(.marketing-button):not(.marketing-nav__button), article a:not(.marketing-button):not(.marketing-nav__button),
  .article a:not(.marketing-button):not(.marketing-nav__button) {
    color: #5e6ebf;
    text-decoration: underline;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
    -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip: ink;
    -webkit-transition: color 150ms;
    transition: color 150ms;
    color: inherit; }
    .marketing-markdown a:not(.marketing-button):not(.marketing-nav__button):hover, article a:not(.marketing-button):not(.marketing-nav__button):hover,
    .article a:not(.marketing-button):not(.marketing-nav__button):hover, .marketing-markdown a:not(.marketing-button):not(.marketing-nav__button):focus, article a:not(.marketing-button):not(.marketing-nav__button):focus,
    .article a:not(.marketing-button):not(.marketing-nav__button):focus {
      color: #485ab6; }
    .marketing-markdown a:not(.marketing-button):not(.marketing-nav__button):focus, article a:not(.marketing-button):not(.marketing-nav__button):focus,
    .article a:not(.marketing-button):not(.marketing-nav__button):focus {
      outline: 0;
      background-color: rgba(94, 110, 191, 0.125); }
  .marketing-markdown a[style*='background-color']:not(.marketing-button):not(.marketing-nav__button), article a[style*='background-color']:not(.marketing-button):not(.marketing-nav__button),
  .article a[style*='background-color']:not(.marketing-button):not(.marketing-nav__button) {
    text-decoration: none; }
  .marketing-markdown ul, article ul,
  .article ul {
    padding-left: 1.25em;
    list-style: disc outside; }
    .marketing-markdown ul > li, article ul > li,
    .article ul > li {
      padding-left: 5px; }
  .marketing-markdown ol, article ol,
  .article ol {
    list-style-type: none;
    counter-reset: ol-counter; }
    .marketing-markdown ol > li, article ol > li,
    .article ol > li {
      position: relative;
      padding-left: 2.1875em; }
      .marketing-markdown ol > li::before, article ol > li::before,
      .article ol > li::before {
        font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 0;
        min-width: 30px;
        content: counter(ol-counter) ".";
        counter-increment: ol-counter;
        color: #30373b; }
  .marketing-markdown li, article li,
  .article li {
    margin-bottom: 7px; }
  .marketing-markdown img, article img,
  .article img,
  .marketing-markdown iframe,
  article iframe,
  .article iframe,
  .marketing-markdown figure,
  article figure,
  .article figure {
    margin-top: 0.625em;
    margin-bottom: 1.875em; }
  .marketing-markdown figure img, article figure img,
  .article figure img {
    margin-top: 0;
    margin-bottom: 0; }
  .marketing-markdown figcaption, article figcaption,
  .article figcaption {
    margin-top: 0.3125em; }
  .marketing-markdown hr, article hr,
  .article hr {
    margin: 30px 0;
    height: 1px;
    background: #dfe3e8;
    border: 0; }
  .marketing-markdown blockquote, article blockquote,
  .article blockquote {
    font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 1.33333em;
    line-height: 1.3;
    color: #5e6ebf; }
    @media screen and (min-width: 67.5em) {
      .marketing-markdown blockquote, article blockquote,
      .article blockquote {
        font-size: 1.55556em;
        line-height: 1.5;
        padding-left: 30px;
        margin-left: -15%;
        width: 115%; } }
    .marketing-markdown blockquote p, article blockquote p,
    .article blockquote p {
      position: relative;
      margin-bottom: 15px;
      line-height: inherit; }
      .marketing-markdown blockquote p::before, article blockquote p::before,
      .article blockquote p::before, .marketing-markdown blockquote p::after, article blockquote p::after,
      .article blockquote p::after {
        font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
        font-weight: 300;
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto;
        display: inline-block;
        font-size: 2em;
        line-height: 0; }
      .marketing-markdown blockquote p::before, article blockquote p::before,
      .article blockquote p::before {
        content: '\201C';
        position: absolute;
        top: 15px;
        left: -0.48em; }
      .marketing-markdown blockquote p::after, article blockquote p::after,
      .article blockquote p::after {
        content: '\201D';
        -webkit-transform: translate(0.1em, 0.6em);
                transform: translate(0.1em, 0.6em); }
    .marketing-markdown blockquote cite, article blockquote cite,
    .article blockquote cite {
      font-size: 0.75em; }
      .marketing-markdown blockquote cite::before, article blockquote cite::before,
      .article blockquote cite::before {
        font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\2014'; }
  .marketing-markdown .right-align, article .right-align,
  .article .right-align {
    float: right;
    margin: 0 0 30px 30px;
    clear: right; }
  .marketing-markdown .left-align, article .left-align,
  .article .left-align {
    float: left;
    margin: 0 30px 30px 0;
    clear: left; }

.pagination {
  padding-top: 15px;
  border-top: 1px solid #dfe3e8;
  text-align: center; }
  .pagination::after {
    content: '';
    display: table;
    clear: both; }
  .pagination li {
    display: inline-block; }
  .pagination a {
    display: inline-block;
    padding: 15px;
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease; }
    .pagination a:hover, .pagination a:focus {
      color: #000; }

.pagination__numbered-links {
  width: 75%;
  margin: 0 auto; }

.pagination__prev {
  float: left; }
  .pagination__prev > a {
    padding-left: 0; }

.pagination__next {
  float: right; }
  .pagination__next > a {
    padding-right: 0; }

.pagination__current-page > a {
  color: #000; }

.search-form {
  position: relative;
  margin-bottom: 30px; }

.search-form__input {
  font-family: 'ShopifySans', Helvetica, Arial, 'Lucida Grande', sans-serif;
  height: 38px;
  font-size: 0.875em;
  border-radius: 19px;
  padding: 0 16px 0 40px; }

.search-form__submit {
  position: absolute;
  top: 11px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%235e6ebf%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M15.552%2013.62L11.27%209.333c.585-.936.925-2.046.925-3.23C12.195%202.73%209.465%200%206.098%200%202.73%200%200%202.732%200%206.103c0%203.37%202.73%206.1%206.098%206.1%201.19%200%202.304-.343%203.244-.935l4.28%204.283c.295.3.68.45%201.063.45h.005c.333%200%20.674-.12.93-.373.258-.26.38-.6.38-.94%200-.382-.154-.768-.448-1.063zM9.498%206.102c-.003%201.874-1.526%203.4-3.4%203.402C4.224%209.5%202.7%207.976%202.698%206.102c.003-1.875%201.526-3.4%203.4-3.404%201.874.003%203.397%201.528%203.4%203.403z%22/%3E%3C/svg%3E'); }

/*! Tablesaw - v3.0.0 - 2017-02-14
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2017 Filament Group; Licensed MIT */
.tablesaw {
  width: 100%;
  max-width: 100%;
  empty-cells: show;
  border-collapse: collapse;
  border: 0;
  padding: 0; }

.tablesaw * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.tablesaw th,
.tablesaw td {
  padding: .5em .7em; }

.tablesaw thead tr:first-child th {
  padding-top: .9em;
  padding-bottom: .7em; }

.tablesaw-bar .btn {
  border: 1px solid #ccc;
  border-radius: .25em;
  background: none;
  -webkit-box-shadow: 0 1px 0 white;
          box-shadow: 0 1px 0 white;
  color: #4a4a4a;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: .5em .85em .4em .85em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.tablesaw-bar a.btn {
  color: #1c95d4; }

.tablesaw-bar .btn:hover {
  text-decoration: none; }

/* Default radio/checkbox styling horizonal controlgroups. */
.tablesaw-bar .btn:active {
  background-color: #ddd; }

@supports (box-shadow: none) {
  .tablesaw-bar .btn:focus {
    background-color: #fff;
    outline: none; }

  .tablesaw-bar .btn:focus {
    -webkit-box-shadow: 0 0 .35em #4faeef !important;
            box-shadow: 0 0 .35em #4faeef !important; } }
.tablesaw-bar .btn-select select {
  background: none;
  border: none;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 1em;
  opacity: 0;
  color: transparent; }

.tablesaw-bar .btn select option {
  background: #fff;
  color: #000; }

.tablesaw-bar .btn {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  top: 0; }

.tablesaw-bar .btn.btn-small {
  font-size: 1.0625em;
  line-height: 19px;
  padding: .3em 1em .3em 1em; }

.tablesaw-bar .btn.btn-micro {
  font-size: .8125em;
  padding: .4em .7em .25em .7em; }

.tablesaw-bar .btn-select {
  padding-right: 1.5em;
  text-align: left;
  display: inline-block;
  color: #4d4d4d;
  padding-right: 2.5em;
  min-width: 7.25em;
  text-align: left; }

.tablesaw-bar .btn-select:after {
  content: " ";
  position: absolute;
  background: none;
  background-repeat: no-repeat;
  background-position: .25em .45em;
  content: "\25bc";
  font-size: .55em;
  padding-top: 1.2em;
  padding-left: 1em;
  left: auto;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  width: 1.8em; }

.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
  width: 1.2em;
  font-size: .5em;
  padding-top: 1em;
  padding-right: .5em;
  line-height: 1.65;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-left-width: 0; }

/* Column navigation buttons for swipe and columntoggle tables */
.tablesaw-advance .btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-shadow: 0 1px 0 #fff;
  border-radius: .25em; }

.tablesaw-advance .btn.btn-micro {
  font-size: .8125em;
  padding: .3em .7em .25em .7em; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn:first-child {
  margin-left: 0; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn:last-child {
  margin-right: 0; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
  display: inline-block;
  overflow: hidden;
  width: 1.8em;
  height: 1.8em;
  background-position: 50% 50%;
  margin-left: .25em;
  margin-right: .25em;
  position: relative; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  content: "\0020";
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #808080; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #808080; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  top: .45em;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
  left: .6em;
  border-right: 5px solid #808080; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  left: .7em;
  border-left: 5px solid #808080; }

.tablesaw-advance a.tablesaw-nav-btn.disabled {
  opacity: .25;
  cursor: default;
  pointer-events: none; }

/* Table Toolbar */
.tablesaw-bar {
  clear: both; }

.tablesaw-toolbar {
  float: left; }

.tablesaw-toolbar label {
  font-size: .875em;
  padding: .5em 0;
  clear: both;
  display: block;
  color: #888;
  margin-right: .5em;
  text-transform: uppercase; }

.tablesaw-bar .btn,
.tablesaw-enhanced .tablesaw-bar .btn {
  margin-top: .5em;
  margin-bottom: .5em; }

.tablesaw-bar .btn-select,
.tablesaw-enhanced .tablesaw-bar .btn-select {
  margin-bottom: 0; }

.tablesaw-bar .tablesaw-toolbar .btn {
  margin-left: .4em;
  margin-top: 0;
  text-transform: uppercase;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-size: 1em;
  padding-left: .3em; }

.tablesaw-bar .tablesaw-toolbar .btn-select {
  min-width: 0; }

.tablesaw-bar .tablesaw-toolbar .btn-select:after {
  padding-top: .9em; }

.tablesaw-bar .tablesaw-toolbar select {
  color: #888;
  text-transform: none;
  background: transparent; }

.tablesaw-toolbar ~ table {
  clear: both; }

.tablesaw-toolbar .a11y-sm {
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px; }

@media (min-width: 24em) {
  .tablesaw-toolbar .a11y-sm {
    clip: none;
    height: auto;
    width: auto;
    position: static;
    overflow: visible; } }
.tablesaw th,
.tablesaw td {
  text-align: left;
  vertical-align: middle; }

.tablesaw thead th {
  text-align: left; }

/* Table rows have a gray bottom stroke by default */
.tablesaw-row-border tr {
  border-bottom: 1px solid #dfdfdf; }

/* Zebra striping */
.tablesaw-row-zebra tr:nth-child(2n) {
  background-color: #f8f8f8; }

.tablesaw caption {
  text-align: left;
  margin: .59375em 0; }

.tablesaw-swipe .tablesaw-cell-persist {
  border-right: 2px solid #e4e1de; }

.tablesaw-swipe-shadow .tablesaw-cell-persist {
  border-right-width: 1px; }

.tablesaw-swipe-shadow .tablesaw-cell-persist {
  -webkit-box-shadow: 3px 0 4px -1px #e4e1de;
          box-shadow: 3px 0 4px -1px #e4e1de; }

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none; }

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
/* Support note IE9+: @media only all */
@media only all {
  /* Show the table cells as a block level element */
  .tablesaw-stack {
    clear: both; }

  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block; }

  .tablesaw-stack tr {
    clear: both;
    display: table-row; }

  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 .6em 0 0;
    width: 30%;
    display: inline-block; }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0; }

  .tablesaw-cell-label {
    display: block; }

  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px; }

  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important; } }
@media (max-width: 39.9375em) {
  /* Table rows have a gray bottom stroke by default */
  .tablesaw-stack tbody tr {
    display: block;
    width: 100%;
    border-bottom: 1px solid #dfdfdf; }

  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none; }

  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    display: block;
    float: left;
    clear: left;
    width: 100%; }

  .tablesaw-cell-label {
    vertical-align: top; }

  .tablesaw-cell-content {
    max-width: 67%;
    display: inline-block; }

  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none; } }
/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row; }

  /* Show the table header rows */
  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0; }

  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important; } }
.tablesaw-fix-persist {
  table-layout: fixed; }

@media only all {
  /* Unchecked manually: Always hide */
  .tablesaw-swipe th.tablesaw-cell-hidden,
  .tablesaw-swipe td.tablesaw-cell-hidden {
    display: none; } }
.btn.tablesaw-columntoggle-btn span {
  text-indent: -9999px;
  display: inline-block; }

.tablesaw-columntoggle-btnwrap {
  position: relative;
  /* for dialog positioning */ }

.tablesaw-columntoggle-btnwrap .dialog-content {
  padding: .5em; }

.tablesaw-columntoggle tbody td {
  line-height: 1.5; }

/* Remove top/bottom margins around the fieldcontain on check list */
.tablesaw-columntoggle-popup {
  display: none; }

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
  display: block;
  position: absolute;
  top: 2em;
  right: 0;
  background-color: #fff;
  padding: .5em .8em;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 2px #ccc;
          box-shadow: 0 1px 2px #ccc;
  border-radius: .2em;
  z-index: 1; }

.tablesaw-columntoggle-popup fieldset {
  margin: 0; }

/* Hide all prioritized columns by default */
@media only all {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6,
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5,
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4,
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3,
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2,
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: none; } }
.tablesaw-columntoggle-btnwrap .dialog-content {
  top: 0 !important;
  right: 1em;
  left: auto !important;
  width: 12em;
  max-width: 18em;
  margin: -.5em auto 0; }

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
  outline-style: none; }

/* Preset breakpoints if "" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
@media (min-width: 20em) {
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: table-cell; } }
/* Show priority 2 at 480px (30em x 16px) */
@media (min-width: 30em) {
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2 {
    display: table-cell; } }
/* Show priority 3 at 640px (40em x 16px) */
@media (min-width: 40em) {
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3 {
    display: table-cell; }

  .tablesaw-columntoggle tbody td {
    line-height: 2; } }
/* Show priority 4 at 800px (50em x 16px) */
@media (min-width: 50em) {
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4 {
    display: table-cell; } }
/* Show priority 5 at 960px (60em x 16px) */
@media (min-width: 60em) {
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5 {
    display: table-cell; } }
/* Show priority 6 at 1,120px (70em x 16px) */
@media (min-width: 70em) {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6 {
    display: table-cell; } }
@media only all {
  /* Unchecked manually: Always hide */
  .tablesaw-columntoggle th.tablesaw-cell-hidden,
  .tablesaw-columntoggle td.tablesaw-cell-hidden {
    display: none; }

  /* Checked manually: Always show */
  .tablesaw-columntoggle th.tablesaw-cell-visible,
  .tablesaw-columntoggle td.tablesaw-cell-visible {
    display: table-cell; } }
.tablesaw-columntoggle-popup .btn-group > label {
  display: block;
  padding: .2em 0;
  white-space: nowrap; }

.tablesaw-columntoggle-popup .btn-group > label input {
  margin-right: .8em; }

.tablesaw-sortable,
.tablesaw-sortable thead,
.tablesaw-sortable thead tr,
.tablesaw-sortable thead tr th {
  position: relative; }

.tablesaw-sortable thead tr th {
  vertical-align: top; }

.tablesaw-sortable th.tablesaw-sortable-head.tablesaw-sortable-head {
  padding: 0; }

.tablesaw-sortable th.tablesaw-sortable-head button {
  padding-top: .9em;
  padding-bottom: .7em;
  padding-left: .6em;
  padding-right: .6em; }

.tablesaw-sortable .tablesaw-sortable-head button {
  min-width: 100%;
  color: inherit;
  background: transparent;
  border: 0;
  padding: 0;
  text-align: inherit;
  font: inherit;
  text-transform: inherit; }

.tablesaw-sortable-arrow:after {
  display: inline-block;
  width: 10px;
  height: 14px;
  content: " ";
  margin-left: .3125em; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
  content: "\0020"; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after {
  content: "\2191"; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
  content: "\2193"; }

.tablesaw-sortable .not-applicable:after {
  content: "--";
  display: block; }

.tablesaw-sortable .not-applicable span {
  display: none; }

.tablesaw-advance {
  float: right; }

.tablesaw-advance.minimap {
  margin-right: .4em; }

.tablesaw-advance-dots {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none; }

.tablesaw-advance-dots li {
  display: table-cell;
  margin: 0;
  padding: .4em .2em; }

.tablesaw-advance-dots li i {
  width: .25em;
  height: .25em;
  background: #555;
  border-radius: 100%;
  display: inline-block; }

.tablesaw-advance-dots-hide {
  opacity: .25;
  cursor: default;
  pointer-events: none; }

h1,
.heading--1,
h2,
.heading--2 {
  font-weight: normal; }

hr {
  margin: 30px 0;
  border: 1px solid #dfe3e8; }

figure,
.img-wrapper,
.video-wrapper {
  padding: 15px;
  margin: 30px 0;
  text-align: center;
  background: #f9fafb; }
  figure img,
  .img-wrapper img,
  .video-wrapper img {
    max-width: 100%;
    height: auto;
    margin: 0;
    border: 0; }
  figure video,
  figure iframe,
  .img-wrapper video,
  .img-wrapper iframe,
  .video-wrapper video,
  .video-wrapper iframe {
    max-width: 100%;
    margin: 0;
    border: 0; }

.columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .columns .column {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 360px; }

main {
  font-size: 15px; }

.breadcrumbs {
  padding-top: 15px;
  font-size: 0.9em; }
  @media screen and (max-width: 46.8125em) {
    .breadcrumbs .page-width {
      margin: 0 30px;
      padding-left: 0;
      overflow-x: scroll; }
      .breadcrumbs .page-width::-webkit-scrollbar {
        display: block;
        height: 0.5em; }
      .breadcrumbs .page-width::-webkit-scrollbar-thumb {
        display: block;
        background-color: #454f59;
        border-radius: 10px; }
    .breadcrumbs ul {
      white-space: nowrap;
      width: auto; } }

.sidebar-column {
  padding-bottom: 15px;
  margin-top: 15px;
  font-size: 0.9em;
  border-right: 1px solid #dfe3e8; }

.sidebar-menu {
  margin: 0;
  line-height: 1.2; }

.sidebar-menu--support {
  border-top: 1px solid #dfe3e8;
  margin-top: 30px;
  padding-top: 15px; }

.sidebar-menu__item {
  padding: 7.5px 10px; }
  .sidebar-menu__item.sidebar-menu__item--active {
    background: #707ec6;
    border-left: 0; }
    .sidebar-menu__item.sidebar-menu__item--active a {
      color: #fff; }
    .sidebar-menu__item.sidebar-menu__item--active .heading-flag {
      color: #cccccc; }
  .sidebar-menu__item a {
    overflow: hidden;
    text-overflow: ellipsis; }

.sidebar-menu__item--active a,
.sidebar-menu__item--expanded a {
  font-weight: 600; }

.sidebar-menu__item--active a {
  color: #000; }

.sidebar-menu__item--0 {
  padding-left: 15px;
  border-left: 2px solid white; }
  .sidebar-menu__item--0.sidebar-menu__item--expanded {
    border-left: 2px solid #dbdbdb; }
  .sidebar-menu__item--0.sidebar-menu__item--active {
    border-left: 0; }

.sidebar-menu__item--1 {
  padding-left: 30px;
  border-left: 2px solid #dbdbdb; }
  .sidebar-menu__item--1.sidebar-menu__item--expanded {
    border-left: 2px solid #b6b6b6; }
  .sidebar-menu__item--1.sidebar-menu__item--active {
    border-left: 0; }

.sidebar-menu__item--2 {
  padding-left: 45px;
  border-left: 2px solid #b6b6b6; }
  .sidebar-menu__item--2.sidebar-menu__item--expanded {
    border-left: 2px solid #929292; }
  .sidebar-menu__item--2.sidebar-menu__item--active {
    border-left: 0; }

.sidebar-menu__item--3 {
  padding-left: 60px;
  border-left: 2px solid #929292; }
  .sidebar-menu__item--3.sidebar-menu__item--expanded {
    border-left: 2px solid #6d6d6d; }
  .sidebar-menu__item--3.sidebar-menu__item--active {
    border-left: 0; }

.sidebar-menu__item--4 {
  padding-left: 75px;
  border-left: 2px solid #6d6d6d; }
  .sidebar-menu__item--4.sidebar-menu__item--expanded {
    border-left: 2px solid #494949; }
  .sidebar-menu__item--4.sidebar-menu__item--active {
    border-left: 0; }

.sidebar-menu__item--5 {
  padding-left: 90px;
  border-left: 2px solid #494949; }
  .sidebar-menu__item--5.sidebar-menu__item--expanded {
    border-left: 2px solid #242424; }
  .sidebar-menu__item--5.sidebar-menu__item--active {
    border-left: 0; }

.sidebar-menu__item--6 {
  padding-left: 105px;
  border-left: 2px solid #242424; }
  .sidebar-menu__item--6.sidebar-menu__item--expanded {
    border-left: 2px solid black; }
  .sidebar-menu__item--6.sidebar-menu__item--active {
    border-left: 0; }

article,
.article {
  font-size: 15px; }
  article h1,
  article h2,
  .article h1,
  .article h2 {
    font-weight: normal; }
  article h1,
  article h3,
  article h4,
  .article h1,
  .article h3,
  .article h4 {
    margin-top: 90px;
    margin-bottom: 30px; }
  article h2,
  .article h2 {
    padding-top: 60px;
    margin-top: 60px;
    border-top: 1px solid #dfe3e8; }
  article h1:first-of-type,
  .article h1:first-of-type {
    margin-top: 0;
    margin-bottom: 60px; }
  article p a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-block),
  article li a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-block),
  .article p a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-block),
  .article li a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-block) {
    color: inherit;
    border-bottom: 1px solid #5e6ebf;
    text-decoration: none; }
    article p a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-block):hover,
    article li a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-block):hover,
    .article p a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-block):hover,
    .article li a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-block):hover {
      color: #5e6ebf; }
    article p a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-block)[href*='shopify.com/admin']::after,
    article li a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-block)[href*='shopify.com/admin']::after,
    .article p a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-block)[href*='shopify.com/admin']::after,
    .article li a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-block)[href*='shopify.com/admin']::after {
      display: inline-block;
      width: 0.8em;
      height: 0.8em;
      margin-left: 2px;
      vertical-align: text-top;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%235e6ebf%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M17%202c.553%200%201%20.448%201%201v5c0%20.552-.447%201-1%201s-1-.448-1-1V5.414l-7.293%207.293c-.195.195-.45.293-.707.293s-.512-.098-.707-.293c-.39-.39-.39-1.023%200-1.414L14.586%204H12c-.553%200-1-.448-1-1s.447-1%201-1h5zm-4%209c.553%200%201%20.448%201%201v5c0%20.552-.447%201-1%201H3c-.553%200-1-.448-1-1V7c0-.552.447-1%201-1h5c.553%200%201%20.448%201%201s-.447%201-1%201H4v8h8v-4c0-.552.447-1%201-1z%22/%3E%3C/svg%3E%0A');
      background-repeat: no-repeat;
      content: ''; }
  article .code-label,
  .article .code-label {
    margin-bottom: 0; }
  article ol ol,
  .article ol ol {
    counter-reset: ol-ol-counter; }
    article ol ol li,
    .article ol ol li {
      counter-increment: ol-ol-counter; }
      article ol ol li:before,
      .article ol ol li:before {
        content: counter(ol-ol-counter,lower-alpha) ". "; }

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  margin: 7.5px 15px;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .card:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15); }

.card--bordered {
  border: 1px solid #dfe3e8;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); }

.card__decor {
  min-width: 60px; }

.card__content {
  display: block; }

.marketing-checkbox {
  overflow: inherit; }

.note {
  padding: 20px;
  text-align: left;
  background: #f7f8f9;
  border-left: 4px solid #647382; }
  .note h4 {
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #647382;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2033.8%2039.5%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23647382%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M13.3%2034.6c.2.1.4.2.7.4-.3-.1-.5-.2-.7-.4z%22/%3E%3Cpath%20d=%22M33%208c.7-1.2%201-2.6.6-4-.3-1.4-1.2-2.5-2.4-3.2-.7-.5-1.7-.8-2.6-.8-1.8%200-3.5.9-4.5%202.5-.8%201.3-1%202.8-.6%204.2-.7-.2-1.4-.3-2.2-.4-4.3-.4-8.6%201.4-11.3%204.9%200%200%200%20.1-.1.1-.3.3-.5.7-.7%201.1-.3.6-.6%201.1-.8%201.6-.8%201.8-2.1%203.2-3.9%204-1.6.7-2%20.7-2.1.7-.8.1-1.5.5-2%201.2-.4.7-.5%201.5-.2%202.3C1.3%2024.7%203%2026.9%205.3%2029l1.8%201.5c-.3.3-.5.6-.8%201-1.5%202.5-.7%205.7%201.7%207.2.8.5%201.8.8%202.7.8%201.8%200%203.5-.9%204.5-2.5.2-.3.4-.7.5-1.1.5.2%201%20.5%201.5.6%202.8%201.1%205.4%201.7%208%201.7h1.2c.8%200%201.5-.5%201.9-1.2.4-.7.5-1.6.2-2.3%200-.1-.2-.5-.3-2.2-.1-1.9.5-3.7%201.7-5.1l.1-.2c.4-.5.7-.9%201-1.4l.6-1.2v-.1c2-4.2%201.5-9.1-1.2-12.9-.3-.4-.6-.8-1-1.2C31%2010.1%2032.2%209.3%2033%208zM13.6%2036c-.6%201-1.6%201.5-2.8%201.5-.6%200-1.2-.2-1.7-.5-1.5-.9-2-2.9-1.1-4.5.2-.3.4-.6.7-.8.8.6%201.6%201.1%202.6%201.7.7.4%201.4.8%202%201.2.2.1.4.2.7.3-.1.4-.2.8-.4%201.1zm16.3-12.3c-.2.4-.3.7-.5%201-.2.4-.5.8-.9%201.2l-.1.1c-1%201.2-1.7%202.7-2%204.2-.1%200-.1.1-.2.1-1.6.4-11-2.6-16.2-8.9-.3-.4-1-.5-1.4-.1-.4.3-.5%201-.1%201.4%205%206.1%2014%209.7%2017.5%209.7h.3v.1c.1%201.9.3%202.6.5%202.9.1.2%200%20.4%200%20.5%200%20.1-.2.2-.4.2-2.7.2-5.3-.3-8.3-1.5-.8-.3-1.6-.7-2.5-1.1-1-.5-2.1-1.1-3.2-1.8s-2.1-1.3-3-2c-.9-.7-1.8-1.4-2.7-2.2-2.1-1.9-3.6-4-4.6-6.2-.1-.2%200-.4%200-.4%200-.1.2-.2.4-.2s.8-.1%202.8-.9c2.2-1%204-2.8%205-5%20.2-.4.4-.8.7-1.3.2-.3.4-.5.6-.8%200%200%200-.1.1-.1%202.2-2.9%205.9-4.5%209.6-4.1%201.6.2%203.2.7%204.6%201.6%201.2.8%202.3%201.7%203.1%202.9%202.2%203%202.6%207.1.9%2010.7zM31.3%207c-.6%201-1.6%201.5-2.8%201.5-.6%200-1.2-.2-1.7-.5-1.5-.9-2-2.9-1.1-4.5.6-1%201.6-1.5%202.8-1.5.6%200%201.2.2%201.7.5.7.5%201.3%201.2%201.5%202%20.2.8.1%201.7-.4%202.5z%22/%3E%3Cpath%20d=%22M22.8%2011.3c-.2.5-.7.8-1.2.7-.1%200-4.2-.7-8.8%208.5-.1.3-.5.5-.8.5-.2%200-.3%200-.4-.1-.5-.2-.7-.9-.5-1.3%205.5-10.9%2010.8-9.6%2011-9.5.6.1.9.7.7%201.2z%22/%3E%3C/svg%3E');
    background-position: left center;
    background-repeat: no-repeat; }
  .note figure,
  .note .img-wrapper,
  .note .video-wrapper {
    padding: 0;
    background: none; }
  .note :last-child {
    margin-bottom: 0; }

.note-information,
.note.tip {
  background: #f6fafd;
  border-left-color: #469bcd; }
  .note-information h4,
  .note.tip h4 {
    color: #469bcd;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23469bcd%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M22.47%206h-6.53v2H22v30H2V8h6V6H1.53C.68%206%200%206.68%200%207.53v30.94C0%2039.32.68%2040%201.53%2040h20.94c.85%200%201.53-.68%201.53-1.53V7.53C24%206.68%2023.32%206%2022.47%206z%22/%3E%3Cpath%20d=%22M13.45%200h-2.96C9.12%200%208%201.12%208%202.49v8.02C8%2011.88%209.12%2013%2010.49%2013h2.96c1.37%200%202.49-1.12%202.49-2.49V2.49c0-1.37-1.12-2.49-2.49-2.49zM14%2010.51c-.06.27-.28.49-.55.49h-2.96c-.27%200-.49-.22-.49-.49V2.49c0-.27.22-.49.49-.49h2.96c.27%200%20.49.22.55.49v8.02zM20%2019c0%20.55-.45%201-1%201h-9c-.55%200-1-.45-1-1s.45-1%201-1h9c.55%200%201%20.45%201%201zm0%206c0%20.55-.45%201-1%201h-9c-.55%200-1-.45-1-1s.45-1%201-1h9c.55%200%201%20.45%201%201zm0%206c0%20.55-.45%201-1%201h-9c-.55%200-1-.45-1-1s.45-1%201-1h9c.55%200%201%20.45%201%201zM8%2031c0%201.1-.9%202-2%202s-2-.9-2-2%20.9-2%202-2%202%20.9%202%202zm0-6c0%201.1-.9%202-2%202s-2-.9-2-2%20.9-2%202-2%202%20.9%202%202zm0-6c0%201.1-.9%202-2%202s-2-.9-2-2%20.9-2%202-2%202%20.9%202%202zm24.68%2012.39c-.26.37-.69.61-1.18.61H30c.74%200%201.38.72%201.48%201.62-.54.44-1.03.98-1.48%201.6-.45-.62-.94-1.16-1.48-1.6.1-.9.74-1.62%201.48-1.62h-1.5c-.49%200-.92-.24-1.18-.61-.51.67-.82%201.55-.82%202.5%200%20.19.01.38.04.55.01.09.02.18.04.27%201.18.67%202%201.85%202.54%202.93.63%201.25.88%202.36.88%202.36s.25-1.11.88-2.36c.54-1.08%201.36-2.26%202.54-2.93.02-.09.03-.18.04-.27.03-.17.04-.36.04-.55%200-.95-.31-1.83-.82-2.5zM31.5%202h-3c-.83%200-1.5.7-1.5%201.55V6h2V4h2v2h2V3.55C33%202.7%2032.33%202%2031.5%202zM33%208v22.45c0%20.35-.11.68-.32.94-.26.37-.69.61-1.18.61h-3c-.49%200-.92-.24-1.18-.61-.21-.26-.32-.59-.32-.94V8h2v22h2V8h2z%22/%3E%3Cpath%20d=%22M36%208.49V18c0%20.55-.45%201-1%201s-1-.45-1-1V8.49c0-.27-.22-.49-.49-.49H27c-.55%200-1-.45-1-1s.45-1%201-1h6.51C34.88%206%2036%207.12%2036%208.49z%22/%3E%3C/svg%3E'); }

.note-question,
.note.question {
  background: #f7fbf6;
  border-left-color: #5ab44b; }
  .note-question h4,
  .note.question h4 {
    color: #5ab44b;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%235ab44b%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M20%2040C8.972%2040%200%2031.028%200%2020S8.972%200%2020%200s20%208.972%2020%2020-8.972%2020-20%2020zm0-38C10.075%202%202%2010.075%202%2020s8.075%2018%2018%2018%2018-8.075%2018-18S29.925%202%2020%202z%22/%3E%3Cpath%20d=%22M20%2028c-.552%200-1-.448-1-1v-3c0-1.47%201.55-3.113%202.37-3.777C22.643%2019.193%2024%2017.543%2024%2016c0-2.654-1.346-4-4-4-1.524%200-2.572.39-3.4%201.265-.897.95-1.5%202.696-.705%204.288.247.494.047%201.095-.447%201.342-.494.25-1.095.046-1.342-.447-1.226-2.453-.32-5.118%201.042-6.557C16.35%2010.62%2017.938%2010%2020%2010c3.757%200%206%202.243%206%206%200%202.75-2.357%204.957-3.37%205.777C21.806%2022.443%2021%2023.544%2021%2024v3c0%20.552-.448%201-1%201z%22/%3E%3Ccircle%20cx=%2220%22%20cy=%2231%22%20r=%221.75%22/%3E%3C/svg%3E'); }

.note-caution,
.note.caution {
  background: #fffaf6;
  border-left-color: #f59141; }
  .note-caution h4,
  .note.caution h4 {
    color: #f59141;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2039.979%2035.319%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23f59141%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M37.353%2035.32H2.626c-.948%200-1.797-.49-2.27-1.312-.475-.82-.475-1.8%200-2.622L17.718%201.31C18.192.49%2019.04%200%2019.99%200s1.797.49%202.27%201.31l17.365%2030.076c.474.82.474%201.802%200%202.623s-1.324%201.31-2.272%201.31zM19.99%202c-.108%200-.377.03-.54.31L2.09%2032.387c-.162.28-.054.528%200%20.622.054.09.215.31.54.31h34.726c.324%200%20.484-.22.54-.31.053-.1.16-.34%200-.628L20.526%202.31c-.16-.28-.43-.31-.537-.31z%22/%3E%3Ccircle%20cx=%2219.992%22%20cy=%2229.319%22%20r=%221.75%22/%3E%3Cpath%20d=%22M20%2025.32c-.552%200-1-.45-1-1v-15c0-.553.448-1%201-1s1%20.447%201%201v15c0%20.55-.448%201-1%201z%22/%3E%3C/svg%3E'); }

.note-growth,
.note.growth {
  background: #f7fbf6;
  border-left-color: #5ab44b; }
  .note-growth h4,
  .note.growth h4 {
    color: #5ab44b;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%235ab44b%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M3%2014c-.263%200-.518-.104-.707-.293l-2-2c-.39-.39-.39-1.023%200-1.414s1.023-.39%201.414%200l1.02%201.02%202.378-4.76c.145-.288.417-.49.735-.54.314-.05.64.053.867.28L8.78%208.367l3.352-5.863c.183-.32.517-.524.896-.503.37.01.702.228.867.557l2%204c.247.494.047%201.095-.447%201.342-.493.246-1.094.046-1.342-.448l-1.164-2.33L9.87%2010.5c-.158.27-.43.454-.74.495-.306.044-.62-.063-.84-.283L6.27%208.69l-2.38%204.76c-.142.285-.415.486-.732.54-.053.01-.107.01-.16.01z%22/%3E%3C/svg%3E'); }

.note-beta,
.note.beta {
  background: #f7fcfc;
  border-left-color: #55c3be; }
  .note-beta h4,
  .note.beta h4 {
    color: #55c3be;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-285%20377.4%2039.9%2039.6%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2355c3be%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M-265.3%20417c-.8%200-1.6-.3-2.2-.9l-4.3-4.3c-.4%201-1%202.2-1.7%202.9-1.4%201.4-3%202.2-4.6%202.2-1.7%200-3.3-.8-4.6-2.2-1.3-1.3-2-2.7-2.1-4.1-.1-1.3.2-3.2%202.1-5%20.7-.7%201.9-1.3%202.9-1.7l-4.3-4.3c-.5-.6-.8-1.4-.8-2.2s.3-1.6.9-2.2l4.7-4.7c.4-.4.9-.6%201.5-.6%201.1%200%202%20.8%202.1%201.9%200%20.6.1.7.2.7%201.9%201.9%203.5%202.8%204.7%202.8.9%200%201.7-.4%202.5-1.2%201.1-1.1%201.4-2.1%201.1-3.4-.3-1.1-1.2-2.4-2.7-3.9%200%200-.1-.1-.7-.2-.8-.1-1.5-.6-1.8-1.3-.3-.8-.1-1.6.5-2.2l4.9-4.9c1.1-1.1%202.9-1%204.1.3l4.3%204.3c.4-1%201-2.2%201.7-2.9%201.4-1.4%203-2.2%204.6-2.2%201.7%200%203.3.8%204.6%202.2%202.3%202.3%203.5%205.8%200%209.3-.7.7-1.9%201.3-2.9%201.7l4.3%204.3c.6.6%201%201.3%201%202%20.1.8-.2%201.6-.8%202.2l-4.9%204.9c-.4.4-.9.6-1.5.6-1.1%200-2-.8-2.1-1.9%200-.6-.1-.7-.2-.7-1.9-1.9-3.5-2.8-4.7-2.8-.9%200-1.7.4-2.5%201.2-1.1%201.1-1.4%202.1-1.1%203.4.3%201.1%201.2%202.4%202.7%203.9%200%200%20.1.1.7.2.8.1%201.5.6%201.8%201.3.3.8.1%201.6-.5%202.2l-4.7%204.7c-.5.3-1.3.6-2.2.6zm-6.8-8c.3%200%20.5.1.7.3l5.4%205.4c.4.4%201.2.4%201.6%200l4.7-4.7v-.1c-.6-.1-1.4-.2-2-.8-1.7-1.7-2.8-3.3-3.2-4.7-.5-1.9%200-3.7%201.6-5.2%201.2-1.2%202.5-1.8%203.9-1.8%201.9%200%203.9%201.1%206.1%203.4.6.6.7%201.4.7%201.9%200%20.1.1.1.1.1l5-4.9c.2-.2.2-.4.2-.6%200-.2-.2-.5-.5-.8l-5.4-5.4c-.2-.1-.3-.5-.3-.8.1-.3.3-.6.7-.7%201.3-.4%203-1.2%203.6-1.8%202.9-2.9%201.2-5.2%200-6.5-1-1-2.2-1.6-3.3-1.6-1.1%200-2.2.5-3.2%201.6-.6.6-1.3%202.2-1.8%203.6-.1.3-.4.6-.7.7-.3.1-.7%200-.9-.3l-5.4-5.4c-.3-.2-.7-.4-.9-.4-.1%200-.3%200-.5.2l-4.9%204.9v.1c.6.1%201.4.2%202%20.8%201.4%201.4%205.8%205.8%201.6%2010-1.2%201.2-2.5%201.8-3.9%201.8-1.9%200-3.9-1.1-6.1-3.4-.6-.6-.7-1.4-.7-1.9%200-.1-.1-.1-.1-.1l-4.7%204.7c-.3.2-.4.5-.4.8%200%20.3.1.6.3.8l5.4%205.4c.2.2.3.5.3.9s-.4.6-.7.7c-1.4.4-3%201.2-3.6%201.8-1.1%201.1-1.7%202.3-1.6%203.6.1%201.3.9%202.4%201.6%203%201%201%202.2%201.6%203.3%201.6s2.2-.5%203.2-1.6c.6-.6%201.3-2.3%201.8-3.6.1-.3.4-.6.7-.7.1-.3.2-.3.3-.3z%22/%3E%3C/svg%3E'); }

.note-plus,
.note.plus {
  background: #fcfaf6;
  border-left-color: #c3a046; }
  .note-plus h4,
  .note.plus h4 {
    color: #c3a046;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040.25%2040.25%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23c3a046%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M40.25%2020.25c0%20.55-.45%201-1%201H21v18c0%20.55-.45%201-1%201s-1-.45-1-1v-18H1c-.55%200-1-.45-1-1s.45-1%201-1h18V1c0-.55.45-1%201-1s1%20.45%201%201v18.25h18.25c.55%200%201%20.45%201%201z%22/%3E%3C/svg%3E%0A'); }

.note-app,
.note.app {
  min-height: 70px; }
  .note-app img,
  .note.app img {
    float: left;
    margin-top: 0;
    margin-right: 15px; }

.icon-puzzle-piece-kit-turquoise {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-285%20377.4%2039.9%2039.6%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2332cdcd%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M-265.3%20417c-.8%200-1.6-.3-2.2-.9l-4.3-4.3c-.4%201-1%202.2-1.7%202.9-1.4%201.4-3%202.2-4.6%202.2-1.7%200-3.3-.8-4.6-2.2-1.3-1.3-2-2.7-2.1-4.1-.1-1.3.2-3.2%202.1-5%20.7-.7%201.9-1.3%202.9-1.7l-4.3-4.3c-.5-.6-.8-1.4-.8-2.2s.3-1.6.9-2.2l4.7-4.7c.4-.4.9-.6%201.5-.6%201.1%200%202%20.8%202.1%201.9%200%20.6.1.7.2.7%201.9%201.9%203.5%202.8%204.7%202.8.9%200%201.7-.4%202.5-1.2%201.1-1.1%201.4-2.1%201.1-3.4-.3-1.1-1.2-2.4-2.7-3.9%200%200-.1-.1-.7-.2-.8-.1-1.5-.6-1.8-1.3-.3-.8-.1-1.6.5-2.2l4.9-4.9c1.1-1.1%202.9-1%204.1.3l4.3%204.3c.4-1%201-2.2%201.7-2.9%201.4-1.4%203-2.2%204.6-2.2%201.7%200%203.3.8%204.6%202.2%202.3%202.3%203.5%205.8%200%209.3-.7.7-1.9%201.3-2.9%201.7l4.3%204.3c.6.6%201%201.3%201%202%20.1.8-.2%201.6-.8%202.2l-4.9%204.9c-.4.4-.9.6-1.5.6-1.1%200-2-.8-2.1-1.9%200-.6-.1-.7-.2-.7-1.9-1.9-3.5-2.8-4.7-2.8-.9%200-1.7.4-2.5%201.2-1.1%201.1-1.4%202.1-1.1%203.4.3%201.1%201.2%202.4%202.7%203.9%200%200%20.1.1.7.2.8.1%201.5.6%201.8%201.3.3.8.1%201.6-.5%202.2l-4.7%204.7c-.5.3-1.3.6-2.2.6zm-6.8-8c.3%200%20.5.1.7.3l5.4%205.4c.4.4%201.2.4%201.6%200l4.7-4.7v-.1c-.6-.1-1.4-.2-2-.8-1.7-1.7-2.8-3.3-3.2-4.7-.5-1.9%200-3.7%201.6-5.2%201.2-1.2%202.5-1.8%203.9-1.8%201.9%200%203.9%201.1%206.1%203.4.6.6.7%201.4.7%201.9%200%20.1.1.1.1.1l5-4.9c.2-.2.2-.4.2-.6%200-.2-.2-.5-.5-.8l-5.4-5.4c-.2-.1-.3-.5-.3-.8.1-.3.3-.6.7-.7%201.3-.4%203-1.2%203.6-1.8%202.9-2.9%201.2-5.2%200-6.5-1-1-2.2-1.6-3.3-1.6-1.1%200-2.2.5-3.2%201.6-.6.6-1.3%202.2-1.8%203.6-.1.3-.4.6-.7.7-.3.1-.7%200-.9-.3l-5.4-5.4c-.3-.2-.7-.4-.9-.4-.1%200-.3%200-.5.2l-4.9%204.9v.1c.6.1%201.4.2%202%20.8%201.4%201.4%205.8%205.8%201.6%2010-1.2%201.2-2.5%201.8-3.9%201.8-1.9%200-3.9-1.1-6.1-3.4-.6-.6-.7-1.4-.7-1.9%200-.1-.1-.1-.1-.1l-4.7%204.7c-.3.2-.4.5-.4.8%200%20.3.1.6.3.8l5.4%205.4c.2.2.3.5.3.9s-.4.6-.7.7c-1.4.4-3%201.2-3.6%201.8-1.1%201.1-1.7%202.3-1.6%203.6.1%201.3.9%202.4%201.6%203%201%201%202.2%201.6%203.3%201.6s2.2-.5%203.2-1.6c.6-.6%201.3-2.3%201.8-3.6.1-.3.4-.6.7-.7.1-.3.2-.3.3-.3z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-speechbubbles-ellipses-kit-turquoise {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2039%2038.937%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2332cdcd%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M8.52%2033.104c-.39%200-.76-.147-1.045-.414-.307-.287-.475-.678-.475-1.1v-6.712c-4.772-2.823-7-6.23-7-10.688C0%206.1%207.536%200%2017.53%200c9.182%200%2016.468%205.254%2017.42%2012.522.032.1.05.207.05.318%200%20.552-.448%201-1%201h-.02c-.226%200-.45-.076-.632-.225C31.25%2011.905%2028.363%2011%2025%2011c-6.858%200-12.03%204.79-12.03%2011.14%200%202.017.498%203.88%201.48%205.54.255.43.154.98-.235%201.29l-4.75%203.8c-.276.22-.602.334-.946.334zM17.53%202C8.677%202%202%207.24%202%2014.19c0%203.866%202.002%206.715%206.49%209.238.315.177.51.51.51.872v6.282l3.312-2.65c-.88-1.762-1.342-3.747-1.342-5.79C10.97%2014.648%2017%209%2025%209c2.8%200%205.332.567%207.45%201.657C30.61%205.525%2024.734%202%2017.53%202z%22/%3E%3Cpath%20d=%22M32.08%2038.937c-.354%200-.706-.105-1.018-.304-.033-.02-.066-.045-.096-.07l-4.154-3.407c-.6.083-1.196.124-1.812.124-5.262%200-9.85-2.46-12.272-6.583-1.15-1.942-1.758-4.21-1.758-6.557C10.97%2014.65%2017%209%2025%209c3.83%200%207.153%201.06%209.612%203.065C37.482%2014.39%2039%2017.875%2039%2022.14c0%204.875-1.79%207.266-4.9%209.56v4.8c.013.734-.23%201.4-.68%201.86-.366.372-.842.577-1.34.577zM27.1%2033.1c.23%200%20.454.08.634.227l4.313%203.537c.03-.072.055-.185.053-.346V31.19c0-.324.157-.628.42-.815%202.972-2.11%204.48-3.962%204.48-8.235%200-3.64-1.262-6.588-3.65-8.523C31.25%2011.904%2028.363%2011%2025%2011c-6.858%200-12.03%204.79-12.03%2011.14%200%202.017.498%203.88%201.48%205.54%202.062%203.508%206.005%205.6%2010.55%205.6.658%200%201.29-.054%201.93-.165.056-.01.113-.015.17-.015z%22/%3E%3Ccircle%20cx=%2219%22%20cy=%2223%22%20r=%222%22/%3E%3Ccircle%20cx=%2225%22%20cy=%2223%22%20r=%222%22/%3E%3Ccircle%20cx=%2231%22%20cy=%2223%22%20r=%222%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-laptop-smartphone-kit-turquoise {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2041%2033%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2332cdcd%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M5%206h12v2H5zm28%2013v4.46c0%20.31-.09.61-.25.85-.28.42-.75.69-1.29.69H4.54c-.54%200-1.01-.27-1.29-.69-.16-.24-.25-.54-.25-.85V3.52C3%202.68%203.68%202%204.52%202H17v2H5v19h26v-4h2zm2.92%2010.86c.02.05.03.09.03.14H36l-.08-.14zM4.54%2025c-.54%200-1.01-.27-1.29-.69L.74%2028.7c.45-.43%201.06-.7%201.73-.7h.98l1.71-3h-.62zM0%2030h.05c0-.05.01-.09.03-.14L0%2030z%22/%3E%3Cpath%20d=%22M35.26%2028.7c-.45-.43-1.06-.7-1.73-.7h-.98l-1.71-3h.62c.54%200%201.01-.27%201.29-.69l2.51%204.39zm0%200l.66%201.16c-.11-.45-.35-.84-.66-1.16zM.08%2029.86l.66-1.16c-.31.32-.55.71-.66%201.16z%22/%3E%3Cpath%20d=%22M35.95%2030c0-.05-.01-.09-.03-.14l-.66-1.16c-.45-.43-1.06-.7-1.73-.7H2.47c-.67%200-1.28.27-1.73.7l-.66%201.16c-.02.05-.03.09-.03.14-.03.15-.05.31-.05.47v.06C0%2031.89%201.11%2033%202.47%2033h31.06c1.36%200%202.47-1.11%202.47-2.47v-.06c0-.16-.02-.32-.05-.47zm-1.95.53c0%20.26-.21.47-.47.47H2.47c-.26%200-.47-.21-.47-.47v-.06c0-.26.21-.47.47-.47h31.06c.26%200%20.47.21.47.47v.06z%22/%3E%3Ccircle%20cx=%227.5%22%20cy=%2211.5%22%20r=%221.5%22/%3E%3Ccircle%20cx=%2210.5%22%20cy=%2211.5%22%20r=%221.5%22/%3E%3Ccircle%20cx=%2213.5%22%20cy=%2211.5%22%20r=%221.5%22/%3E%3Ccircle%20cx=%2220%22%20cy=%229.5%22%20r=%221%22/%3E%3Cpath%20d=%22M39%209.5c0%20.83-.67%201.5-1.5%201.5-.18%200-.34-.03-.5-.09V8.09c.16-.06.32-.09.5-.09.83%200%201.5.67%201.5%201.5z%22/%3E%3Cpath%20d=%22M39.89%200H18.11C17.5%200%2017%20.53%2017%201.17v16.66c0%20.64.5%201.17%201.11%201.17h21.78c.61%200%201.11-.53%201.11-1.17V1.17C41%20.53%2040.5%200%2039.89%200zM39%2017H19V2h20v15z%22/%3E%3Cpath%20d=%22M35%202h2v15h-2zM21%202h2v15h-2z%22/%3E%3Ccircle%20cx=%2220%22%20cy=%229.5%22%20r=%221%22/%3E%3Cpath%20d=%22M39%209.5c0%20.83-.67%201.5-1.5%201.5-.18%200-.34-.03-.5-.09V8.09c.16-.06.32-.09.5-.09.83%200%201.5.67%201.5%201.5z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-tools-kit-turquoise {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2038%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2332cdcd%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M33.15%206.96c.11.03.22.04.33.04h.05c.11%200%20.22-.01.33-.04h-.71zm.31%2015.58c-.51%200-1%20.09-1.46.25-.36.12-.69.29-1%20.49V7.97c.29.29.62.53%201%20.7.31.15.65.25%201%20.29v13.58h.46z%22/%3E%3Cpath%20d=%22M36%20.04h-5c-.55%200-1%20.45-1%201v4.5c0%20.95.38%201.8%201%202.43.29.29.62.53%201%20.7.31.15.65.25%201%20.29.16.03.32.04.48.04h.05c.16%200%20.32-.01.47-.04.35-.04.69-.14%201-.29.38-.17.71-.41%201-.7.62-.63%201-1.48%201-2.43v-4.5c0-.55-.45-1-1-1zm-1%205.5c0%20.15-.02.29-.07.42-.15.5-.56.89-1.07%201-.11.03-.22.04-.33.04h-.05c-.11%200-.22-.01-.33-.04-.52-.11-.93-.5-1.08-1-.05-.13-.07-.27-.07-.42v-3.5h3v3.5zm1%202.43v15.32c-.31-.2-.64-.36-1-.49-.48-.17-1-.26-1.54-.26H34V8.96c.35-.04.69-.14%201-.29.38-.17.71-.41%201-.7zm0%2015.32c-.31-.2-.64-.36-1-.49-.48-.17-1-.26-1.54-.26-.51%200-1%20.09-1.46.25-.36.12-.69.29-1%20.49-1.21.8-2%202.17-2%203.72v8.54C29%2038%2031%2040%2033.46%2040h.08C36%2040%2038%2038%2038%2035.54V27c0-1.54-.79-2.9-2-3.71zm0%2012.25c0%201.35-1.11%202.46-2.46%202.46h-.08C32.11%2038%2031%2036.89%2031%2035.54V27c0-1.36%201.11-2.46%202.54-2.46%201.35%200%202.46%201.1%202.46%202.46v8.54zM20%2012v24c0%202.13-1.56%203.86-3.47%203.86h-.05C14.56%2039.86%2013%2038.13%2013%2036V12h2v24c0%201.03.67%201.86%201.48%201.86h.05c.81%200%201.47-.83%201.47-1.86V12h2zm.172-.58l-.94-2c-.07-.13-.1-.27-.1-.42V3c0-.15.03-.29.1-.42l.94-2c.08-.18.21-.33.37-.43-.15-.1-.33-.15-.52-.15h-9c-5.01%200-8.38%201.01-10.02%203.01-1.25%201.52-.99%203.02-.96%203.19.06.3.26.56.54.7.28.14.61.13.89-.01%201.09-.54%202.15-.81%203.15-.81%203.5%200%205.4%203.25%205.4%204.92%200%20.55.45%201%201%201h9c.2%200%20.38-.06.53-.15-.16-.09-.3-.24-.38-.43zM19.022%2010h-7.11c-.56-2.7-3.28-5.92-7.29-5.92-.7%200-1.42.09-2.15.29l.12-.15C3.462%203.21%205.632%202%2011.022%202h8v8z%22/%3E%3Cpath%20d=%22M25.767%201.11c-1-1.03-2.45-1.11-4.11-1.11h-.62c-.19%200-.36.06-.52.15-.16.1-.29.25-.37.43l-.94%202c-.07.13-.1.27-.1.42v6c0%20.15.03.29.1.42l.94%202c.08.19.22.34.38.43.15.1.33.15.52.15%202.65%200%205.95%200%205.95-6.03.04-2.5-.33-3.95-1.23-4.86zm-.77%204.94c0%203.63-1.04%203.92-3.31%203.95l-.58-1.22V3.22l.58-1.22c1.4%200%202.24.08%202.66.51.47.47.68%201.59.65%203.42v.12z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-social-facebook-kit-turquoise {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2030%2030%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2332cdcd%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23fff%22%20d=%22M15.6%2030V19.4h5V15h-5v-3.1c0-1%20.6-1.9%201.3-1.9h3.8V5.6h-3.8c-3.1%200-5.6%202.8-5.6%206.3V15H7.5v4.4h3.8v10.1C4.8%2027.9%200%2022%200%2015%200%206.7%206.7%200%2015%200s15%206.7%2015%2015c0%208.1-6.4%2014.7-14.4%2015z%22/%3E%3C/svg%3E%0A');
  background-repeat: no-repeat; }

.icon-social-instagram-kit-turquoise {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2030%2030%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2332cdcd%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23fff%22%20d=%22M15%2030C6.7%2030%200%2023.3%200%2015c0-1.1.1-2.1.3-3.1h7.2c-.4%201-.6%202-.6%203.1%200%204.5%203.6%208.1%208.1%208.1s8.1-3.6%208.1-8.1c0-1.1-.2-2.2-.6-3.1h7.2c.2%201%20.3%202%20.3%203.1%200%208.3-6.7%2015-15%2015zm5.9-20.6c-1.5-1.5-3.6-2.5-5.9-2.5s-4.4%201-5.9%202.5h-8C3.3%203.9%208.7%200%2015%200s11.7%203.9%2013.9%209.4h-8zm-.3%205.6c0%203.1-2.5%205.6-5.6%205.6-3.1%200-5.6-2.5-5.6-5.6%200-3.1%202.5-5.6%205.6-5.6%203.1%200%205.6%202.5%205.6%205.6z%22/%3E%3C/svg%3E%0A');
  background-repeat: no-repeat; }

.icon-social-twitter-kit-turquoise {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2030%2030%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2332cdcd%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23fff%22%20d=%22M30%2015c0%208.3-6.7%2015-15%2015S0%2023.3%200%2015%206.7%200%2015%200s15%206.7%2015%2015zm-3.7-5.5c-.8.3-1.6.6-2.5.7.9-.5%201.5-1.4%201.8-2.4-.8.5-1.7.8-2.7%201-.8-.8-1.9-1.4-3.1-1.4-2.4%200-4.2%201.9-4.2%204.3%200%20.3%200%20.7.1%201-3.5-.2-6.7-1.9-8.8-4.5-.3.7-.6%201.4-.6%202.2%200%201.5.7%202.8%201.9%203.5-.7%200-1.4-.2-1.9-.5%200%202.1%201.5%203.8%203.4%204.2-.3.1-.7.1-1.1.1-.3%200-.6%200-.8-.1.5%201.7%202.1%202.8%204%202.9-1.5%201.1-3.3%201.9-5.3%201.9-.3%200-.7%200-1-.1%201.9%201.2%204.1%201.9%206.5%201.9%207.8%200%2012.1-6.5%2012.1-12.1v-.6c.9-.4%201.6-1.2%202.2-2z%22/%3E%3C/svg%3E%0A');
  background-repeat: no-repeat; }

.kit-logo-primary {
  width: 120px;
  height: 120px;
  fill: #53c1bd; }

.kit-session {
  padding: 1.875em;
  margin: 1.875em 0;
  background: #f9fafb; }
  .kit-session .message {
    position: relative;
    padding: 15px;
    border-radius: 15px; }
    @media screen and (min-width: 67.5em) {
      .kit-session .message {
        width: 400px;
        margin: 0 auto; } }
    .kit-session .message:not(:first-child) {
      margin-top: 30px; }
    .kit-session .message a {
      color: #fff; }
    .kit-session .message p,
    .kit-session .message li {
      margin-bottom: 5px; }
    .kit-session .message ol {
      list-style: decimal inside; }
    .kit-session .message ol > li {
      padding-left: 0; }
    .kit-session .message li:before {
      display: none; }
  .kit-session .message--left {
    color: #fff;
    background: #28a4a4; }
    .kit-session .message--left::after {
      position: absolute;
      bottom: -15px;
      left: 15px;
      display: block;
      width: 0;
      border-color: #28a4a4 transparent;
      border-style: solid;
      border-width: 15px 15px 0 0;
      content: ''; }
  .kit-session .message--right {
    color: #000;
    background: #dfe3e8;
    text-align: right; }
    .kit-session .message--right::after {
      position: absolute;
      bottom: -15px;
      right: 15px;
      display: block;
      width: 0;
      border-color: #dfe3e8 transparent;
      border-style: solid;
      border-width: 15px 0 0 15px;
      content: ''; }

.code-label,
.input,
.output {
  margin: 0;
  padding: 7.5px 15px;
  background: #dfe3e8; }

.code-label + .highlight,
.input + .highlight,
.output + .highlight,
.input + .img-wrapper,
.output + .img-wrapper {
  margin-top: 0; }

td > code,
td tt,
p > code,
p tt,
ul > code,
ul tt,
ol > code,
ol tt,
li > code,
li tt {
  background: #f4f6f8;
  padding-bottom: 0.125em;
  border-radius: 3px; }
  td > code:before, td > code:after,
  td tt:before,
  td tt:after,
  p > code:before,
  p > code:after,
  p tt:before,
  p tt:after,
  ul > code:before,
  ul > code:after,
  ul tt:before,
  ul tt:after,
  ol > code:before,
  ol > code:after,
  ol tt:before,
  ol tt:after,
  li > code:before,
  li > code:after,
  li tt:before,
  li tt:after {
    content: '\00a0';
    letter-spacing: -0.125em; }

pre,
code,
kbd {
  font-size: 0.9375em;
  font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0;
  text-align: left; }
  @media screen and (max-width: 67.4375em) {
    pre > span,
    code > span,
    kbd > span {
      word-break: break-word; } }

.highlight {
  padding: 30px;
  background: #f4f6f8;
  margin: 30px 0;
  border-radius: 3px; }
  table .highlight {
    padding: 0;
    background: none;
    margin: 0; }
  .highlight .hll {
    background-color: #ffc; }
  .highlight .c {
    color: #998;
    font-style: italic; }
  .highlight .err {
    color: #a61717;
    background-color: #e3d2d2; }
  .highlight .k,
  .highlight .o {
    color: #000;
    font-weight: bold; }
  .highlight .cm,
  .highlight .c1 {
    color: #998;
    font-style: italic; }
  .highlight .cp,
  .highlight .cs {
    color: #999;
    font-weight: bold;
    font-style: italic; }
  .highlight .gd {
    color: #000;
    background-color: #fdd; }
  .highlight .ge {
    color: #000;
    font-style: italic; }
  .highlight .gr {
    color: #a00; }
  .highlight .gh {
    color: #999; }
  .highlight .gi {
    color: #000;
    background-color: #dfd; }
  .highlight .go {
    color: #888; }
  .highlight .gp {
    color: #555; }
  .highlight .gs {
    font-weight: bold; }
  .highlight .gu {
    color: #aaa; }
  .highlight .gt {
    color: #a00; }
  .highlight .kc,
  .highlight .kd,
  .highlight .kn,
  .highlight .kp,
  .highlight .kr,
  .highlight .kt {
    color: #000;
    font-weight: bold; }
  .highlight .kt {
    color: #458;
    font-weight: bold; }
  .highlight .m {
    color: #099; }
  .highlight .s {
    color: #d01040; }
  .highlight .na {
    color: #008080; }
  .highlight .nb {
    color: #0086b3; }
  .highlight .nc {
    color: #458;
    font-weight: bold; }
  .highlight .no {
    color: #008080; }
  .highlight .nd {
    color: #3c5d5d;
    font-weight: bold; }
  .highlight .ni {
    color: #800080; }
  .highlight .ne,
  .highlight .nf,
  .highlight .nl {
    color: #900;
    font-weight: bold; }
  .highlight .nn {
    color: #555; }
  .highlight .nt {
    color: #000080; }
  .highlight .nv {
    color: #008080; }
  .highlight .ow {
    color: #000;
    font-weight: bold; }
  .highlight .w {
    color: #bbb; }
  .highlight .mf,
  .highlight .mh,
  .highlight .mi,
  .highlight .mo {
    color: #099; }
  .highlight .sb,
  .highlight .sc,
  .highlight .sd,
  .highlight .s2,
  .highlight .se,
  .highlight .sh,
  .highlight .si,
  .highlight .sx,
  .highlight .s1 {
    color: #d01040; }
  .highlight .sr {
    color: #009926; }
  .highlight .ss {
    color: #990073; }
  .highlight .bp {
    color: #999; }
  .highlight .vc,
  .highlight .vg,
  .highlight .vi {
    color: #008080; }
  .highlight .il {
    color: #099; }

.autocomplete {
  position: absolute;
  z-index: 1; }
  .autocomplete ul {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0.125em 0 rgba(69, 79, 89, 0.4);
            box-shadow: 0 0 0.125em 0 rgba(69, 79, 89, 0.4);
    margin: 0;
    overflow: hidden;
    padding: 0; }
  .autocomplete li {
    border-bottom: 1px solid #dfe3e8;
    cursor: pointer;
    padding: 15px; }
    .autocomplete li:last-child {
      border: 0; }
    .autocomplete li.active {
      background: #fff4d9; }
    .autocomplete li > .description {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.search-filters .marketing-button, .search-filters .marketing-nav__button {
  white-space: normal; }

.search-result {
  margin-bottom: 1.875em;
  border-bottom: 1px solid #dfe3e8; }
  .search-result h2 {
    margin-bottom: 0.3125em;
    font-size: 1.5em; }
  .search-result > span {
    color: #64737f;
    display: block;
    margin-bottom: 0.9375em; }
  .search-result em {
    padding: 0 0.3125em;
    background: #fff4d9;
    font-style: normal;
    font-weight: 700; }

.pagination {
  border-top: 0;
  padding-top: 0; }

.toc--section .accordion-link {
  font-weight: bold; }
.toc--section .heading--4:first-of-type, .toc--section .marketing-markdown h3:first-of-type, .marketing-markdown .toc--section h3:first-of-type, .toc--section article h3:first-of-type, article .toc--section h3:first-of-type,
.toc--section .article h3:first-of-type,
.article .toc--section h3:first-of-type {
  margin-top: 15px; }

.auth-paragraph {
  line-height: 24px;
  margin-bottom: 24px;
  font-size: 15px; }

.store-form-link {
  margin: 24px 0 24px 0; }

.tall-email-textarea {
  height: 118px; }

.phone-numbers ul {
  padding: 0;
  list-style: none; }
@media screen and (max-width: 768px) {
  .phone-numbers {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 0;
    border: 0 solid transparent; } }
.phone-numbers .number-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 0;
  border-bottom: 1px solid #30373b;
  text-align: left; }
  @media screen and (min-width: 600px) {
    .phone-numbers .number-container {
      padding: 10px 0; } }
  .phone-numbers .number-container strong,
  .phone-numbers .number-container span {
    float: left; }
    @media screen and (min-width: 600px) and (max-width: 1024px) {
      .phone-numbers .number-container strong,
      .phone-numbers .number-container span {
        float: none;
        display: block; } }
  .phone-numbers .number-container strong {
    margin-right: 5px; }

.contact-description {
  height: 95px; }

.phone-link {
  margin-left: 5px; }

.wait-time {
  margin-top: 30px; }

.email-wait-time-value {
  padding-bottom: 72px; }

.invalid {
  color: #eb644d; }

.contact-card {
  padding-bottom: 75px; }

.hidden {
  display: none; }

.suggested-article-link {
  display: block;
  border: 1px solid #e5e5e5;
  border-bottom: none; }

.suggested-article-link:last-child {
  border-bottom: 1px solid #e5e5e5; }

.suggested-article-container {
  padding: 16px 16px; }

.suggested-article-container:hover {
  background-color: #f9fafa; }

[v-cloak] {
  display: none; }

.solvvy-input {
  margin-bottom: 50px; }

.shopify-status {
  position: relative; }
  @media screen and (max-width: 600px) {
    .shopify-status {
      margin-top: 20px; } }
  .shopify-status .status-inner {
    border-width: 1px;
    border-style: solid;
    border-color: #f4c58f;
    padding: 20px;
    border-radius: 2px; }
  .shopify-status .status-time {
    font-weight: bold;
    font-family: 'ProximaNovaSemiBold', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  .shopify-status .status-time::before {
    content: url(/National_Library/20170827070107oe_/https://help.shopify.com/assets/support/warning-icon.png);
    float: left;
    margin: 5px 5px 0 0; }
  .shopify-status .status-title {
    background-color: #fff;
    margin: 0;
    display: inline-block;
    padding-left: 10px; }
  .shopify-status .status-link {
    float: right; }
    @media screen and (max-width: 510px) {
      .shopify-status .status-link {
        display: inline-block;
        float: none; } }

#contactform-recaptcha {
  margin-top: 15px;
  margin-bottom: 15px; }

/*================ Icon Sizes ==================*/
/*============================================================================
  Transitions
==============================================================================*/
/*============================================================================
  Heading sizing
==============================================================================*/
/*============================================================================
  Longform
==============================================================================*/
/*============================================================================
  Grid Requirements:
  * 8 column grid with 2 columns on either side as optional extended grid area
    only visible on larger screens
  * Configurable (ie through something similar to this file)
  * Different grid per breakpoint, ideally defined in isolation inside the
    breakpoint for minimal CSS undo-ing (ie. don't have to undo mobile styles
    once on desktop, vice versa)
  * Supports a mobile-first dev approach, with fallback for IE8
  * Nestable
  * Flexible for how containers react across breakpoints.
    Same container may collapse in different ways on different pages
==============================================================================*/
/*============================================================================
  Grid Measurements
==============================================================================*/
/*
  A note about the page-gutter and item-gutter values: In order to ensure that
  all sections of a page, whether they use the grid system or not, align neatly
  on the left and right edges, the `page-gutter` value needs to account for both
  the "page" gutter and the "item" gutter. Then, on grid containers, we use a
  negative margin to undo that additional item gutter, which then is re-added
  via actual grid items.

  So, `page-gutter` is 98px. This is to account for an 80px "page" gutter, plus
  the 18px "item" gutter. Which has the effort of making all things, whether
  they are inside of grid items or not, sit 98px from the left and right edges
  of the viewport. (These values are actually percentages, but they calculate to
  these pixel values when the viewport is at `max-width` or larger.)
*/
/*============================================================================
  Global Mixins used within page-specific and application stylesheets
==============================================================================*/
/*================ Cross-browser font smoothing ================*/
/*================ Primary fonts ================*/
/*================ Links ================*/
/*============================================================================
  Grid Helpers
==============================================================================*/
/*============================================================================
  Col Generators
==============================================================================*/
/*============================================================================
  Fluid grid @ desktop-up
==============================================================================*/
.icon-comment-text-black {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2040.11%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23000%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M22.728%2040.11c-.666%200-1.338-.253-1.845-.695-.57-.498-.883-1.176-.883-1.91V31.11H2.864C1.567%2031.11%200%2029.825%200%2028.366V2.386C0%20.96%201.48.11%202.864.11h34.98C38.884.11%2040%20.627%2040%202.386v25.98c0%201.575-.866%202.744-2.156%202.744H33.09l-8.665%208.41c-.506.437-1.076.59-1.697.59zm-19.864-38c-.438%200-.864.163-.864.28v25.977c0%20.193.503.744.864.744H22v8.4c0%20.15.067.29.2.407.25.22.655.326.874.137l9.202-8.935h5.567c.056%200%20.156-.36.156-.744V2.388c0-.22-.04-.284-.06-.33-.01.006-.047.053-.1.053H2.86z%22/%3E%3Cpath%20d=%22M32%2014.11H8c-.553%200-1-.447-1-1s.447-1%201-1h24c.553%200%201%20.447%201%201s-.447%201-1%201zm0%205H8c-.553%200-1-.447-1-1s.447-1%201-1h24c.553%200%201%20.447%201%201s-.447%201-1%201zm0%205H8c-.553%200-1-.447-1-1s.447-1%201-1h24c.553%200%201%20.447%201%201s-.447%201-1%201z%22/%3E%3Ccircle%20cx=%229.937%22%20cy=%227.376%22%20r=%221.417%22/%3E%3Ccircle%20cx=%2213.937%22%20cy=%227.376%22%20r=%221.417%22/%3E%3Ccircle%20cx=%2217.937%22%20cy=%227.376%22%20r=%221.417%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-pages-black {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22138.2%20198.6%20335.6%20394.8%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23000%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M138.2%20292.4v286.3c0%207.9%206.9%2014.8%2014.8%2014.8h227c7.9%200%2014.8-6.9%2014.8-14.8V554h-19.7v19.7H157.9V297.3h19.7v-19.7H153c-7.9-.1-14.8%206.9-14.8%2014.8z%22/%3E%3Cpath%20d=%22M177.7%20252.9v286.3c0%207.9%206.9%2014.8%2014.8%2014.8h227c7.9%200%2014.8-6.9%2014.8-14.8v-24.7h-19.7v19.7H197.4V257.8h19.7v-19.7h-24.7c-7.8%200-14.7%206.9-14.7%2014.8z%22/%3E%3Cpath%20d=%22M217.2%20213.4v286.3c0%207.9%206.9%2014.8%2014.8%2014.8h227c7.9%200%2014.8-6.9%2014.8-14.8V213.4c0-7.9-6.9-14.8-14.8-14.8H232c-7.9%200-14.8%206.9-14.8%2014.8zm19.7%204.9h217.2v276.4H236.9V218.3z%22/%3E%3Cpath%20d=%22M256.6%20238.1v79h79v-79h-79zm59.3%2059.2h-39.5v-39.5h39.5v39.5zm118.4-39.5c0%204.9-3.9%209.9-9.9%209.9h-69.1c-5.9%200-9.9-4.9-9.9-9.9s3.9-9.9%209.9-9.9h69.1c6%200%209.9%205%209.9%209.9zm0%2039.5c0%204.9-3.9%209.9-9.9%209.9h-69.1c-5.9%200-9.9-4.9-9.9-9.9s3.9-9.9%209.9-9.9h69.1c6%200%209.9%205%209.9%209.9zm-177.7%2059.2c0%204.9%203.9%209.9%209.9%209.9h157.9c5.9%200%209.9-4.9%209.9-9.9%200-4.9-3.9-9.9-9.9-9.9H266.5c-5.9%200-9.9%205-9.9%209.9zm0%2049.4c0%204.9%203.9%209.9%209.9%209.9h157.9c5.9%200%209.9-4.9%209.9-9.9s-3.9-9.9-9.9-9.9H266.5c-5.9%200-9.9%204.9-9.9%209.9zm0%2049.3c0%204.9%203.9%209.9%209.9%209.9h157.9c5.9%200%209.9-4.9%209.9-9.9s-3.9-9.9-9.9-9.9H266.5c-5.9.1-9.9%205-9.9%209.9z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-website-custom-black {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23000%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M23%2038v1h2v-1h-2z%22/%3E%3Cpath%20d=%22M37.4%200H2.6C1.17%200%200%201.17%200%202.6v34.8C0%2038.83%201.17%2040%202.6%2040h34.8c1.43%200%202.6-1.17%202.6-2.6V2.6C40%201.17%2038.83%200%2037.4%200zm.6%2013h-3v2h3v22.4c0%20.33-.27.6-.6.6H25v1h-2v-1H2.6c-.33%200-.6-.27-.6-.6V15h2v-2H2V2.6c0-.33.27-.6.6-.6h34.8c.33%200%20.6.27.6.6V13z%22/%3E%3Cpath%20d=%22M28%2013v2h4v-2h-4zm-14%200v2h4v-2h-4zm-7%200v2h4v-2H7zm16%2022v4h2v-4h-2zm0-7v4h2v-4h-2zm0-7v4h2v-4h-2zm2-8v5h-2v-3h-2v-2%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.theme-sections {
  padding-top: 2.8125em; }
  .theme-sections a {
    color: #368aa9; }
    .theme-sections a:hover, .theme-sections a:focus {
      text-decoration: underline; }

.resources-item {
  padding: 3.125em 1.875em;
  background: #fff; }

.color-swatch {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: #dfe3e8 solid 1px;
  border-radius: 50%; }

.api-properties .javascript {
  word-break: break-all; }

.api-description-list pre {
  word-break: break-all; }

.api-endpointlist-description {
  display: block;
  font-size: 13px; }

.api-endpoint {
  margin-bottom: 45px; }
  .api-endpoint:first-child {
    margin: 0; }

.api-endpoint-request {
  padding: 15px 30px;
  display: block;
  background: #30373b;
  color: #fff; }

.api-endpoint-request-type {
  display: block;
  float: left;
  background: #2a2c2e;
  padding: 15px 30px;
  margin: -15px 30px 0 -30px;
  color: #fff; }

.api-endpoint-example {
  display: block;
  padding: 0 30px 30px;
  border-top: 1px solid #dfe3e8; }
  .api-endpoint-example:first-child {
    border-top: 0; }

.api-endpoint-example-response {
  max-height: 0;
  overflow: hidden; }
  .api-endpoint-example-response .highlight {
    margin: 0; }

.api-endpoint-example-response-show {
  max-height: 10000px;
  padding-top: 30px; }

.api-endpoint-example-response-button {
  display: inline-block; }

.article .api-endpoint-content,
.article .api-endpoint-description {
  border: 1px solid #dfe3e8;
  border-top: 0; }
  .article .api-endpoint-content table,
  .article .api-endpoint-description table {
    margin-bottom: 0; }
.article .api-endpoint-description {
  padding: 15px 30px;
  display: block;
  background: #f4f6f8;
  border-bottom: 0; }
  .article .api-endpoint-description > p {
    margin-bottom: 0; }
.article .api-endpoint-queryparameters {
  border-top: 1px solid #dfe3e8; }
  .article .api-endpoint-queryparameters table {
    border-left: 0;
    border-top: 0;
    margin-top: 0; }
    .article .api-endpoint-queryparameters table td p:last-child {
      margin-bottom: 0; }
    .article .api-endpoint-queryparameters table tr:last-child td {
      border-bottom: 0; }
    .article .api-endpoint-queryparameters table td:last-child {
      font-size: 14px;
      border-right: 0; }

.method-list-table .method {
  font-size: 0.9375em;
  font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace; }

.section--api-cta {
  background-color: #f4f6f8;
  background-image: url("/National_Library/20170827070107oe_/https://help.shopify.com/assets/images/api/footer-cta-background.png");
  background-position: bottom center;
  background-size: 750px;
  min-height: 440px; }
  @media screen and (min-width: 46.875em) {
    .section--api-cta {
      background-size: 1440px;
      min-height: 600px; } }

.section--short {
  padding: 1.875em 0; }

.txt--flush {
  margin-bottom: 0; }

.heading-link {
  display: inline-block; }
  .heading-link:hover {
    text-decoration: underline; }

.heading-flag {
  display: inline-block;
  margin-left: 7.5px;
  text-transform: uppercase;
  color: #58b44b;
  font-size: 0.75em;
  font-family: 'ShopifySans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.heading-flag--plus {
  color: #c39e47; }

.storefront-api pre {
  word-break: break-all; }

.type-definition {
  max-height: 0;
  overflow: hidden; }

.type-definition-show {
  max-height: 10000px;
  padding-top: 30px; }

.type-definition-toggle {
  display: inline-block; }

.storefront-api .field h4 {
  margin-top: 24px;
  font-size: 15.225px;
  font-style: normal; }

.minigraphiql iframe {
  border: 0;
  height: 100%;
  width: 100%; }

.section--partners-cta {
  padding-bottom: 0; }
  .section--partners-cta img {
    margin-top: 30px; }

@media screen and (min-width: 46.875em) {
  .page-header--webinars {
    background-image: url("/National_Library/20170827070107oe_/https://help.shopify.com/assets/images/webinars/header.jpg"); } }
.webinar-block {
  margin-bottom: 45px; }
  .webinar-block .wistia-responsive-padding {
    margin-bottom: 30px; }
  .webinar-block > p {
    color: #64737f;
    margin-bottom: 30px; }

.webinar-times-slot,
.webinar-times-recorded {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #dfe3e8; }
  .webinar-times-slot p,
  .webinar-times-recorded p {
    float: left;
    line-height: 2.5;
    margin-bottom: 0; }
    @media screen and (max-width: 46.8125em) {
      .webinar-times-slot p,
      .webinar-times-recorded p {
        float: none; } }
  .webinar-times-slot .marketing-button, .webinar-times-slot .marketing-nav__button,
  .webinar-times-recorded .marketing-button,
  .webinar-times-recorded .marketing-nav__button {
    float: right; }
    @media screen and (max-width: 46.8125em) {
      .webinar-times-slot .marketing-button, .webinar-times-slot .marketing-nav__button,
      .webinar-times-recorded .marketing-button,
      .webinar-times-recorded .marketing-nav__button {
        float: none;
        margin: 10px 0; }
        .webinar-times-slot .marketing-button p, .webinar-times-slot .marketing-nav__button p,
        .webinar-times-recorded .marketing-button p,
        .webinar-times-recorded .marketing-nav__button p {
          line-height: 1.5; } }

.webinar-times-recorded p {
  float: none;
  text-align: center;
  line-height: 1.5;
  padding-top: 10px;
  color: #64737f; }

@media print {
  .marketing-nav,
  .page-header,
  .sidebar-column,
  .feedback-form,
  .footer--main,
  .contact-block,
  .section--partners-cta {
    display: none; }

  @page {
    margin: 1cm 2cm; } }
a.clipboard {
  display: inline;
  padding: 2px 6px !important;
  margin-right: 0.25em;
  border: 1px solid;
  border-radius: 3px;
  font-size: 12px;
  text-decoration: none; }
  a.clipboard:hover {
    background-image: none !important; }

.tooltip {
  position: relative; }
  .tooltip:hover:after, .tooltip:hover:before {
    display: inline-block;
    text-decoration: none; }
  .tooltip:before {
    content: '';
    position: absolute;
    top: auto;
    right: 50%;
    bottom: -5px;
    z-index: 1000001;
    display: none;
    width: 0;
    height: 0;
    margin-right: -5px;
    border: 5px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.8);
    color: rgba(0, 0, 0, 0.8);
    pointer-events: none; }
  .tooltip:after {
    content: attr(data-tooltip-label);
    position: absolute;
    top: 100%;
    right: 50%;
    z-index: 1000000;
    display: none;
    padding: 5px 8px;
    margin-top: 5px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 3px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    font-size: 11px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: break-word;
    white-space: pre;
    -webkit-font-smoothing: subpixel-antialiased;
    pointer-events: none; }

.icon-nav-arrow-down {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2010%205%22%3E%3Cpath%20d=%22M0,0l5,5l5-5H0z%22/%3E%3C/svg%3E%0A');
  background-repeat: no-repeat; }

.icon-speechbubbles-ellipses-green {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2039%2038.937%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2358b44b%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M8.52%2033.104c-.39%200-.76-.147-1.045-.414-.307-.287-.475-.678-.475-1.1v-6.712c-4.772-2.823-7-6.23-7-10.688C0%206.1%207.536%200%2017.53%200c9.182%200%2016.468%205.254%2017.42%2012.522.032.1.05.207.05.318%200%20.552-.448%201-1%201h-.02c-.226%200-.45-.076-.632-.225C31.25%2011.905%2028.363%2011%2025%2011c-6.858%200-12.03%204.79-12.03%2011.14%200%202.017.498%203.88%201.48%205.54.255.43.154.98-.235%201.29l-4.75%203.8c-.276.22-.602.334-.946.334zM17.53%202C8.677%202%202%207.24%202%2014.19c0%203.866%202.002%206.715%206.49%209.238.315.177.51.51.51.872v6.282l3.312-2.65c-.88-1.762-1.342-3.747-1.342-5.79C10.97%2014.648%2017%209%2025%209c2.8%200%205.332.567%207.45%201.657C30.61%205.525%2024.734%202%2017.53%202z%22/%3E%3Cpath%20d=%22M32.08%2038.937c-.354%200-.706-.105-1.018-.304-.033-.02-.066-.045-.096-.07l-4.154-3.407c-.6.083-1.196.124-1.812.124-5.262%200-9.85-2.46-12.272-6.583-1.15-1.942-1.758-4.21-1.758-6.557C10.97%2014.65%2017%209%2025%209c3.83%200%207.153%201.06%209.612%203.065C37.482%2014.39%2039%2017.875%2039%2022.14c0%204.875-1.79%207.266-4.9%209.56v4.8c.013.734-.23%201.4-.68%201.86-.366.372-.842.577-1.34.577zM27.1%2033.1c.23%200%20.454.08.634.227l4.313%203.537c.03-.072.055-.185.053-.346V31.19c0-.324.157-.628.42-.815%202.972-2.11%204.48-3.962%204.48-8.235%200-3.64-1.262-6.588-3.65-8.523C31.25%2011.904%2028.363%2011%2025%2011c-6.858%200-12.03%204.79-12.03%2011.14%200%202.017.498%203.88%201.48%205.54%202.062%203.508%206.005%205.6%2010.55%205.6.658%200%201.29-.054%201.93-.165.056-.01.113-.015.17-.015z%22/%3E%3Ccircle%20cx=%2219%22%20cy=%2223%22%20r=%222%22/%3E%3Ccircle%20cx=%2225%22%20cy=%2223%22%20r=%222%22/%3E%3Ccircle%20cx=%2231%22%20cy=%2223%22%20r=%222%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-email-green {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2028%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2358b44b%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M39.8%201.6C39.6%201%2039%20.5%2038.4.2c-.3-.1-.6-.2-.9-.2h-35c-.3%200-.6.1-.9.2C1%20.4.4.9.2%201.6c-.1.2-.2.6-.2.9v23c0%20.2%200%20.5.1.7.2.6.5%201.1%201%201.4.4.2.9.4%201.4.4h35c.5%200%201-.2%201.4-.4.5-.3.8-.8%201-1.4.1-.2.1-.5.1-.7v-23c0-.3-.1-.7-.2-.9zm-3.7.4L20.3%2014.5c-.2.2-.5.1-.7%200L3.9%202h32.2zM38%2024.5l-11.7-9.2c-.4-.3-1.1-.3-1.4.2-.3.4-.3%201.1.2%201.4L36.7%2026H3.3l11.5-9.1c.4-.3.5-1%20.2-1.4-.3-.4-1-.5-1.4-.2L2%2024.5V3.1l16.4%2013c.5.4%201%20.5%201.6.5s1.1-.2%201.6-.5L38%203.1v21.4z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-headset-green {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040.114%2040.022%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2358b44b%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M29.93%2031.002c-2.4%200-4.35%201.95-4.35%204.35%200%20.5.09.99.25%201.43.22.66.61%201.25%201.11%201.71.77.75%201.83%201.21%202.99%201.21%202.4%200%204.35-1.95%204.35-4.35%200-2.4-1.95-4.35-4.35-4.35zm0%206.7c-.32%200-.63-.06-.9-.18h-.01c-.65-.28-1.16-.85-1.36-1.54-.05-.2-.08-.41-.08-.63%200-1.3%201.06-2.35%202.35-2.35%201.3%200%202.35%201.05%202.35%202.35%200%201.29-1.05%202.35-2.35%202.35zm5.84-21.91v-.01l-1.89-.31-.18-.03c-.68-3.81-2.38-6.79-4.92-8.54-2.92-2.01-6.79-2.34-11.2-.95-4.16%201.31-7.1%205.4-8.16%2011.28-.57-.37-1.21-.64-1.89-.79%201.26-6.4%204.66-10.88%209.45-12.39%204.47-1.42%208.51-1.24%2011.77.5-4.13-3.1-9.74-2.83-13.77-2.02-6.31%201.25-10.22%206.45-10.65%2014.02-.76.22-1.45.6-2.05%201.09C2.4%208.592%207.1%202.062%2014.59.572c6.57-1.31%2012.03-.36%2015.81%202.74%203.31%202.71%205.16%206.91%205.51%2012.5l-.14-.02z%22/%3E%3Cpath%20d=%22M26.94%2038.492c-2.7%201.11-5.1%201.53-7.17%201.53-2.42%200-4.4-.56-5.92-1.26-4.01-1.82-7-5.59-8.2-10.23.16.01.32.02.49.02.53%200%201.05-.07%201.54-.21%201.09%203.91%203.63%207.06%207%208.6%202.41%201.1%206.13%201.79%2011.15-.16.22.66.61%201.25%201.11%201.71z%22/%3E%3Cpath%20d=%22M9.42%2017.232c-.57-.37-1.21-.64-1.89-.79-.45-.12-.91-.17-1.39-.17-.63%200-1.24.09-1.81.28-.76.22-1.45.6-2.05%201.09C.89%2018.762%200%2020.482%200%2022.412c0%203.23%202.49%205.87%205.65%206.12.16.01.32.02.49.02.53%200%201.05-.07%201.54-.21%202.64-.67%204.6-3.07%204.6-5.93%200-2.18-1.14-4.1-2.86-5.18zm-2.27%209.19c-.32.09-.66.13-1.01.13-.23%200-.45-.02-.66-.06-1.97-.31-3.48-2.03-3.48-4.08%200-2.28%201.86-4.14%204.14-4.14.44%200%20.86.07%201.25.2.38.12.74.29%201.06.51h.01c1.1.75%201.82%202.01%201.82%203.43%200%201.93-1.33%203.56-3.13%204.01zM34%2018.002c-.01-.03-.02-.07-.02-.1v-.06c0%20.06%200%20.11.02.16z%22/%3E%3Cpath%20d=%22M34%2018.002c-.01-.03-.02-.07-.02-.1v-.06c0%20.06%200%20.11.02.16z%22/%3E%3Cpath%20d=%22M37.43%2016.062l-1.52-.25-.14-.02v-.01l-1.89-.31-.18-.03-2.92-.48c-1.78-.3-3.4.91-3.7%202.69-.29%201.74.9%203.4%202.64%203.68l6.65%201.11c.18.03.36.04.53.04%201.58%200%202.91-1.13%203.17-2.73.29-1.75-.9-3.4-2.64-3.69zm-.73%204.4l-6.65-1.1c-.32-.05-.6-.22-.79-.49-.18-.26-.26-.58-.2-.94.1-.59.6-1.01%201.19-1.01.07%200%20.14%200%20.2.01l3.5.58h.02l2%20.33h.01l1.12.19c.32.05.6.23.79.49.19.26.26.58.2.95-.11.65-.71%201.1-1.39.99z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-twitter-blue_twitter {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-152.9%20139.6%20347.8%20282.7%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2355acee%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M194.9%20173.1c-12.8%205.7-26.5%209.5-41%2011.2%2014.7-8.8%2026-22.8%2031.4-39.5-13.8%208.2-29.1%2014.1-45.3%2017.3-13-13.9-31.6-22.5-52.1-22.5-39.4%200-71.4%2032-71.4%2071.4%200%205.6.6%2011%201.8%2016.3-59.3-3-111.9-31.4-147.1-74.5-6.1%2010.5-9.6%2022.8-9.6%2035.9%200%2024.7%2016.5%2046.6%2035.6%2059.4-11.7-.4-28.5-3.6-28.5-9v.9c0%2034.6%2020.7%2063.4%2053.4%2070-6%201.6-14.2%202.5-20.7%202.5-4.6%200-10-.5-14.4-1.3%209.1%2028.4%2035%2049%2066.2%2049.6-24.4%2019.1-55.5%2030.5-88.9%2030.5-5.8%200-11.6-.3-17.2-1%2031.6%2020.2%2069.1%2032%20109.4%2032%20131.3%200%20203.1-108.7%20203.1-203%200-3.1-.1-6.2-.2-9.3%2013.8-10%2025.9-22.6%2035.5-36.9z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-smartphone-portrait-green {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024.08%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2358b44b%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M.08%206.61v.78C.03%207.27%200%207.14%200%207s.03-.27.08-.39zm2-.61h20v2h-20zm-2%2026.61v.78C.03%2033.27%200%2033.14%200%2033s.03-.27.08-.39z%22/%3E%3Cpath%20d=%22M22.58%200h-21C.75%200%20.08.67.08%201.5v37c0%20.83.67%201.5%201.5%201.5h21c.83%200%201.5-.67%201.5-1.5v-37c0-.83-.67-1.5-1.5-1.5zm-.5%2038h-20V2h20v36z%22/%3E%3Cpath%20d=%22M16.08%204c0%20.55-.45%201-1%201h-6c-.55%200-1-.45-1-1s.45-1%201-1h6c.55%200%201%20.45%201%201zm-1.77%2030H9.85c-.48.53-.77%201.24-.77%202s.29%201.47.77%202h4.46c.48-.53.77-1.24.77-2s-.29-1.47-.77-2zm-2.23%203c-.55%200-1-.45-1-1s.45-1%201-1%201%20.45%201%201-.45%201-1%201zm-10-5h20v2h-20z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-expand-black {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23000%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M4%2020.4h35.8v4.3H4z%22/%3E%3Cpath%20d=%22M19.7%204.7H24v35.8h-4.3z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-expand-blue {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23368aa9%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M4%2020.4h35.8v4.3H4z%22/%3E%3Cpath%20d=%22M19.7%204.7H24v35.8h-4.3z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-collapse-black {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23000%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M4%2021.4h35.8v4.3H4z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-collapse-blue {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23368aa9%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M4%2021.4h35.8v4.3H4z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

/*============================================================================
  marketing_assets overrides
==============================================================================*/
.marketing-nav__logo__shopify--help-center {
  width: 203px; }
  @media screen and (min-width: 67.5em) {
    .marketing-nav__logo__shopify--help-center {
      margin-top: 22px; } }

.page-header--search .marketing-input-wrapper {
  margin-bottom: 0; }

.no-underline {
  color: #2a6a82; }

video {
  max-width: 100%; }

.section-heading__flair::before {
  background-color: #368aa9; }

a.marketing-bullet,
a.marketing-block,
.marketing-bullet--link,
.marketing-block--link {
  display: block; }
  a.marketing-bullet h4,
  a.marketing-block h4,
  .marketing-bullet--link h4,
  .marketing-block--link h4 {
    color: #368aa9; }
  @media screen and (min-width: 46.875em) {
    a.marketing-bullet,
    a.marketing-block,
    .marketing-bullet--link,
    .marketing-block--link {
      padding: 15px; }
      a.marketing-bullet:hover, a.marketing-bullet:focus,
      a.marketing-block:hover,
      a.marketing-block:focus,
      .marketing-bullet--link:hover,
      .marketing-bullet--link:focus,
      .marketing-block--link:hover,
      .marketing-block--link:focus {
        background-color: #f4f6f8;
        background-image: none; } }
  @media screen and (max-width: 67.4375em) {
    a.marketing-bullet,
    a.marketing-block,
    .marketing-bullet--link,
    .marketing-block--link {
      padding: 10px; } }

.marketing-block__content h3 {
  margin-top: 0; }

.marketing-nav__user {
  display: none; }
  @media screen and (min-width: 1170px) {
    .marketing-nav__user {
      display: block; } }

.page-header--404 {
  height: 100vh;
  padding-top: 7.5em;
  background: #30373b;
  line-height: 1.8; }
  .page-header--404 a {
    color: #4ca5c6; }

.page--has-transparent-nav--primary .home-page-header {
  padding-top: 7.5em; }

.sub-page-header {
  border: 0;
  border-bottom: 1px solid #dfe3e8; }
  .page--has-breadcrumbs .sub-page-header {
    /* padding: em($gutter) 0; */ }
  .sub-page-header .marketing-input-wrapper {
    margin-bottom: 0;
    margin-top: 5px; }
  @media screen and (max-width: 67.4375em) {
    .sub-page-header .search-form-wrapper {
      width: 100%;
      margin-left: 0; } }

.search-form {
  margin-top: 0;
  margin-bottom: 0; }
  .search-form .search-form__submit {
    z-index: 1;
    right: 20px;
    left: auto;
    top: 50%;
    margin-top: -8px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23919ea9%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M15.552%2013.62L11.27%209.333c.585-.936.925-2.046.925-3.23C12.195%202.73%209.465%200%206.098%200%202.73%200%200%202.732%200%206.103c0%203.37%202.73%206.1%206.098%206.1%201.19%200%202.304-.343%203.244-.935l4.28%204.283c.295.3.68.45%201.063.45h.005c.333%200%20.674-.12.93-.373.258-.26.38-.6.38-.94%200-.382-.154-.768-.448-1.063zM9.498%206.102c-.003%201.874-1.526%203.4-3.4%203.402C4.224%209.5%202.7%207.976%202.698%206.102c.003-1.875%201.526-3.4%203.4-3.404%201.874.003%203.397%201.528%203.4%203.403z%22/%3E%3C/svg%3E'); }
  .search-form .search-field {
    padding-right: 45px; }
  @media screen and (max-width: 67.4375em) {
    .search-form {
      width: 100%; }
      .search-form .marketing-input-wrapper {
        margin: 0; } }

@media screen and (max-width: 67.4375em) {
  .page-header--search .search-field {
    margin-top: 30px;
    border: 0; } }

/*================ Home pages ================*/
.home .manual-section:not(:last-child) {
  border-bottom: 1px solid #dfe3e8;
  padding-bottom: 30px;
  margin-bottom: 30px; }
.home .manual-topic {
  padding-bottom: 0.625em;
  /* float: left; */
  width: 100%;
  display: block; }
  @media screen and (min-width: 46.875em) {
    .home .manual-topic {
      padding: 1.25em; }
      .home .manual-topic:hover {
        background: #f4f6f8; } }
.home .marketing-bullet {
  margin-bottom: 0; }
.home .section-heading {
  margin-bottom: 2.8125em; }
.home .section-link:hover .marketing-button, .home .section-link:hover .marketing-nav__button {
  display: inline-block;
  background: #2a6a82; }
.home .section-icon,
.home .section-description {
  margin: 15px; }
.home .topic-icon {
  margin-bottom: 15px; }

.home-content-unit {
  margin-bottom: 30px;
  text-align: center; }
  .home-content-unit .grid-item-bordered {
    padding: 30px; }
  .home-content-unit h3 {
    margin-bottom: 30px; }

.home-cta-button {
  margin-top: 15px; }

.marketing-block__content h3 a {
  color: #4ca5c6;
  border-bottom: 0; }
  .marketing-block__content h3 a:hover, .marketing-block__content h3 a:focus {
    text-decoration: underline; }

/*================ Home page resources================*/
.developer-resources {
  background: #f4f6f8; }

/*================ Section/Topic headings ================*/
.topic-section-heading {
  text-align: left; }
  .topic-section-heading h1 {
    margin-bottom: 0.3125em; }

.sub-section-topic {
  margin-bottom: 1.875em;
  padding-bottom: 1.875em;
  border-bottom: 1px solid #dfe3e8; }
  @media screen and (max-width: 67.4375em) {
    .sub-section-topic {
      text-align: left; } }
  .sub-section-topic h3 {
    margin-bottom: 0.3125em;
    line-height: 1.5em; }
  .sub-section-topic:last-child {
    border-bottom: 0;
    margin-bottom: 0; }

.sub-section__heading {
  line-height: 40px; }
  .sub-section__heading .icon, .sub-section__heading .note-app img, .note-app .sub-section__heading img,
  .sub-section__heading .note.app img,
  .note.app .sub-section__heading img {
    display: block;
    margin-bottom: 0;
    float: left;
    margin-right: 0.9375em;
    background-repeat: no-repeat; }

.sub-section-item {
  margin-bottom: 1.25em; }
  .sub-section-item h4 {
    margin-bottom: 0.3125em; }

/*================ Section listings ================*/
.section-listing .marketing-button, .section-listing .marketing-nav__button {
  width: 100%; }

/*================ Article ================*/
.article table,
.toggleBox table,
.toc table,
.videos-page .section-heading table {
  border-top: 1px solid #dfe3e8;
  border-left: 1px solid #dfe3e8;
  border-spacing: 0;
  margin: 30px 0;
  width: 100%; }
  .article table th,
  .toggleBox table th,
  .toc table th,
  .videos-page .section-heading table th {
    background: #f4f6f8;
    text-align: left; }
  .article table td,
  .article table th,
  .toggleBox table td,
  .toggleBox table th,
  .toc table td,
  .toc table th,
  .videos-page .section-heading table td,
  .videos-page .section-heading table th {
    padding: 7.5px 10px;
    border-right: 1px solid #dfe3e8;
    border-bottom: 1px solid #dfe3e8;
    vertical-align: top; }
.article ul,
.toggleBox ul,
.toc ul,
.videos-page .section-heading ul {
  list-style: disc outside;
  padding-left: 1.25em; }
  .article ul li,
  .toggleBox ul li,
  .toc ul li,
  .videos-page .section-heading ul li {
    padding-left: 5px; }

.messaging-session {
  padding: 1.875em;
  margin: 1.875em 0;
  background: #f4f6f8; }
  .messaging-session .message {
    position: relative;
    padding: 15px;
    border-radius: 15px; }
    @media screen and (min-width: 67.5em) {
      .messaging-session .message {
        width: 400px;
        margin: 0 auto; } }
    .messaging-session .message:not(:first-child) {
      margin-top: 30px; }
    .messaging-session .message a {
      color: #fff; }
    .messaging-session .message p,
    .messaging-session .message li {
      margin-bottom: 5px; }
    .messaging-session .message ol > li {
      padding-left: 20px; }
    .messaging-session .message ol > li::before {
      color: inherit;
      font-weight: normal; }
  .messaging-session .message--left {
    color: #fff;
    background: #46903c; }
    .messaging-session .message--left::after {
      position: absolute;
      bottom: -15px;
      left: 15px;
      display: block;
      width: 0;
      border-color: #46903c transparent;
      border-style: solid;
      border-width: 15px 15px 0 0;
      content: ""; }
  .messaging-session .message--right {
    color: #000;
    background: #f4f6f8;
    text-align: right; }
    .messaging-session .message--right::after {
      position: absolute;
      bottom: -15px;
      right: 15px;
      display: block;
      width: 0;
      border-color: #f4f6f8 transparent;
      border-style: solid;
      border-width: 15px 0 0 15px;
      content: ""; }

/*================ Table of contents ================*/
.toc li,
.content > ul li {
  margin: 10px 0; }
.toc ul ul,
.content > ul ul ul {
  border-left: 1px solid #dfe3e8;
  padding-left: 10px;
  list-style-type: none; }

.toc--section {
  padding: 15px;
  margin-bottom: 15px;
  background: #f4f6f8; }
  .toc--section ul {
    margin-top: 15px; }

.videos-page ul {
  padding-left: 1.25em;
  list-style: disc outside;
  color: #30373b; }
  .videos-page ul li {
    padding-left: 5px; }
  .videos-page ul a {
    color: #2a6a82;
    background-image: none;
    padding-bottom: 0.375em; }
    .videos-page ul a:hover {
      background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(0.0625em, transparent), color-stop(0.0625em, currentColor), color-stop(0.125em, currentColor), color-stop(0.125em, transparent));
      background-image: linear-gradient(to top, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
      background-position: 0 -0.125em; }

/*================ Article feedback form ================*/
.feedback-form {
  border: 1px solid #dfe3e8;
  padding: 1.875em;
  background: #f4f6f8;
  margin-top: 2.8125em; }
  @media screen and (max-width: 46.8125em) {
    .feedback-form {
      text-align: center;
      padding: 0.9375em; } }
  .feedback-form .author-picture {
    border: 1px solid #dfe3e8;
    border-radius: 50%; }

.feedback-details {
  display: none;
  text-align: right; }
  .feedback-details select {
    background: #fff; }
  .feedback-details .marketing-textarea {
    margin-bottom: 0;
    padding-left: 60px; }

/*================ Contact module ================*/
.contact-card {
  padding-top: 3.75em;
  text-align: center; }

.contact-card__item {
  padding: 3.125em 1.875em; }

/*================ CTAS ================*/
.is-current-user .hide-if-user {
  display: none; }

.home-link {
  margin-top: 15px; }

@media screen {
  .print-date {
    display: none; } }
/*================ Modal form ================*/
.redesign-feedback-form {
  display: none; }

/*================ Branching template ================*/
.branching {
  padding-top: 60px;
  margin-top: 30px;
  text-align: center;
  border-top: 1px solid #dfe3e8; }
  .branching .selected-device {
    background: #344183; }

.showiphone,
.showandroid {
  display: none; }

.hidden-content {
  display: none; }

.accordion-header-link {
  cursor: pointer; }
  .accordion-header-link svg {
    width: 0.9375em;
    height: 0.9375em; }
    .accordion-header-link svg path {
      fill: #000; }
  .accordion-header-link:hover {
    color: #368aa9;
    text-decoration: underline; }
    .accordion-header-link:hover svg path {
      fill: #368aa9; }

.accordion-content-div {
  overflow: hidden;
  display: none;
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0; }

.section-tag-block {
  padding: 0; }
  .section-tag-block .changeable-content {
    position: relative; }
    .section-tag-block .changeable-content:not(:nth-child(2)) {
      display: none; }
  .section-tag-block ol {
    margin-bottom: 0; }
  .section-tag-block .in-page-menu--horizontal {
    margin: 15px 0;
    font-size: 0.8em;
    text-align: center; }
    .section-tag-block .in-page-menu--horizontal li a {
      font-weight: bold;
      color: #fff; }
    .section-tag-block .in-page-menu--horizontal .js-is-active a,
    .section-tag-block .in-page-menu--horizontal .js-is-active:hover a {
      background-color: #344183; }

.feedback-buttons {
  text-align: center;
  margin-bottom: 0;
  position: relative; }
  .feedback-buttons p {
    font-weight: bold;
    margin-bottom: 0; }

.checkboxgroup {
  display: inline-block;
  margin-right: 30px;
  z-index: 9999; }
  .checkboxgroup:last-of-type {
    margin-right: 0; }
  @media screen and (max-width: 46.8125em) {
    .checkboxgroup {
      margin-right: 0; } }
  .checkboxgroup .marketing-radio-label {
    margin-bottom: 0; }
  .checkboxgroup .marketing-radio:focus:checked + label::before {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .checkboxgroup .marketing-radio:checked + label::after {
    display: none; }

.checkboxgroup label {
  color: #f4f6f8;
  width: 40px;
  height: 40px;
  display: block;
  padding-left: 0;
  padding-bottom: 30px;
  line-height: 0;
  background-size: 40px 400px;
  background-image: url("/National_Library/20170827070107oe_/https://help.shopify.com/assets/images/icons/face-emojis.svg");
  cursor: pointer;
  content: ""; }
  .checkboxgroup label::before {
    top: 0;
    left: 0;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .checkboxgroup label:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 0; }
    .checkboxgroup label:hover::before {
      border: 0;
      -webkit-box-shadow: none;
              box-shadow: none; }

.feedback-buttons .checkboxgroup:nth-child(2) .marketing-radio + label {
  background-position: 0px -360px; }
.feedback-buttons .checkboxgroup:nth-child(2) .marketing-radio:hover + label, .feedback-buttons .checkboxgroup:nth-child(2) .marketing-radio:checked + label {
  background-position: 0px -320px; }

.feedback-buttons .checkboxgroup:nth-child(3) .marketing-radio + label {
  background-position: 0px -280px; }
.feedback-buttons .checkboxgroup:nth-child(3) .marketing-radio:hover + label, .feedback-buttons .checkboxgroup:nth-child(3) .marketing-radio:checked + label {
  background-position: 0px -240px; }

.feedback-buttons .checkboxgroup:nth-child(4) .marketing-radio + label {
  background-position: 0px -200px; }
.feedback-buttons .checkboxgroup:nth-child(4) .marketing-radio:hover + label, .feedback-buttons .checkboxgroup:nth-child(4) .marketing-radio:checked + label {
  background-position: 0px -160px; }

.feedback-buttons .checkboxgroup:nth-child(5) .marketing-radio + label {
  background-position: 0px -120px; }
.feedback-buttons .checkboxgroup:nth-child(5) .marketing-radio:hover + label, .feedback-buttons .checkboxgroup:nth-child(5) .marketing-radio:checked + label {
  background-position: 0px -80px; }

.feedback-buttons .checkboxgroup:nth-child(6) .marketing-radio + label {
  background-position: 0px -40px; }
.feedback-buttons .checkboxgroup:nth-child(6) .marketing-radio:hover + label, .feedback-buttons .checkboxgroup:nth-child(6) .marketing-radio:checked + label {
  background-position: 0px 0px; }

.reports-availability td {
  text-align: center;
  vertical-align: middle; }

.article h1,
.article h2,
.article h3,
.article > p,
.toggleBox > p {
  counter-reset: chapter; }

.article > ol > li,
.changeable-content > ol > li,
.toggleBox > ol > li {
  list-style-type: none;
  counter-increment: chapter; }
  .article > ol > li p,
  .changeable-content > ol > li p,
  .toggleBox > ol > li p {
    margin-bottom: 10px; }
.article > ol li::before,
.changeable-content > ol li::before,
.toggleBox > ol li::before {
  content: counter(chapter) ". "; }
.article > ol ul > li,
.changeable-content > ol ul > li,
.toggleBox > ol ul > li {
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: initial;
  counter-increment: none; }
.article > ol ul > li::before,
.changeable-content > ol ul > li::before,
.toggleBox > ol ul > li::before {
  content: none; }

.search-filters--disabled {
  color: #919ea9; }
  .search-filters--disabled h4 {
    color: #919ea9; }
  .search-filters--disabled .marketing-checkbox-label:hover::before {
    border-color: #dfe3e8; }