/* Breakpoints from: */

/* https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862 */

/* Some custom breakpoints: */

/* Phones larger than an iPhone 6 (667 pixels) */

/* STACK */
.space__stack-0___u14iA {
    margin-bottom: 0;
  }
.space__stack-xxs___f_Tuo {
    margin-bottom: 2px;
  }
.space__stack-xs___2LzIw {
    margin-bottom: 4px;
  }
.space__stack-s___1vK0v {
    margin-bottom: 8px;
  }
.space__stack-m___2PzhR {
    margin-bottom: 16px;
  }
.space__stack-l___2Op8K {
    margin-bottom: 32px;
  }
.space__stack-xl___1oKsQ {
    margin-bottom: 64px;
  }
.space__stack-xxl___1QSvq {
    margin-bottom: 128px;
  }

@media (min-width: 600px) {
  .space__portrait-stack-0___1pmJm {
      margin-bottom: 0
  }
    }

@media (min-width: 600px) {
  .space__portrait-stack-xxs___2oKcm {
      margin-bottom: 2px
  }
    }

@media (min-width: 600px) {
  .space__portrait-stack-xs___2YEHI {
      margin-bottom: 4px
  }
    }

@media (min-width: 600px) {
  .space__portrait-stack-s___33eoO {
      margin-bottom: 8px
  }
    }

@media (min-width: 600px) {
  .space__portrait-stack-m___3ULv9 {
      margin-bottom: 16px
  }
    }

@media (min-width: 600px) {
  .space__portrait-stack-l___efClJ {
      margin-bottom: 32px
  }
    }

@media (min-width: 600px) {
  .space__portrait-stack-xl___KqILZ {
      margin-bottom: 64px
  }
    }

@media (min-width: 600px) {
  .space__portrait-stack-xxl___rAdmg {
      margin-bottom: 128px
  }
    }

@media (min-width: 900px) {
  .space__landscape-stack-0___32qaS {
      margin-bottom: 0
  }
    }

@media (min-width: 900px) {
  .space__landscape-stack-xxs___3xA0R {
      margin-bottom: 2px
  }
    }

@media (min-width: 900px) {
  .space__landscape-stack-xs___3GF0g {
      margin-bottom: 4px
  }
    }

@media (min-width: 900px) {
  .space__landscape-stack-s___Z3NhO {
      margin-bottom: 8px
  }
    }

@media (min-width: 900px) {
  .space__landscape-stack-m___LwD5p {
      margin-bottom: 16px
  }
    }

@media (min-width: 900px) {
  .space__landscape-stack-l___1IJKA {
      margin-bottom: 32px
  }
    }

@media (min-width: 900px) {
  .space__landscape-stack-xl___3qMcG {
      margin-bottom: 64px
  }
    }

@media (min-width: 900px) {
  .space__landscape-stack-xxl___2gLwh {
      margin-bottom: 128px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-stack-0___2t5y9 {
      margin-bottom: 0
  }
    }

@media (min-width: 1200px) {
  .space__desktop-stack-xxs___2B9pO {
      margin-bottom: 2px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-stack-xs___Elx4O {
      margin-bottom: 4px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-stack-s___30yYV {
      margin-bottom: 8px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-stack-m___1VCWr {
      margin-bottom: 16px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-stack-l___RvhOn {
      margin-bottom: 32px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-stack-xl___1tE2j {
      margin-bottom: 64px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-stack-xxl___3PAW9 {
      margin-bottom: 128px
  }
    }

/* INLINE */

.space__inline-0___3MrQP {
    margin-right: 0;
  }

.space__inline-xxs___3J_41 {
    margin-right: 2px;
  }

.space__inline-xs___LYSbx {
    margin-right: 4px;
  }

.space__inline-s___2wD9K {
    margin-right: 8px;
  }

.space__inline-m___194fG {
    margin-right: 16px;
  }

.space__inline-l___Obz5H {
    margin-right: 32px;
  }

.space__inline-xl___3Wt2a {
    margin-right: 64px;
  }

.space__inline-xxl___25MyC {
    margin-right: 128px;
  }

@media (min-width: 600px) {
  .space__portrait-inline-0___LtsiK {
      margin-right: 0
  }
    }

@media (min-width: 600px) {
  .space__portrait-inline-xxs___MZAkO {
      margin-right: 2px
  }
    }

@media (min-width: 600px) {
  .space__portrait-inline-xs___2by5v {
      margin-right: 4px
  }
    }

@media (min-width: 600px) {
  .space__portrait-inline-s___1TO1d {
      margin-right: 8px
  }
    }

@media (min-width: 600px) {
  .space__portrait-inline-m___12uCh {
      margin-right: 16px
  }
    }

@media (min-width: 600px) {
  .space__portrait-inline-l___13hzU {
      margin-right: 32px
  }
    }

@media (min-width: 600px) {
  .space__portrait-inline-xl___20e89 {
      margin-right: 64px
  }
    }

@media (min-width: 600px) {
  .space__portrait-inline-xxl___3zscK {
      margin-right: 128px
  }
    }

@media (min-width: 900px) {
  .space__landscape-inline-0___3Oae2 {
      margin-right: 0
  }
    }

@media (min-width: 900px) {
  .space__landscape-inline-xxs___Tyzjo {
      margin-right: 2px
  }
    }

@media (min-width: 900px) {
  .space__landscape-inline-xs___xBki1 {
      margin-right: 4px
  }
    }

@media (min-width: 900px) {
  .space__landscape-inline-s___1-WKM {
      margin-right: 8px
  }
    }

@media (min-width: 900px) {
  .space__landscape-inline-m___3rFC2 {
      margin-right: 16px
  }
    }

@media (min-width: 900px) {
  .space__landscape-inline-l___3lg8c {
      margin-right: 32px
  }
    }

@media (min-width: 900px) {
  .space__landscape-inline-xl___33BXF {
      margin-right: 64px
  }
    }

@media (min-width: 900px) {
  .space__landscape-inline-xxl___3coAb {
      margin-right: 128px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inline-0___hib97 {
      margin-right: 0
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inline-xxs___MP5uw {
      margin-right: 2px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inline-xs___2wRfh {
      margin-right: 4px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inline-s___1CftJ {
      margin-right: 8px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inline-m___1_pSm {
      margin-right: 16px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inline-l___2wh0u {
      margin-right: 32px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inline-xl___2pP6J {
      margin-right: 64px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inline-xxl___3VuDI {
      margin-right: 128px
  }
    }

/* INSET */

.space__inset-0___2LhB1 {
    padding: 0;
  }

.space__inset-xxs___2ALiC {
    padding: 2px;
  }

.space__inset-xs___2s_oC {
    padding: 4px;
  }

.space__inset-s___3Wlvu {
    padding: 8px;
  }

.space__inset-m___1dDhL {
    padding: 16px;
  }

.space__inset-l___YruLd {
    padding: 32px;
  }

.space__inset-xl___2i6NM {
    padding: 64px;
  }

.space__inset-xxl___JQBoj {
    padding: 128px;
  }

@media (min-width: 600px) {
  .space__portrait-inset-0___2ynU0 {
      padding: 0
  }
    }

@media (min-width: 600px) {
  .space__portrait-inset-xxs___1svrC {
      padding: 2px
  }
    }

@media (min-width: 600px) {
  .space__portrait-inset-xs___ZanR6 {
      padding: 4px
  }
    }

@media (min-width: 600px) {
  .space__portrait-inset-s___1dBeY {
      padding: 8px
  }
    }

@media (min-width: 600px) {
  .space__portrait-inset-m___364bw {
      padding: 16px
  }
    }

@media (min-width: 600px) {
  .space__portrait-inset-l___1iOcF {
      padding: 32px
  }
    }

@media (min-width: 600px) {
  .space__portrait-inset-xl___3U1Qc {
      padding: 64px
  }
    }

@media (min-width: 600px) {
  .space__portrait-inset-xxl___2t1ke {
      padding: 128px
  }
    }

@media (min-width: 900px) {
  .space__landscape-inset-0___2R2MX {
      padding: 0
  }
    }

@media (min-width: 900px) {
  .space__landscape-inset-xxs___3SaYc {
      padding: 2px
  }
    }

@media (min-width: 900px) {
  .space__landscape-inset-xs___2Vzvz {
      padding: 4px
  }
    }

@media (min-width: 900px) {
  .space__landscape-inset-s___1S56l {
      padding: 8px
  }
    }

@media (min-width: 900px) {
  .space__landscape-inset-m___RI5sq {
      padding: 16px
  }
    }

@media (min-width: 900px) {
  .space__landscape-inset-l___2sc9C {
      padding: 32px
  }
    }

@media (min-width: 900px) {
  .space__landscape-inset-xl___24RBd {
      padding: 64px
  }
    }

@media (min-width: 900px) {
  .space__landscape-inset-xxl___2Mk7Y {
      padding: 128px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inset-0___2FkW- {
      padding: 0
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inset-xxs___9mGwk {
      padding: 2px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inset-xs___2EdJP {
      padding: 4px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inset-s___B66_V {
      padding: 8px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inset-m___3YmN8 {
      padding: 16px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inset-l___1K2Zk {
      padding: 32px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inset-xl___9UyGl {
      padding: 64px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-inset-xxl___2_gu8 {
      padding: 128px
  }
    }

/* INSET TOP */

.space__insetTop-0___3rc9C {
    padding-top: 0;
  }

.space__insetTop-xxs___1rXlP {
    padding-top: 2px;
  }

.space__insetTop-xs___39M7v {
    padding-top: 4px;
  }

.space__insetTop-s___14vuh {
    padding-top: 8px;
  }

.space__insetTop-m___1CCUd {
    padding-top: 16px;
  }

.space__insetTop-l___BhOa3 {
    padding-top: 32px;
  }

.space__insetTop-xl___14VKe {
    padding-top: 64px;
  }

.space__insetTop-xxl___1_zwt {
    padding-top: 128px;
  }

@media (min-width: 600px) {
  .space__portrait-insetTop-0___ZsKx7 {
      padding-top: 0
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetTop-xxs___2DGLu {
      padding-top: 2px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetTop-xs___33R6b {
      padding-top: 4px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetTop-s___1emEO {
      padding-top: 8px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetTop-m___NWh5z {
      padding-top: 16px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetTop-l___2Qt7P {
      padding-top: 32px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetTop-xl___13Mdc {
      padding-top: 64px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetTop-xxl___35lOu {
      padding-top: 128px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetTop-0___jHCFL {
      padding-top: 0
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetTop-xxs___cMhIC {
      padding-top: 2px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetTop-xs___3wT5e {
      padding-top: 4px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetTop-s___2lZOd {
      padding-top: 8px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetTop-m___1rkR_ {
      padding-top: 16px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetTop-l___1e90O {
      padding-top: 32px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetTop-xl___2684K {
      padding-top: 64px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetTop-xxl___JTjGt {
      padding-top: 128px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetTop-0___2j6V3 {
      padding-top: 0
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetTop-xxs___3Wb-n {
      padding-top: 2px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetTop-xs___1uwdM {
      padding-top: 4px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetTop-s___3zmYG {
      padding-top: 8px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetTop-m___3bj6H {
      padding-top: 16px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetTop-l___34o18 {
      padding-top: 32px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetTop-xl___3M5YH {
      padding-top: 64px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetTop-xxl___Y9EjI {
      padding-top: 128px
  }
    }

/* INSET VERTICAL */

.space__insetVertical-0___2ZhVY {
    padding-top: 0;
    padding-bottom: 0;
  }

.space__insetVertical-xxs___1epyE {
    padding-top: 2px;
    padding-bottom: 2px;
  }

.space__insetVertical-xs___3MQLE {
    padding-top: 4px;
    padding-bottom: 4px;
  }

.space__insetVertical-s___2Zs_k {
    padding-top: 8px;
    padding-bottom: 8px;
  }

.space__insetVertical-m___1oprc {
    padding-top: 16px;
    padding-bottom: 16px;
  }

.space__insetVertical-l___1ZLiZ {
    padding-top: 32px;
    padding-bottom: 32px;
  }

.space__insetVertical-xl___1N9b3 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

.space__insetVertical-xxl___2gGH3 {
    padding-top: 128px;
    padding-bottom: 128px;
  }

@media (min-width: 600px) {
  .space__portrait-insetVertical-0___lqS3W {
      padding-top: 0;
      padding-bottom: 0
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetVertical-xxs___2WVVw {
      padding-top: 2px;
      padding-bottom: 2px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetVertical-xs___1-bUQ {
      padding-top: 4px;
      padding-bottom: 4px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetVertical-s___ClmwR {
      padding-top: 8px;
      padding-bottom: 8px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetVertical-m___22kJa {
      padding-top: 16px;
      padding-bottom: 16px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetVertical-l___2Jt-N {
      padding-top: 32px;
      padding-bottom: 32px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetVertical-xl___1Plr_ {
      padding-top: 64px;
      padding-bottom: 64px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetVertical-xxl___1En1s {
      padding-top: 128px;
      padding-bottom: 128px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetVertical-0___1OfVC {
      padding-top: 0;
      padding-bottom: 0
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetVertical-xxs___1Seu5 {
      padding-top: 2px;
      padding-bottom: 2px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetVertical-xs___3U5kz {
      padding-top: 4px;
      padding-bottom: 4px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetVertical-s___9QgCw {
      padding-top: 8px;
      padding-bottom: 8px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetVertical-m___1jyZu {
      padding-top: 16px;
      padding-bottom: 16px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetVertical-l___3c5Pc {
      padding-top: 32px;
      padding-bottom: 32px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetVertical-xl___29u09 {
      padding-top: 64px;
      padding-bottom: 64px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetVertical-xxl___36G1B {
      padding-top: 128px;
      padding-bottom: 128px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetVertical-0___3fUle {
      padding-top: 0;
      padding-bottom: 0
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetVertical-xxs___1KG6r {
      padding-top: 2px;
      padding-bottom: 2px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetVertical-xs___2xT3D {
      padding-top: 4px;
      padding-bottom: 4px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetVertical-s___1ggW4 {
      padding-top: 8px;
      padding-bottom: 8px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetVertical-m___2zfm9 {
      padding-top: 16px;
      padding-bottom: 16px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetVertical-l___3DC1Y {
      padding-top: 32px;
      padding-bottom: 32px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetVertical-xl___1_8e- {
      padding-top: 64px;
      padding-bottom: 64px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetVertical-xxl___w3lnq {
      padding-top: 128px;
      padding-bottom: 128px
  }
    }

/* INSET HORIZONTAL */

.space__insetHorizontal-0___1RDmK {
    padding-left: 0;
    padding-right: 0;
  }

.space__insetHorizontal-xxs___XUAZi {
    padding-left: 2px;
    padding-right: 2px;
  }

.space__insetHorizontal-xs___20FHA {
    padding-left: 4px;
    padding-right: 4px;
  }

.space__insetHorizontal-s___ASAvN {
    padding-left: 8px;
    padding-right: 8px;
  }

.space__insetHorizontal-m___1D2B5 {
    padding-left: 16px;
    padding-right: 16px;
  }

.space__insetHorizontal-l___14-jd {
    padding-left: 32px;
    padding-right: 32px;
  }

.space__insetHorizontal-xl___2s44i {
    padding-left: 64px;
    padding-right: 64px;
  }

.space__insetHorizontal-xxl___1RwXj {
    padding-left: 128px;
    padding-right: 128px;
  }

@media (min-width: 600px) {
  .space__portrait-insetHorizontal-0___2RjiS {
      padding-left: 0;
      padding-right: 0
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetHorizontal-xxs___37uSp {
      padding-left: 2px;
      padding-right: 2px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetHorizontal-xs___306MP {
      padding-left: 4px;
      padding-right: 4px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetHorizontal-s___3SN7U {
      padding-left: 8px;
      padding-right: 8px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetHorizontal-m___TH_vg {
      padding-left: 16px;
      padding-right: 16px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetHorizontal-l___1d9gg {
      padding-left: 32px;
      padding-right: 32px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetHorizontal-xl___2Cw_q {
      padding-left: 64px;
      padding-right: 64px
  }
    }

@media (min-width: 600px) {
  .space__portrait-insetHorizontal-xxl___2T93b {
      padding-left: 128px;
      padding-right: 128px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetHorizontal-0___372J_ {
      padding-left: 0;
      padding-right: 0
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetHorizontal-xxs___2bzex {
      padding-left: 2px;
      padding-right: 2px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetHorizontal-xs___3O4nJ {
      padding-left: 4px;
      padding-right: 4px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetHorizontal-s___2aShX {
      padding-left: 8px;
      padding-right: 8px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetHorizontal-m___F-Oyd {
      padding-left: 16px;
      padding-right: 16px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetHorizontal-l___zaiUb {
      padding-left: 32px;
      padding-right: 32px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetHorizontal-xl___1ST1X {
      padding-left: 64px;
      padding-right: 64px
  }
    }

@media (min-width: 900px) {
  .space__landscape-insetHorizontal-xxl___1UUOJ {
      padding-left: 128px;
      padding-right: 128px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetHorizontal-0___3N54e {
      padding-left: 0;
      padding-right: 0
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetHorizontal-xxs___1MV22 {
      padding-left: 2px;
      padding-right: 2px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetHorizontal-xs___18wqi {
      padding-left: 4px;
      padding-right: 4px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetHorizontal-s___luELH {
      padding-left: 8px;
      padding-right: 8px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetHorizontal-m___3z1EE {
      padding-left: 16px;
      padding-right: 16px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetHorizontal-l___UhTEs {
      padding-left: 32px;
      padding-right: 32px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetHorizontal-xl___3t8qV {
      padding-left: 64px;
      padding-right: 64px
  }
    }

@media (min-width: 1200px) {
  .space__desktop-insetHorizontal-xxl___4rJA2 {
      padding-left: 128px;
      padding-right: 128px
  }
    }

.space__fullHeight___BelEL {
  height: 100%;
  flex: 1;
}

.icons__container___3-Hly {
  position: relative;
}

  .icons__container___3-Hly svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }

.icons__button___2lLJq {
  cursor: pointer;
}

.icons__dark-ScrollLogoBicolor___1-_u0 {
  outline: 1px solid red;
}

/* System Colors */

/* Neutrals */

/* Scroll Green */

/* Accent Colors */

/* Gradients */

/* Twitter co-branding colors */



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

.text-deprecated__jumbo___1zdr- {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.7px;
  color: #39403f;
}

@media (min-width: 600px) {

.text-deprecated__jumbo___1zdr- {
    font-size: 120px;
    line-height: 0.93;
    letter-spacing: -1.7px
}
  }

.text-deprecated__jumbo___1zdr- a {
    color: #33e2d1;
  }

/* the below is copied from .showSrOnly - composes not allowed for compound selectors */

.text-deprecated__linkable___BWy2x:hover .text-deprecated__headingLink___3N6eo {
      border: auto;
      clip: auto;
      height: auto;
      margin: auto;
      overflow: auto;
      position: relative;
      width: auto;
      padding: 0 0.25em;
    }

.text-deprecated__linkable___BWy2x .text-deprecated__headingLink___3N6eo:focus {
    border: auto;
    clip: auto;
    height: auto;
    margin: auto;
    overflow: auto;
    position: relative;
    width: auto;
    padding: 0 0.25em;
  }

.text-deprecated__h1___iL9PZ {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.4px;
  color: #1a1c1c;
}

@media (min-width: 600px) {

.text-deprecated__h1___iL9PZ {
    font-size: 48px;
    line-height: 1.25;
    letter-spacing: -0.7px
}

    .text-deprecated__h1___iL9PZ.text-deprecated__strong___2oMdZ {
      line-height: 1;
    }
  }

.text-deprecated__h1___iL9PZ a {
    color: #33e2d1;
  }

.text-deprecated__h1___iL9PZ.text-deprecated__strong___2oMdZ {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
  }

.text-deprecated__h2___3jBbL {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.17;
  letter-spacing: -0.3px;
  color: #1a1c1c;
}

@media (min-width: 600px) {

.text-deprecated__h2___3jBbL {
    font-size: 36px;
    letter-spacing: -0.8px
}
  }

.text-deprecated__h2___3jBbL.text-deprecated__strong___2oMdZ {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
  }

.text-deprecated__h2___3jBbL a {
    color: #06796e;
  }

@media (min-width: 600px) {

.text-deprecated__h2___3jBbL a {
      color: #33e2d1
  }
    }

.text-deprecated__h3___2Wu5l {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
}

@media (min-width: 600px) {

.text-deprecated__h3___2Wu5l {
    font-size: 30px
}
  }

.text-deprecated__h3___2Wu5l.text-deprecated__strong___2oMdZ {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 900;
  }

.text-deprecated__h3___2Wu5l a {
    color: #06796e;
  }

.text-deprecated__h4___IB8eW {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: normal;
  letter-spacing: normal;
  color: #5c6665;
}

@media (min-width: 600px) {

.text-deprecated__h4___IB8eW {
    font-size: 24px
}
  }

.text-deprecated__h4___IB8eW.text-deprecated__strong___2oMdZ {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 900;
  }

.text-deprecated__h4___IB8eW a {
    color: #06796e;
  }

.text-deprecated__h5___3e8s8 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
}

.text-deprecated__h5___3e8s8.text-deprecated__strong___2oMdZ {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 900;
  }

.text-deprecated__h5___3e8s8 a {
    color: #06796e;
  }

.text-deprecated__h6___FTSEl {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
}

.text-deprecated__h6___FTSEl.text-deprecated__strong___2oMdZ {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 900;
  }

.text-deprecated__h6___FTSEl a {
    color: #06796e;
  }

.text-deprecated__p___3uHwK {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
}

.text-deprecated__p___3uHwK a {
    color: #06796e;
  }

.text-deprecated__p___3uHwK.text-deprecated__small-true___33-VA {
    font-weight: normal;
    font-size: 16px;
  }

.text-deprecated__p___3uHwK.text-deprecated__small-false___uFCJH {
    font-weight: 300;
    font-size: 18px;
  }

@media (min-width: 600px) {

.text-deprecated__p___3uHwK.text-deprecated__portrait-small-true___cNf48 {
      font-weight: normal;
      font-size: 16px
  }
    }

@media (min-width: 600px) {

.text-deprecated__p___3uHwK.text-deprecated__portrait-small-false___3kOyW {
      font-weight: 300;
      font-size: 18px
  }
    }

@media (min-width: 900px) {

.text-deprecated__p___3uHwK.text-deprecated__landscape-small-true___23dba {
      font-weight: normal;
      font-size: 16px
  }
    }

@media (min-width: 900px) {

.text-deprecated__p___3uHwK.text-deprecated__landscape-small-false___3thG3 {
      font-weight: 300;
      font-size: 18px
  }
    }

@media (min-width: 1200px) {

.text-deprecated__p___3uHwK.text-deprecated__desktop-small-true___3c25O {
      font-weight: normal;
      font-size: 16px
  }
    }

@media (min-width: 1200px) {

.text-deprecated__p___3uHwK.text-deprecated__desktop-small-false___11joz {
      font-weight: 300;
      font-size: 18px
  }
    }

.text-deprecated__p___3uHwK.text-deprecated__strong___2oMdZ {
    font-weight: 700;
  }

.text-deprecated__li___3xC8Y {
}

.text-deprecated__caption___hVz0K {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
}

.text-deprecated__caption___hVz0K.text-deprecated__strong___2oMdZ {
    font-weight: 900;
  }

.text-deprecated__caption___hVz0K.text-deprecated__small-true___33-VA {
    font-size: 12px;
  }

.text-deprecated__caption___hVz0K.text-deprecated__small-false___uFCJH {
    font-size: 14px;
  }

@media (min-width: 600px) {

.text-deprecated__caption___hVz0K.text-deprecated__portrait-small-true___cNf48 {
      font-size: 12px
  }
    }

@media (min-width: 600px) {

.text-deprecated__caption___hVz0K.text-deprecated__portrait-small-false___3kOyW {
      font-size: 14px
  }
    }

@media (min-width: 900px) {

.text-deprecated__caption___hVz0K.text-deprecated__landscape-small-true___23dba {
      font-size: 12px
  }
    }

@media (min-width: 900px) {

.text-deprecated__caption___hVz0K.text-deprecated__landscape-small-false___3thG3 {
      font-size: 14px
  }
    }

@media (min-width: 1200px) {

.text-deprecated__caption___hVz0K.text-deprecated__desktop-small-true___3c25O {
      font-size: 12px
  }
    }

@media (min-width: 1200px) {

.text-deprecated__caption___hVz0K.text-deprecated__desktop-small-false___11joz {
      font-size: 14px
  }
    }

.text-deprecated__caption___hVz0K.text-deprecated__wash___2MEXe {
    color: #5c6665;
  }

.text-deprecated__caption___hVz0K a {
    color: #06796e;
  }

.text-deprecated__pre___3MeyM {
  border-radius: 4px;
  background-color: #f5f5f5;
  border: solid 1px #e1e6e5;
  padding: 16px 32px;
  overflow: auto;
  display: inline-block;
  max-width: 100%;
}

.text-deprecated__preformatted___2L0PC {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.54;
  color: #39403f;
}

.text-deprecated__code___1L7nU {
  padding: 0 4px;
  margin: 2px 4px;
  text-align: center;
  border-radius: 4px;
  border: solid 1px #e1e6e5;
  display: inline;
  white-space: nowrap;
}

.text-deprecated__code___1L7nU.text-deprecated__normalWrap___JfvUR {
    white-space: normal;
  }

@media (min-width: 600px) {

.text-deprecated__code___1L7nU {
    padding: 2px 6px 3px
}
  }

.text-deprecated__centerBlock___3juP6 {
  width: 100%;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

/* TODO(dbow): Necessary? */

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

.text-deprecated__span___3e4cT.text-deprecated__strong___2oMdZ {
    font-weight: 700;
  }

/* Color overrides - order matters here! */

.text-deprecated__strong___2oMdZ {
  color: #39403f;
}

.text-deprecated__wash___2MEXe {
  color: #7a8786;
}

.text-deprecated__light___1ipQX {
  color: #ffffff;
}

.text-deprecated__error___3wrTc {
  color: #e23243;
}

/* Alignment overrides */

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

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

/* Handle uppercasing of text for accessibility */

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

.text-deprecated__italic___tAt8W {
  font-style: italic;
}

.text-deprecated__codeText___3W8au {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.54;
  color: #39403f;
}

/* Responsive alignment */

@media (min-width: 600px) {

.text-deprecated__portrait-align-left___i9kRi {
    text-align: left
}
  }

@media (min-width: 900px) {

.text-deprecated__landscape-align-left___2rjpx {
    text-align: left
}
  }

@media (min-width: 1200px) {

.text-deprecated__desktop-align-left___16tfj {
    text-align: left
}
  }

@media (min-width: 600px) {

.text-deprecated__portrait-align-center___O6tct {
    text-align: center
}
  }

@media (min-width: 900px) {

.text-deprecated__landscape-align-center___1z_JW {
    text-align: center
}
  }

@media (min-width: 1200px) {

.text-deprecated__desktop-align-center___23Ve7 {
    text-align: center
}
  }

@media (min-width: 600px) {

.text-deprecated__portrait-align-right___V2v9F {
    text-align: right
}
  }

@media (min-width: 900px) {

.text-deprecated__landscape-align-right___1HjLt {
    text-align: right
}
  }

@media (min-width: 1200px) {

.text-deprecated__desktop-align-right___3AvPs {
    text-align: right
}
  }

.text-deprecated__linebreak-true___zpXKa {
  display: inline;
}

.text-deprecated__linebreak-false___2asnG {
  display: none;
}

@media (min-width: 600px) {

.text-deprecated__portrait-linebreak-true___3-f-E {
    display: inline
}
  }

@media (min-width: 600px) {

.text-deprecated__portrait-linebreak-false___8T620 {
    display: none
}
  }

@media (min-width: 900px) {

.text-deprecated__landscape-linebreak-true____uAo3 {
    display: inline
}
  }

@media (min-width: 900px) {

.text-deprecated__landscape-linebreak-false___2HHqB {
    display: none
}
  }

@media (min-width: 1200px) {

.text-deprecated__desktop-linebreak-true___2P2tp {
    display: inline
}
  }

@media (min-width: 1200px) {

.text-deprecated__desktop-linebreak-false___3tpjR {
    display: none
}
  }

/* makes text visible to a screen reader but hides it visually */
.text-deprecated__srOnly___3aeyp {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.text-deprecated__showSrOnly___3VKIr {
  border: auto;
  clip: auto;
  height: auto;
  margin: auto;
  overflow: auto;
  padding: auto;
  position: relative;
  width: auto;
}

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

/* the below is copied from .showSrOnly - composes not allowed for compound selectors */

.text__linkable___3YYq7:hover .text__headingLink___1-qM2 {
      border: auto;
      clip: auto;
      height: auto;
      margin: auto;
      overflow: auto;
      position: relative;
      width: auto;
      padding: 0 0.25em;
    }

.text__linkable___3YYq7 .text__headingLink___1-qM2:focus {
    border: auto;
    clip: auto;
    height: auto;
    margin: auto;
    overflow: auto;
    position: relative;
    width: auto;
    padding: 0 0.25em;
  }

.text__textStyle-heading-xl___2K0ko {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.4px;
  color: #1a1c1c;
}

@media (min-width: 600px) {

.text__textStyle-heading-xl___2K0ko {
    font-size: 48px;
    line-height: 1.25;
    letter-spacing: -0.7px
}

    .text__textStyle-heading-xl___2K0ko.text__strong___3t40F {
      line-height: 1;
    }
  }

.text__textStyle-heading-xl___2K0ko a {
    color: #33e2d1;
  }

.text__textStyle-heading-xl___2K0ko.text__strong___3t40F {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
  }

.text__textStyle-heading-l___1MKYX {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.17;
  letter-spacing: -0.3px;
  color: #1a1c1c;
}

@media (min-width: 600px) {

.text__textStyle-heading-l___1MKYX {
    font-size: 36px;
    letter-spacing: -0.8px
}
  }

.text__textStyle-heading-l___1MKYX.text__strong___3t40F {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
  }

.text__textStyle-heading-l___1MKYX a {
    color: #06796e;
  }

@media (min-width: 600px) {

.text__textStyle-heading-l___1MKYX a {
      color: #33e2d1
  }
    }

.text__textStyle-heading-m___2Y3s5 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
}

@media (min-width: 600px) {

.text__textStyle-heading-m___2Y3s5 {
    font-size: 30px
}
  }

.text__textStyle-heading-m___2Y3s5.text__strong___3t40F {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 900;
  }

.text__textStyle-heading-m___2Y3s5 a {
    color: #06796e;
  }

.text__textStyle-heading-s___v4wgo {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: normal;
  letter-spacing: normal;
  color: #5c6665;
}

@media (min-width: 600px) {

.text__textStyle-heading-s___v4wgo {
    font-size: 24px
}
  }

.text__textStyle-heading-s___v4wgo.text__strong___3t40F {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 900;
  }

.text__textStyle-heading-s___v4wgo a {
    color: #06796e;
  }

.text__textStyle-heading-xs___3GI1m {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
}

.text__textStyle-heading-xs___3GI1m.text__strong___3t40F {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 900;
  }

.text__textStyle-heading-xs___3GI1m a {
    color: #06796e;
  }

.text__textStyle-body___8zDg5 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
}

.text__textStyle-body___8zDg5 a {
    color: #06796e;
  }

.text__textStyle-body___8zDg5.text__strong___3t40F {
    font-weight: 700;
  }

.text__textStyle-body-small___2tjY0 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
}

.text__textStyle-body-small___2tjY0 a {
    color: #06796e;
  }

.text__textStyle-body-small___2tjY0.text__strong___3t40F {
    font-weight: 700;
  }

.text__textStyle-caption___2z90T {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
}

.text__textStyle-caption___2z90T.text__strong___3t40F {
    font-weight: 900;
  }

.text__textStyle-caption___2z90T.text__wash___3YgQL {
    color: #5c6665;
  }

.text__textStyle-caption___2z90T a {
    color: #06796e;
  }

.text__textStyle-caption-small___35nmU {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
}

.text__textStyle-caption-small___35nmU.text__strong___3t40F {
    font-weight: 900;
  }

.text__textStyle-caption-small___35nmU.text__wash___3YgQL {
    color: #5c6665;
  }

.text__textStyle-caption-small___35nmU a {
    color: #06796e;
  }

@media (min-width: 600px) {

.text__portrait-textStyle-heading-xl___3PrF0 {
    font-size: 48px;
    line-height: 1.25;
    letter-spacing: -0.7px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    color: #1a1c1c
}

    .text__portrait-textStyle-heading-xl___3PrF0.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 700;
      line-height: 1;
    }

    .text__portrait-textStyle-heading-xl___3PrF0 a {
      color: #33e2d1;
    }
  }

@media (min-width: 600px) {

.text__portrait-textStyle-heading-l___1Toqx {
    font-size: 36px;
    letter-spacing: -0.8px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    line-height: 1.17;
    color: #1a1c1c
}

    .text__portrait-textStyle-heading-l___1Toqx.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 700;
    }

    .text__portrait-textStyle-heading-l___1Toqx a {
      color: #33e2d1;
    }
  }

@media (min-width: 600px) {

.text__portrait-textStyle-heading-m___3alQw {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c;
    font-size: 30px
}

    .text__portrait-textStyle-heading-m___3alQw.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 900;
    }

    .text__portrait-textStyle-heading-m___3alQw a {
      color: #06796e;
    }
  }

@media (min-width: 600px) {

.text__portrait-textStyle-heading-s___3xXog {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
    color: #5c6665;
    font-size: 24px
}

    .text__portrait-textStyle-heading-s___3xXog.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 900;
    }

    .text__portrait-textStyle-heading-s___3xXog a {
      color: #06796e;
    }
  }

@media (min-width: 600px) {

.text__portrait-textStyle-heading-xs___3yO0n {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__portrait-textStyle-heading-xs___3yO0n.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 900;
    }

    .text__portrait-textStyle-heading-xs___3yO0n a {
      color: #06796e;
    }
  }

@media (min-width: 600px) {

.text__portrait-textStyle-body___3NF8e {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__portrait-textStyle-body___3NF8e a {
      color: #06796e;
    }

    .text__portrait-textStyle-body___3NF8e.text__strong___3t40F {
      font-weight: 700;
    }
  }

@media (min-width: 600px) {

.text__portrait-textStyle-body-small___3sevn {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__portrait-textStyle-body-small___3sevn a {
      color: #06796e;
    }

    .text__portrait-textStyle-body-small___3sevn.text__strong___3t40F {
      font-weight: 700;
    }
  }

@media (min-width: 600px) {

.text__portrait-textStyle-caption___CXSUz {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__portrait-textStyle-caption___CXSUz.text__strong___3t40F {
      font-weight: 900;
    }

    .text__portrait-textStyle-caption___CXSUz.text__wash___3YgQL {
      color: #5c6665;
    }

    .text__portrait-textStyle-caption___CXSUz a {
      color: #06796e;
    }
  }

@media (min-width: 600px) {

.text__portrait-textStyle-caption-small___-zsjo {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__portrait-textStyle-caption-small___-zsjo.text__strong___3t40F {
      font-weight: 900;
    }

    .text__portrait-textStyle-caption-small___-zsjo.text__wash___3YgQL {
      color: #5c6665;
    }

    .text__portrait-textStyle-caption-small___-zsjo a {
      color: #06796e;
    }
  }

@media (min-width: 900px) {

.text__landscape-textStyle-heading-xl___2oPoU {
    font-size: 48px;
    line-height: 1.25;
    letter-spacing: -0.7px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    color: #1a1c1c
}

    .text__landscape-textStyle-heading-xl___2oPoU.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 700;
      line-height: 1;
    }

    .text__landscape-textStyle-heading-xl___2oPoU a {
      color: #33e2d1;
    }
  }

@media (min-width: 900px) {

.text__landscape-textStyle-heading-l___2j5b0 {
    font-size: 36px;
    letter-spacing: -0.8px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    line-height: 1.17;
    color: #1a1c1c
}

    .text__landscape-textStyle-heading-l___2j5b0.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 700;
    }

    .text__landscape-textStyle-heading-l___2j5b0 a {
      color: #33e2d1;
    }
  }

@media (min-width: 900px) {

.text__landscape-textStyle-heading-m___3_8el {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c;
    font-size: 30px
}

    .text__landscape-textStyle-heading-m___3_8el.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 900;
    }

    .text__landscape-textStyle-heading-m___3_8el a {
      color: #06796e;
    }
  }

@media (min-width: 900px) {

.text__landscape-textStyle-heading-s___33pKe {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
    color: #5c6665;
    font-size: 24px
}

    .text__landscape-textStyle-heading-s___33pKe.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 900;
    }

    .text__landscape-textStyle-heading-s___33pKe a {
      color: #06796e;
    }
  }

@media (min-width: 900px) {

.text__landscape-textStyle-heading-xs___3wmf0 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__landscape-textStyle-heading-xs___3wmf0.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 900;
    }

    .text__landscape-textStyle-heading-xs___3wmf0 a {
      color: #06796e;
    }
  }

@media (min-width: 900px) {

.text__landscape-textStyle-body___1bpdt {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__landscape-textStyle-body___1bpdt a {
      color: #06796e;
    }

    .text__landscape-textStyle-body___1bpdt.text__strong___3t40F {
      font-weight: 700;
    }
  }

@media (min-width: 900px) {

.text__landscape-textStyle-body-small___fgjd8 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__landscape-textStyle-body-small___fgjd8 a {
      color: #06796e;
    }

    .text__landscape-textStyle-body-small___fgjd8.text__strong___3t40F {
      font-weight: 700;
    }
  }

@media (min-width: 900px) {

.text__landscape-textStyle-caption___1FcI7 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__landscape-textStyle-caption___1FcI7.text__strong___3t40F {
      font-weight: 900;
    }

    .text__landscape-textStyle-caption___1FcI7.text__wash___3YgQL {
      color: #5c6665;
    }

    .text__landscape-textStyle-caption___1FcI7 a {
      color: #06796e;
    }
  }

@media (min-width: 900px) {

.text__landscape-textStyle-caption-small___3W-A_ {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__landscape-textStyle-caption-small___3W-A_.text__strong___3t40F {
      font-weight: 900;
    }

    .text__landscape-textStyle-caption-small___3W-A_.text__wash___3YgQL {
      color: #5c6665;
    }

    .text__landscape-textStyle-caption-small___3W-A_ a {
      color: #06796e;
    }
  }

@media (min-width: 1200px) {

.text__desktop-textStyle-heading-xl___LsFVw {
    font-size: 48px;
    line-height: 1.25;
    letter-spacing: -0.7px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    color: #1a1c1c
}

    .text__desktop-textStyle-heading-xl___LsFVw.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 700;
      line-height: 1;
    }

    .text__desktop-textStyle-heading-xl___LsFVw a {
      color: #33e2d1;
    }
  }

@media (min-width: 1200px) {

.text__desktop-textStyle-heading-l___1on3p {
    font-size: 36px;
    letter-spacing: -0.8px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    line-height: 1.17;
    color: #1a1c1c
}

    .text__desktop-textStyle-heading-l___1on3p.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 700;
    }

    .text__desktop-textStyle-heading-l___1on3p a {
      color: #33e2d1;
    }
  }

@media (min-width: 1200px) {

.text__desktop-textStyle-heading-m___2uvlE {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c;
    font-size: 30px
}

    .text__desktop-textStyle-heading-m___2uvlE.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 900;
    }

    .text__desktop-textStyle-heading-m___2uvlE a {
      color: #06796e;
    }
  }

@media (min-width: 1200px) {

.text__desktop-textStyle-heading-s___1HAzc {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
    color: #5c6665;
    font-size: 24px
}

    .text__desktop-textStyle-heading-s___1HAzc.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 900;
    }

    .text__desktop-textStyle-heading-s___1HAzc a {
      color: #06796e;
    }
  }

@media (min-width: 1200px) {

.text__desktop-textStyle-heading-xs___38m_A {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__desktop-textStyle-heading-xs___38m_A.text__strong___3t40F {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 900;
    }

    .text__desktop-textStyle-heading-xs___38m_A a {
      color: #06796e;
    }
  }

@media (min-width: 1200px) {

.text__desktop-textStyle-body___gS5oi {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__desktop-textStyle-body___gS5oi a {
      color: #06796e;
    }

    .text__desktop-textStyle-body___gS5oi.text__strong___3t40F {
      font-weight: 700;
    }
  }

@media (min-width: 1200px) {

.text__desktop-textStyle-body-small___RBF-7 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__desktop-textStyle-body-small___RBF-7 a {
      color: #06796e;
    }

    .text__desktop-textStyle-body-small___RBF-7.text__strong___3t40F {
      font-weight: 700;
    }
  }

@media (min-width: 1200px) {

.text__desktop-textStyle-caption___3uOAx {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__desktop-textStyle-caption___3uOAx.text__strong___3t40F {
      font-weight: 900;
    }

    .text__desktop-textStyle-caption___3uOAx.text__wash___3YgQL {
      color: #5c6665;
    }

    .text__desktop-textStyle-caption___3uOAx a {
      color: #06796e;
    }
  }

@media (min-width: 1200px) {

.text__desktop-textStyle-caption-small___3pklW {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: normal;
    letter-spacing: normal;
    color: #1a1c1c
}

    .text__desktop-textStyle-caption-small___3pklW.text__strong___3t40F {
      font-weight: 900;
    }

    .text__desktop-textStyle-caption-small___3pklW.text__wash___3YgQL {
      color: #5c6665;
    }

    .text__desktop-textStyle-caption-small___3pklW a {
      color: #06796e;
    }
  }

.text__pre___n_Yd1 {
  border-radius: 4px;
  background-color: #f5f5f5;
  border: solid 1px #e1e6e5;
  padding: 16px 32px;
  overflow: auto;
  display: inline-block;
  max-width: 100%;
}

.text__preformatted___1Dixa {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.54;
  color: #39403f;
}

.text__code___2-9fy {
  padding: 0 4px;
  margin: 2px 4px;
  text-align: center;
  border-radius: 4px;
  border: solid 1px #e1e6e5;
  display: inline;
  white-space: nowrap;
}

.text__code___2-9fy.text__normalWrap___1J1dc {
    white-space: normal;
  }

@media (min-width: 600px) {

.text__code___2-9fy {
    padding: 2px 6px 3px
}
  }

/* Color overrides - order matters here! */

.text__strong___3t40F {
  color: #39403f;
}

.text__wash___3YgQL {
  color: #7a8786;
}

.text__light___3vmzm {
  color: #ffffff;
}

.text__error___170OK {
  color: #e23243;
}

/* Alignment overrides */

.text__align-center___5ad-d {
  text-align: center;
}

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

/* Handle uppercasing of text for accessibility */

.text__uppercase___3CR6s {
  text-transform: uppercase;
}

.text__italic___3DRyY {
  font-style: italic;
}

/* Responsive alignment */

@media (min-width: 600px) {

.text__portrait-align-left___1VbMf {
    text-align: left
}
  }

@media (min-width: 900px) {

.text__landscape-align-left___2oQSI {
    text-align: left
}
  }

@media (min-width: 1200px) {

.text__desktop-align-left___1RQFv {
    text-align: left
}
  }

@media (min-width: 600px) {

.text__portrait-align-center___29l6X {
    text-align: center
}
  }

@media (min-width: 900px) {

.text__landscape-align-center___2_8sG {
    text-align: center
}
  }

@media (min-width: 1200px) {

.text__desktop-align-center___1YpyX {
    text-align: center
}
  }

@media (min-width: 600px) {

.text__portrait-align-right___1wA6p {
    text-align: right
}
  }

@media (min-width: 900px) {

.text__landscape-align-right___3B-x5 {
    text-align: right
}
  }

@media (min-width: 1200px) {

.text__desktop-align-right___2whEy {
    text-align: right
}
  }

.text__linebreak-true___2VxbP {
  display: inline;
}

.text__linebreak-false___24jcA {
  display: none;
}

@media (min-width: 600px) {

.text__portrait-linebreak-true___3dyyG {
    display: inline
}
  }

@media (min-width: 600px) {

.text__portrait-linebreak-false___ZdFzY {
    display: none
}
  }

@media (min-width: 900px) {

.text__landscape-linebreak-true___1zmS0 {
    display: inline
}
  }

@media (min-width: 900px) {

.text__landscape-linebreak-false___124Fp {
    display: none
}
  }

@media (min-width: 1200px) {

.text__desktop-linebreak-true___3kt8j {
    display: inline
}
  }

@media (min-width: 1200px) {

.text__desktop-linebreak-false____zofd {
    display: none
}
  }

/* makes text visible to a screen reader but hides it visually */
.text__srOnly___3akeD {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.text__showSrOnly___1sU4w {
  border: auto;
  clip: auto;
  height: auto;
  margin: auto;
  overflow: auto;
  padding: auto;
  position: relative;
  width: auto;
}

/* This gray passes AAA contrast of 7:1. (gray6 doesn't pass AAA and gray7 is too dark) */

.inputs__label___3iix6 {
  margin-bottom: 8px;
  margin-left: 8px;
  display: block;
}

.inputs__text___1okwC {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
  width: 100%;
  height: 56px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;

  /* NOTE(dbow): Use box-shadow instead of border or outline because
     border affects layout/spacing and
     outline doesn't respect border-radius */
  box-shadow: 0 0 0 1px #33e2d1;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.inputs__text___1okwC.inputs__small___kQQ-j {
    height: 44px;
    font-size: 15px;
    font-weight: 400;
    padding-left: 16px;
    padding-right: 8px;
  }

.inputs__text___1okwC::-webkit-input-placeholder {
  color: #7a8786;
  font-weight: 300;
}

.inputs__text___1okwC::-moz-placeholder {
  color: #7a8786;
  font-weight: 300;
}

.inputs__text___1okwC:-ms-input-placeholder {
  color: #7a8786;
  font-weight: 300;
}

.inputs__text___1okwC::placeholder,
.inputs__text___1okwC.inputs__placeholder___1e50T {
  color: #7a8786;
  font-weight: 300;
}

.inputs__text___1okwC:focus,
.inputs__text___1okwC.inputs__focus___2tAj- {
  box-shadow: 0 0 0 2px #06796e;

  /* TODO(dbow): Only do this if user has not tabbed yet a la
     https://jmperezperez.com/outline-focus-ring-a11y/ */
  outline: none;
}

.inputs__text___1okwC[disabled],
.inputs__text___1okwC.inputs__disabled___2BEZV {
  background-color: #f5f5f5;
  box-shadow: 0 0 0 1px #e1e6e5;
}

.inputs__text___1okwC.inputs__invalid___3Crph {
  box-shadow: 0 0 0 2px #e23243;
}

/* Checkbox style adapted from
   https://medium.com/claritydesignsystem/pure-css-accessible-checkboxes-and-radios-buttons-54063e759bb3 */

.inputs__checkbox___3OPww input {
  /* Hide default checkbox. */
  opacity: 0;
  position: absolute;
}

.inputs__checkbox___3OPww label {
  cursor: pointer;
  position: relative;
  padding-left: 32px;
}

/* Create the custom green outer box */

.inputs__checkbox___3OPww label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border-style: solid;
    border-width: 1px;
    border-color: #33e2d1;
    background: #ffffff;
  }

/* Create custom checkmark */

.inputs__checkbox___3OPww label::after {
    content: none; /* hidden by default */
    position: absolute;
    left: 3px;
    top: 0;
    width: 20px;
    height: 16px;
    background-image: url(https://scroll-static.imgix.net/image/checkbox-icon-9ec5f89e25f06969fd0feae74346bffe.png);
    background-size: 20px 16px;
  }

/* Show checkmark when input is checked */
.inputs__checkbox___3OPww input:checked + label::after {
  content: '';
}

.inputs__checkbox___3OPww input:focus + label::before {
  border-color: #06796e;
}

.inputs__checkbox___3OPww input[disabled] + label::before {
  border-color: #bfc7c6;
  background-color: #f5f5f5;
}

.inputs__checkbox___3OPww.inputs__invalid___3Crph input + label::before {
  border-color: #e23243;
}

.inputs__dropdown___3iUqU {
  position: relative;
}

.inputs__dropdown___3iUqU select {
  background: #ffffff;
}

.inputs__dropdownIcon___3ayjK {
  position: absolute;
  right: 16px;
  top: 16px;
  pointer-events: none;
}

.inputs__dropdownMenuLabel___1wYG0 {
  margin-left: 0;
}

.inputs__dropdownMenu___RZhyC {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
  width: 100%;
  height: 44px;
  padding-left: 8px;
  padding-right: 16px;
  border-radius: 4px;

  /* NOTE(dbow): Use box-shadow instead of border or outline because
     border affects layout/spacing and
     outline doesn't respect border-radius */
  box-shadow: 0 0 0 1px #9aa6a5;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.inputs__dropdownMenu___RZhyC:focus,
.inputs__dropdownMenu___RZhyC.inputs__focus___2tAj- {
  box-shadow: 0 0 0 2px #7a8786;

  /* TODO(dbow): Only do this if user has not tabbed yet a la
     https://jmperezperez.com/outline-focus-ring-a11y/ */
  outline: none;
}

.inputs__textarea___3g61e {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
  width: 100%;
  height: 165px;
  padding: 16px;
  border-radius: 4px;

  /* NOTE(dbow): Use box-shadow instead of border or outline because
     border affects layout/spacing and
     outline doesn't respect border-radius */
  box-shadow: 0 0 0 1px #33e2d1;
  border: none;
  background-color: #ffffff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
}

.inputs__textarea___3g61e::-webkit-input-placeholder {
  color: #7a8786;
  font-weight: 300;
}

.inputs__textarea___3g61e::-moz-placeholder {
  color: #7a8786;
  font-weight: 300;
}

.inputs__textarea___3g61e:-ms-input-placeholder {
  color: #7a8786;
  font-weight: 300;
}

.inputs__textarea___3g61e::placeholder,
.inputs__textarea___3g61e.inputs__placeholder___1e50T {
  color: #7a8786;
  font-weight: 300;
}

.inputs__textarea___3g61e:focus,
.inputs__textarea___3g61e.inputs__focus___2tAj- {
  box-shadow: 0 0 0 2px #06796e;

  /* TODO(dbow): Only do this if user has not tabbed yet a la
     https://jmperezperez.com/outline-focus-ring-a11y/ */
  outline: none;
}

.inputs__textarea___3g61e[disabled],
.inputs__textarea___3g61e.inputs__disabled___2BEZV {
  background-color: #f5f5f5;
  box-shadow: 0 0 0 1px #e1e6e5;
}

.inputs__textarea___3g61e.inputs__invalid___3Crph {
  box-shadow: 0 0 0 2px #e23243;
}

.inputs__datetime___2vdX6 {
  width: auto;
}

.inputs__embeddedInput___3e8cc {
  padding-top: 10px;
}

.inputs__embeddedLabel___3xvVd {
  position: absolute;
  color: #5c6665;
  margin-top: 15px;
  left: 16px;
  top: 0;
  font-weight: 400;
}

.inputs__embeddedLabel___3xvVd.inputs__small___kQQ-j {
    color: #515b5a;
    margin-top: 10px;
  }

.inputs__hasContent___1C-73 {
  top: 6px;
  left: 16px;
  margin-top: 0;
  font-size: 14px;
  color: #39403f;
}

.inputs__hasContent___1C-73.inputs__small___kQQ-j {
    top: -8px;
  }

.inputs__containerDiv___1Oqmg {
  position: relative;
}

.flex__flex___1N4XU {
  display: flex;
}

.flex__row___2NoUK {
  width: 100%;
  flex-direction: row;
}

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

.flex__flexwrap-false___3zFEE {
  flex-wrap: nowrap;
}

@media (min-width: 600px) {

.flex__portrait-flexwrap-true___1xkxS {
    flex-wrap: wrap
}
  }

@media (min-width: 600px) {

.flex__portrait-flexwrap-false___2Dn-8 {
    flex-wrap: nowrap
}
  }

@media (min-width: 900px) {

.flex__landscape-flexwrap-true___1Qf7D {
    flex-wrap: wrap
}
  }

@media (min-width: 900px) {

.flex__landscape-flexwrap-false___ffiQw {
    flex-wrap: nowrap
}
  }

@media (min-width: 1200px) {

.flex__desktop-flexwrap-true___27YVZ {
    flex-wrap: wrap
}
  }

@media (min-width: 1200px) {

.flex__desktop-flexwrap-false___2bz6B {
    flex-wrap: nowrap
}
  }

.flex__column___JnBPu {
  flex-direction: column;
}

/*
 * NOTE(dbow): Order matters here!
 *
 * Each set of media query overrides should be defined in its own loop, so we
 * have:
 *   .justify-center {}
 *   .justify-flex-start {}
 *   ...
 *   .portrait-justify-center {}
 * then <div class="justify-flex-start portrait-justify-center" /> will go by
 * the last declared one (the highest matching media query, i.e.
 * "portrait-justify-center" in this example).
 *
 * Otherwise we'd have:
 *   .justify-center {}
 *   .portrait-justify-center {}
 *   ...
 *   .justify-flex-start {}
 * and "justify-flex-start" would have higher specificity since it was declared
 * last.
 */

/* JUSTIFY-CONTENT */

.flex__justify-flex-start___Dx80H {
    justify-content: flex-start;
  }

.flex__justify-flex-end___IjNIZ {
    justify-content: flex-end;
  }

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

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

.flex__justify-space-around___19fdD {
    justify-content: space-around;
  }

.flex__justify-space-evenly___eokyx {
    justify-content: space-evenly;
  }

@media (min-width: 600px) {
  .flex__portrait-justify-flex-start___IxEZP {
      justify-content: flex-start
  }
    }

@media (min-width: 600px) {
  .flex__portrait-justify-flex-end___2Nxl6 {
      justify-content: flex-end
  }
    }

@media (min-width: 600px) {
  .flex__portrait-justify-center___2kLOT {
      justify-content: center
  }
    }

@media (min-width: 600px) {
  .flex__portrait-justify-space-between___3EROC {
      justify-content: space-between
  }
    }

@media (min-width: 600px) {
  .flex__portrait-justify-space-around___3_UgS {
      justify-content: space-around
  }
    }

@media (min-width: 600px) {
  .flex__portrait-justify-space-evenly___1IQBF {
      justify-content: space-evenly
  }
    }

@media (min-width: 900px) {
  .flex__landscape-justify-flex-start___3wQxz {
      justify-content: flex-start
  }
    }

@media (min-width: 900px) {
  .flex__landscape-justify-flex-end___rkgpg {
      justify-content: flex-end
  }
    }

@media (min-width: 900px) {
  .flex__landscape-justify-center___2wHx2 {
      justify-content: center
  }
    }

@media (min-width: 900px) {
  .flex__landscape-justify-space-between___1mQ9G {
      justify-content: space-between
  }
    }

@media (min-width: 900px) {
  .flex__landscape-justify-space-around___1TyTN {
      justify-content: space-around
  }
    }

@media (min-width: 900px) {
  .flex__landscape-justify-space-evenly___3W9JF {
      justify-content: space-evenly
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-justify-flex-start___2tTq5 {
      justify-content: flex-start
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-justify-flex-end___2TU1C {
      justify-content: flex-end
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-justify-center___1h5Bs {
      justify-content: center
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-justify-space-between___hxNCo {
      justify-content: space-between
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-justify-space-around___AtgXX {
      justify-content: space-around
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-justify-space-evenly___1marK {
      justify-content: space-evenly
  }
    }

/* ALIGN-ITEMS */

.flex__align-flex-start___3uHI9 {
    align-items: flex-start;
  }

.flex__align-flex-end___VSbuW {
    align-items: flex-end;
  }

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

.flex__align-baseline___1zRDW {
    align-items: baseline;
  }

.flex__align-stretch___2HAV3 {
    align-items: stretch;
  }

@media (min-width: 600px) {
  .flex__portrait-align-flex-start___hdsQU {
      align-items: flex-start
  }
    }

@media (min-width: 600px) {
  .flex__portrait-align-flex-end___3S98P {
      align-items: flex-end
  }
    }

@media (min-width: 600px) {
  .flex__portrait-align-center___2VXdv {
      align-items: center
  }
    }

@media (min-width: 600px) {
  .flex__portrait-align-baseline___3DPaB {
      align-items: baseline
  }
    }

@media (min-width: 600px) {
  .flex__portrait-align-stretch___2jJG2 {
      align-items: stretch
  }
    }

@media (min-width: 900px) {
  .flex__landscape-align-flex-start___gaAgg {
      align-items: flex-start
  }
    }

@media (min-width: 900px) {
  .flex__landscape-align-flex-end___2k9OK {
      align-items: flex-end
  }
    }

@media (min-width: 900px) {
  .flex__landscape-align-center___28AZE {
      align-items: center
  }
    }

@media (min-width: 900px) {
  .flex__landscape-align-baseline___2nBif {
      align-items: baseline
  }
    }

@media (min-width: 900px) {
  .flex__landscape-align-stretch___6qqVw {
      align-items: stretch
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-align-flex-start___3Hj22 {
      align-items: flex-start
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-align-flex-end___FMj6L {
      align-items: flex-end
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-align-center___2v0BV {
      align-items: center
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-align-baseline___1o-gc {
      align-items: baseline
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-align-stretch___gYZrQ {
      align-items: stretch
  }
    }

/* FLEX-DIRECTION */

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

.flex__direction-row___11sKN {
    flex-direction: row;
  }

.flex__direction-column-reverse___2Awrv {
    flex-direction: column-reverse;
  }

.flex__direction-row-reverse___Fxi1C {
    flex-direction: row-reverse;
  }

@media (min-width: 600px) {
  .flex__portrait-direction-column___1vw-F {
      flex-direction: column
  }
    }

@media (min-width: 600px) {
  .flex__portrait-direction-row___28q_e {
      flex-direction: row
  }
    }

@media (min-width: 600px) {
  .flex__portrait-direction-column-reverse___2xkXs {
      flex-direction: column-reverse
  }
    }

@media (min-width: 600px) {
  .flex__portrait-direction-row-reverse___13wbc {
      flex-direction: row-reverse
  }
    }

@media (min-width: 900px) {
  .flex__landscape-direction-column___1LPpn {
      flex-direction: column
  }
    }

@media (min-width: 900px) {
  .flex__landscape-direction-row___1_EXh {
      flex-direction: row
  }
    }

@media (min-width: 900px) {
  .flex__landscape-direction-column-reverse___21MQs {
      flex-direction: column-reverse
  }
    }

@media (min-width: 900px) {
  .flex__landscape-direction-row-reverse___PlaxX {
      flex-direction: row-reverse
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-direction-column___1UGZE {
      flex-direction: column
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-direction-row___10Rlr {
      flex-direction: row
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-direction-column-reverse___1aTPs {
      flex-direction: column-reverse
  }
    }

@media (min-width: 1200px) {
  .flex__desktop-direction-row-reverse___37Z19 {
      flex-direction: row-reverse
  }
    }

.layout__relative___1ReMF {
  position: relative;
}

.layout__grid___X8RSM {
  width: auto;
  margin-left: calc(-1 * 8px);
  margin-right: calc(-1 * 8px);
}

@media (min-width: 900px) {

.layout__grid___X8RSM {
    margin-left: calc(-1 * 16px);
    margin-right: calc(-1 * 16px)
}
  }

.layout__grid___X8RSM > .layout__column___diAE2 {
    padding-left: 8px;
    padding-right: 8px;
  }

@media (min-width: 900px) {

.layout__grid___X8RSM > .layout__column___diAE2 {
      padding-left: 16px;
      padding-right: 16px
  }
    }

/* COLUMN BREAK */

/* TODO(dbow): Probably want this to be responsive? */
.layout__colbreak___23XB_ {
  width: 100%;
}

/* COLUMN SPANS */

.layout__span___31pR0 {
  flex-grow: 0;
  flex-shrink: 0;
}

.layout__span-auto___2KFnM {
  flex-basis: auto;
  width: auto;
  max-width: none;
}

.layout__span-1___1M8C9 {
    flex-basis: 8.333333%;
    max-width: 8.333333%;
  }

.layout__span-2___PaiPY {
    flex-basis: 16.666667%;
    max-width: 16.666667%;
  }

.layout__span-3___1wKGW {
    flex-basis: 25%;
    max-width: 25%;
  }

.layout__span-4___opwZw {
    flex-basis: 33.333333%;
    max-width: 33.333333%;
  }

.layout__span-5___2e9Ss {
    flex-basis: 41.666667%;
    max-width: 41.666667%;
  }

.layout__span-6___16Dlj {
    flex-basis: 50%;
    max-width: 50%;
  }

.layout__span-7___3SFzh {
    flex-basis: 58.333333%;
    max-width: 58.333333%;
  }

.layout__span-8___3r530 {
    flex-basis: 66.666667%;
    max-width: 66.666667%;
  }

.layout__span-9___YlLVU {
    flex-basis: 75%;
    max-width: 75%;
  }

.layout__span-10___1JwmY {
    flex-basis: 83.333333%;
    max-width: 83.333333%;
  }

.layout__span-11___1taBW {
    flex-basis: 91.666667%;
    max-width: 91.666667%;
  }

.layout__span-12___2a4Fw {
    flex-basis: 100%;
    max-width: 100%;
  }

.layout__portrait-span-1___3pgmE {
  }

@media (min-width: 600px) {
  .layout__portrait-span-1___3pgmE {
      flex-basis: 8.333333%;
      max-width: 8.333333%
  }
    }

.layout__portrait-span-2___oBH7L {
  }

@media (min-width: 600px) {
  .layout__portrait-span-2___oBH7L {
      flex-basis: 16.666667%;
      max-width: 16.666667%
  }
    }

.layout__portrait-span-3___A34nc {
  }

@media (min-width: 600px) {
  .layout__portrait-span-3___A34nc {
      flex-basis: 25%;
      max-width: 25%
  }
    }

.layout__portrait-span-4___1GHwH {
  }

@media (min-width: 600px) {
  .layout__portrait-span-4___1GHwH {
      flex-basis: 33.333333%;
      max-width: 33.333333%
  }
    }

.layout__portrait-span-5___KxmHk {
  }

@media (min-width: 600px) {
  .layout__portrait-span-5___KxmHk {
      flex-basis: 41.666667%;
      max-width: 41.666667%
  }
    }

.layout__portrait-span-6___3xrfp {
  }

@media (min-width: 600px) {
  .layout__portrait-span-6___3xrfp {
      flex-basis: 50%;
      max-width: 50%
  }
    }

.layout__portrait-span-7___1xCug {
  }

@media (min-width: 600px) {
  .layout__portrait-span-7___1xCug {
      flex-basis: 58.333333%;
      max-width: 58.333333%
  }
    }

.layout__portrait-span-8___qN9Y3 {
  }

@media (min-width: 600px) {
  .layout__portrait-span-8___qN9Y3 {
      flex-basis: 66.666667%;
      max-width: 66.666667%
  }
    }

.layout__portrait-span-9___QI6Tz {
  }

@media (min-width: 600px) {
  .layout__portrait-span-9___QI6Tz {
      flex-basis: 75%;
      max-width: 75%
  }
    }

.layout__portrait-span-10___24Z6g {
  }

@media (min-width: 600px) {
  .layout__portrait-span-10___24Z6g {
      flex-basis: 83.333333%;
      max-width: 83.333333%
  }
    }

.layout__portrait-span-11___1Qevz {
  }

@media (min-width: 600px) {
  .layout__portrait-span-11___1Qevz {
      flex-basis: 91.666667%;
      max-width: 91.666667%
  }
    }

.layout__portrait-span-12___35gHL {
  }

@media (min-width: 600px) {
  .layout__portrait-span-12___35gHL {
      flex-basis: 100%;
      max-width: 100%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-span-1___23OVQ {
      flex-basis: 8.333333%;
      max-width: 8.333333%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-span-2___30F_p {
      flex-basis: 16.666667%;
      max-width: 16.666667%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-span-3___xMLNP {
      flex-basis: 25%;
      max-width: 25%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-span-4___1D-X8 {
      flex-basis: 33.333333%;
      max-width: 33.333333%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-span-5___2WECH {
      flex-basis: 41.666667%;
      max-width: 41.666667%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-span-6___3RtUq {
      flex-basis: 50%;
      max-width: 50%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-span-7___2EmXZ {
      flex-basis: 58.333333%;
      max-width: 58.333333%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-span-8___1uCXf {
      flex-basis: 66.666667%;
      max-width: 66.666667%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-span-9___uKqNj {
      flex-basis: 75%;
      max-width: 75%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-span-10___2Irp- {
      flex-basis: 83.333333%;
      max-width: 83.333333%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-span-11___2t6uy {
      flex-basis: 91.666667%;
      max-width: 91.666667%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-span-12___KUYHo {
      flex-basis: 100%;
      max-width: 100%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-span-1___2NUr4 {
      flex-basis: 8.333333%;
      max-width: 8.333333%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-span-2___OQTPg {
      flex-basis: 16.666667%;
      max-width: 16.666667%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-span-3___3mWiu {
      flex-basis: 25%;
      max-width: 25%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-span-4___7sM6O {
      flex-basis: 33.333333%;
      max-width: 33.333333%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-span-5___3IjSr {
      flex-basis: 41.666667%;
      max-width: 41.666667%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-span-6___2ebFJ {
      flex-basis: 50%;
      max-width: 50%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-span-7___jkWEd {
      flex-basis: 58.333333%;
      max-width: 58.333333%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-span-8___2F2_m {
      flex-basis: 66.666667%;
      max-width: 66.666667%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-span-9___3U10E {
      flex-basis: 75%;
      max-width: 75%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-span-10___q2mwu {
      flex-basis: 83.333333%;
      max-width: 83.333333%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-span-11___N7GTz {
      flex-basis: 91.666667%;
      max-width: 91.666667%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-span-12___10Mrw {
      flex-basis: 100%;
      max-width: 100%
  }
    }

/* COLUMN OFFSETS */

.layout__offset-auto___2nnLw {
  margin-left: auto;
}

.layout__offset-0___mZ71Y {
    margin-left: 0;
  }

.layout__offset-1___3_OfC {
    margin-left: 8.333333%;
  }

.layout__offset-2___3RWP- {
    margin-left: 16.666667%;
  }

.layout__offset-3___2b6IA {
    margin-left: 25%;
  }

.layout__offset-4___1-Dzu {
    margin-left: 33.333333%;
  }

.layout__offset-5___2547V {
    margin-left: 41.666667%;
  }

.layout__offset-6___2ra3w {
    margin-left: 50%;
  }

.layout__offset-7___Rsyld {
    margin-left: 58.333333%;
  }

.layout__offset-8___2VRH3 {
    margin-left: 66.666667%;
  }

.layout__offset-9___2bLPc {
    margin-left: 75%;
  }

.layout__offset-10___3Wj4e {
    margin-left: 83.333333%;
  }

.layout__offset-11___1Hw5h {
    margin-left: 91.666667%;
  }

@media (min-width: 600px) {

.layout__portrait-offset-auto___1qeBg {
    margin-left: auto
}
  }

@media (min-width: 600px) {
  .layout__portrait-offset-0___32f2- {
      margin-left: 0
  }
    }

@media (min-width: 600px) {
  .layout__portrait-offset-1___1a7NQ {
      margin-left: 8.333333%
  }
    }

@media (min-width: 600px) {
  .layout__portrait-offset-2___2gwXV {
      margin-left: 16.666667%
  }
    }

@media (min-width: 600px) {
  .layout__portrait-offset-3___36lHR {
      margin-left: 25%
  }
    }

@media (min-width: 600px) {
  .layout__portrait-offset-4___tWfO9 {
      margin-left: 33.333333%
  }
    }

@media (min-width: 600px) {
  .layout__portrait-offset-5___3rv0o {
      margin-left: 41.666667%
  }
    }

@media (min-width: 600px) {
  .layout__portrait-offset-6___21PYv {
      margin-left: 50%
  }
    }

@media (min-width: 600px) {
  .layout__portrait-offset-7___3IywO {
      margin-left: 58.333333%
  }
    }

@media (min-width: 600px) {
  .layout__portrait-offset-8___xs2yX {
      margin-left: 66.666667%
  }
    }

@media (min-width: 600px) {
  .layout__portrait-offset-9___DdrB3 {
      margin-left: 75%
  }
    }

@media (min-width: 600px) {
  .layout__portrait-offset-10___3Uj6A {
      margin-left: 83.333333%
  }
    }

@media (min-width: 600px) {
  .layout__portrait-offset-11___3CCwL {
      margin-left: 91.666667%
  }
    }

@media (min-width: 900px) {

.layout__landscape-offset-auto___3wTbJ {
    margin-left: auto
}
  }

@media (min-width: 900px) {
  .layout__landscape-offset-0___1_oUG {
      margin-left: 0
  }
    }

@media (min-width: 900px) {
  .layout__landscape-offset-1___1e3UB {
      margin-left: 8.333333%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-offset-2___2Sxn8 {
      margin-left: 16.666667%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-offset-3___3xOZw {
      margin-left: 25%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-offset-4___W8my9 {
      margin-left: 33.333333%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-offset-5___1oUl9 {
      margin-left: 41.666667%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-offset-6___JGzEu {
      margin-left: 50%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-offset-7___2hi9A {
      margin-left: 58.333333%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-offset-8___fHNr9 {
      margin-left: 66.666667%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-offset-9___2LT8u {
      margin-left: 75%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-offset-10___1kElQ {
      margin-left: 83.333333%
  }
    }

@media (min-width: 900px) {
  .layout__landscape-offset-11___1bRe6 {
      margin-left: 91.666667%
  }
    }

@media (min-width: 1200px) {

.layout__desktop-offset-auto___1W8Gt {
    margin-left: auto
}
  }

@media (min-width: 1200px) {
  .layout__desktop-offset-0___x-ryw {
      margin-left: 0
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-offset-1___1ChqZ {
      margin-left: 8.333333%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-offset-2___juIPW {
      margin-left: 16.666667%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-offset-3___3aRIU {
      margin-left: 25%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-offset-4___19tMA {
      margin-left: 33.333333%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-offset-5___1ByVh {
      margin-left: 41.666667%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-offset-6___27-kF {
      margin-left: 50%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-offset-7___3BhsI {
      margin-left: 58.333333%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-offset-8___1bebf {
      margin-left: 66.666667%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-offset-9___1eRIX {
      margin-left: 75%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-offset-10___1lTuN {
      margin-left: 83.333333%
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-offset-11___xT1A3 {
      margin-left: 91.666667%
  }
    }

/* COLUMN ORDERING */

.layout__order-0___1MOmW {
    order: 0;
  }

.layout__order-1___28gP1 {
    order: 1;
  }

.layout__order-2___10Dc9 {
    order: 2;
  }

.layout__order-3___3WFlS {
    order: 3;
  }

.layout__order-4___Ctzwp {
    order: 4;
  }

.layout__order-5___2Vw0z {
    order: 5;
  }

.layout__order-6___L_XSe {
    order: 6;
  }

.layout__order-7___1l3_C {
    order: 7;
  }

.layout__order-8___1oUUC {
    order: 8;
  }

.layout__order-9___1LbXR {
    order: 9;
  }

.layout__order-10___D3UYy {
    order: 10;
  }

.layout__order-11___mJMji {
    order: 11;
  }

.layout__order-12___14EE_ {
    order: 12;
  }

@media (min-width: 600px) {
  .layout__portrait-order-0___108js {
      order: 0
  }
    }

@media (min-width: 600px) {
  .layout__portrait-order-1___2RpAc {
      order: 1
  }
    }

@media (min-width: 600px) {
  .layout__portrait-order-2___tka5P {
      order: 2
  }
    }

@media (min-width: 600px) {
  .layout__portrait-order-3___3lbxS {
      order: 3
  }
    }

@media (min-width: 600px) {
  .layout__portrait-order-4___3_sjD {
      order: 4
  }
    }

@media (min-width: 600px) {
  .layout__portrait-order-5___tvsUy {
      order: 5
  }
    }

@media (min-width: 600px) {
  .layout__portrait-order-6___1WumA {
      order: 6
  }
    }

@media (min-width: 600px) {
  .layout__portrait-order-7___20L3e {
      order: 7
  }
    }

@media (min-width: 600px) {
  .layout__portrait-order-8___3Ex5X {
      order: 8
  }
    }

@media (min-width: 600px) {
  .layout__portrait-order-9___2nPFP {
      order: 9
  }
    }

@media (min-width: 600px) {
  .layout__portrait-order-10___7T7Bi {
      order: 10
  }
    }

@media (min-width: 600px) {
  .layout__portrait-order-11___5QErS {
      order: 11
  }
    }

@media (min-width: 600px) {
  .layout__portrait-order-12___2_3-O {
      order: 12
  }
    }

@media (min-width: 900px) {
  .layout__landscape-order-0___BHLv5 {
      order: 0
  }
    }

@media (min-width: 900px) {
  .layout__landscape-order-1___3Qw_y {
      order: 1
  }
    }

@media (min-width: 900px) {
  .layout__landscape-order-2___-bFqD {
      order: 2
  }
    }

@media (min-width: 900px) {
  .layout__landscape-order-3___359by {
      order: 3
  }
    }

@media (min-width: 900px) {
  .layout__landscape-order-4___2z997 {
      order: 4
  }
    }

@media (min-width: 900px) {
  .layout__landscape-order-5___AIpJS {
      order: 5
  }
    }

@media (min-width: 900px) {
  .layout__landscape-order-6___gB3Yz {
      order: 6
  }
    }

@media (min-width: 900px) {
  .layout__landscape-order-7___3trW- {
      order: 7
  }
    }

@media (min-width: 900px) {
  .layout__landscape-order-8___TPXCN {
      order: 8
  }
    }

@media (min-width: 900px) {
  .layout__landscape-order-9___1e7_G {
      order: 9
  }
    }

@media (min-width: 900px) {
  .layout__landscape-order-10___1m0K0 {
      order: 10
  }
    }

@media (min-width: 900px) {
  .layout__landscape-order-11___2cDs4 {
      order: 11
  }
    }

@media (min-width: 900px) {
  .layout__landscape-order-12___2Uy5J {
      order: 12
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-order-0___Vv-rY {
      order: 0
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-order-1___1R12V {
      order: 1
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-order-2___1rWYp {
      order: 2
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-order-3___10Bd_ {
      order: 3
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-order-4___2Ziys {
      order: 4
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-order-5___3gN4J {
      order: 5
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-order-6___1q9lE {
      order: 6
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-order-7___2dnX4 {
      order: 7
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-order-8___2F78U {
      order: 8
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-order-9___1SRB4 {
      order: 9
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-order-10___3hABN {
      order: 10
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-order-11___3SFO8 {
      order: 11
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-order-12____FtMW {
      order: 12
  }
    }

/* MAX WIDTH BOXES */

.layout__maxwidth___331qP {
  width: 100%;
}

/*
 * NOTE(dbow): The max-widths are fixed values based on the column widths at
 * the low end of the for-desktop-up breakpoint, which has a "column area" of
 * 1072px. So it gives us a max-width range of 89px to 1072px, in increments of
 * ~89px. This is fairly arbitrary but feels like a reasonable balance between
 * resolution and total range, given that the grid doesn't expand beyond 1440px.
 */

.layout__maxwidth-1___1hWNK {
    max-width: calc((1/12) * 1072px);
  }

.layout__maxwidth-2___13GPX {
    max-width: calc((2/12) * 1072px);
  }

.layout__maxwidth-3___2nZo2 {
    max-width: calc((3/12) * 1072px);
  }

.layout__maxwidth-4___mEo-4 {
    max-width: calc((4/12) * 1072px);
  }

.layout__maxwidth-5___N34Qw {
    max-width: calc((5/12) * 1072px);
  }

.layout__maxwidth-6___i04vR {
    max-width: calc((6/12) * 1072px);
  }

.layout__maxwidth-7___c_6Fk {
    max-width: calc((7/12) * 1072px);
  }

.layout__maxwidth-8___VNACo {
    max-width: calc((8/12) * 1072px);
  }

.layout__maxwidth-9___1fK9C {
    max-width: calc((9/12) * 1072px);
  }

.layout__maxwidth-10___18D1V {
    max-width: calc((10/12) * 1072px);
  }

.layout__maxwidth-11___RRh8A {
    max-width: calc((11/12) * 1072px);
  }

.layout__maxwidth-12___Y2vhP {
    max-width: calc((12/12) * 1072px);
  }

@media (min-width: 600px) {
  .layout__portrait-maxwidth-1___2Dbom {
      max-width: calc((1/12) * 1072px)
  }
    }

@media (min-width: 600px) {
  .layout__portrait-maxwidth-2___1l819 {
      max-width: calc((2/12) * 1072px)
  }
    }

@media (min-width: 600px) {
  .layout__portrait-maxwidth-3___1f_nY {
      max-width: calc((3/12) * 1072px)
  }
    }

@media (min-width: 600px) {
  .layout__portrait-maxwidth-4___27-tW {
      max-width: calc((4/12) * 1072px)
  }
    }

@media (min-width: 600px) {
  .layout__portrait-maxwidth-5___1O8s5 {
      max-width: calc((5/12) * 1072px)
  }
    }

@media (min-width: 600px) {
  .layout__portrait-maxwidth-6___16jJt {
      max-width: calc((6/12) * 1072px)
  }
    }

@media (min-width: 600px) {
  .layout__portrait-maxwidth-7___2CHqn {
      max-width: calc((7/12) * 1072px)
  }
    }

@media (min-width: 600px) {
  .layout__portrait-maxwidth-8___1G_65 {
      max-width: calc((8/12) * 1072px)
  }
    }

@media (min-width: 600px) {
  .layout__portrait-maxwidth-9___2myZt {
      max-width: calc((9/12) * 1072px)
  }
    }

@media (min-width: 600px) {
  .layout__portrait-maxwidth-10___3aE3r {
      max-width: calc((10/12) * 1072px)
  }
    }

@media (min-width: 600px) {
  .layout__portrait-maxwidth-11___3xvz2 {
      max-width: calc((11/12) * 1072px)
  }
    }

@media (min-width: 600px) {
  .layout__portrait-maxwidth-12___2V-sB {
      max-width: calc((12/12) * 1072px)
  }
    }

@media (min-width: 900px) {
  .layout__landscape-maxwidth-1___2sdyU {
      max-width: calc((1/12) * 1072px)
  }
    }

@media (min-width: 900px) {
  .layout__landscape-maxwidth-2___3sQE- {
      max-width: calc((2/12) * 1072px)
  }
    }

@media (min-width: 900px) {
  .layout__landscape-maxwidth-3___r80w5 {
      max-width: calc((3/12) * 1072px)
  }
    }

@media (min-width: 900px) {
  .layout__landscape-maxwidth-4___3xlE7 {
      max-width: calc((4/12) * 1072px)
  }
    }

@media (min-width: 900px) {
  .layout__landscape-maxwidth-5___3VGcp {
      max-width: calc((5/12) * 1072px)
  }
    }

@media (min-width: 900px) {
  .layout__landscape-maxwidth-6___1-D55 {
      max-width: calc((6/12) * 1072px)
  }
    }

@media (min-width: 900px) {
  .layout__landscape-maxwidth-7___29oz_ {
      max-width: calc((7/12) * 1072px)
  }
    }

@media (min-width: 900px) {
  .layout__landscape-maxwidth-8___3KbrE {
      max-width: calc((8/12) * 1072px)
  }
    }

@media (min-width: 900px) {
  .layout__landscape-maxwidth-9___3R7tp {
      max-width: calc((9/12) * 1072px)
  }
    }

@media (min-width: 900px) {
  .layout__landscape-maxwidth-10___kSXMz {
      max-width: calc((10/12) * 1072px)
  }
    }

@media (min-width: 900px) {
  .layout__landscape-maxwidth-11___1uN3r {
      max-width: calc((11/12) * 1072px)
  }
    }

@media (min-width: 900px) {
  .layout__landscape-maxwidth-12___2_-Ti {
      max-width: calc((12/12) * 1072px)
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-maxwidth-1___aX8C1 {
      max-width: calc((1/12) * 1072px)
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-maxwidth-2___u7KMq {
      max-width: calc((2/12) * 1072px)
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-maxwidth-3___v8d_l {
      max-width: calc((3/12) * 1072px)
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-maxwidth-4___3Vlny {
      max-width: calc((4/12) * 1072px)
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-maxwidth-5___3SmZm {
      max-width: calc((5/12) * 1072px)
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-maxwidth-6___3eGd8 {
      max-width: calc((6/12) * 1072px)
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-maxwidth-7___36FMO {
      max-width: calc((7/12) * 1072px)
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-maxwidth-8___TyqN6 {
      max-width: calc((8/12) * 1072px)
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-maxwidth-9___30k8H {
      max-width: calc((9/12) * 1072px)
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-maxwidth-10___2wKTW {
      max-width: calc((10/12) * 1072px)
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-maxwidth-11___2isL1 {
      max-width: calc((11/12) * 1072px)
  }
    }

@media (min-width: 1200px) {
  .layout__desktop-maxwidth-12___1sH6q {
      max-width: calc((12/12) * 1072px)
  }
    }

/* ASPECT RATIO BOXES */

.layout__aspectRatio___3_AVT {
  height: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.layout__aspectRatioContent___3Tnmh {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
 * local and global z-index values to create stacking contexts.
 * Based on: https://hackernoon.com/my-approach-to-using-z-index-eca67feb079c
 *
 * REMINDER: any element using z-index must be positioned!
 *
 * "stacking contexts are generated by any positioned element (including
 * relatively positioned elements) having a computed value of ‘z-index’ other
 * than ‘auto’"
 */

/* local */

/* global */

@-webkit-keyframes LoadingSpinner__spin___o5Fh0 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes LoadingSpinner__spin___o5Fh0 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.LoadingSpinner__spin___o5Fh0 {
  -webkit-animation: LoadingSpinner__spin___o5Fh0 1s infinite linear;
          animation: LoadingSpinner__spin___o5Fh0 1s infinite linear;
}

.LoadingSpinner__spinSlow___1Nbez {
  -webkit-animation: LoadingSpinner__spin___o5Fh0 3s infinite linear;
          animation: LoadingSpinner__spin___o5Fh0 3s infinite linear;
}

.LoadingSpinner__small___3gwTN {
  width: 28px;
  height: 28px;
}

.LoadingSpinner__medium___2xtCQ {
  width: 68px;
  height: 68px;
}

.LoadingSpinner__large___1XWlT {
  width: 136px;
  height: 136px;
}

.buttons__button___1Vcsl {
  cursor: pointer;
  position: relative;
  min-height: 56px;
  padding: 16px 32px;
  min-width: 115px;
  background: #33e2d1;
  color: #39403f;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #1cc4b4;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  transition: all 0.1s ease-in-out;
}

/* better perf: http://tobiasahlin.com/blog/how-to-animate-box-shadow/ */

.buttons__button___1Vcsl::after {
    content: '';
    z-index: -1;
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border-radius: 4px;
    transition: opacity 0.1s ease-in-out;
    box-shadow: 0 2px 4px 0 rgba(26, 28, 28, 0.2);
    opacity: 0;
  }

/* TODO(kaylee): focus-visible doesn't have full browser support yet
  *  we should either add the polyfill or create focus styles that can always be present
  *  these styles are just a placeholder so we get SOMETHING in
  */

.buttons__button___1Vcsl:focus-visible {
    /* mimic chrome default styles */
    outline: #245fc5 auto 1px !important;
  }

/* Hover shows pseudo-element box-shadow. */

.buttons__button___1Vcsl:hover {
    border-color: #33e2d1;
    background: #33e2d1;
    color: #39403f;
  }

.buttons__button___1Vcsl:hover::after {
      /* NOTE(dbow): Never show/hide with display inside :hover to avoid this */

      /*      https://css-tricks.com/annoying-mobile-double-tap-link-issue/ */
      opacity: 1;
    }

/* Active state is the same for all. */

.buttons__button___1Vcsl:active {
    background: #1cc4b4;
    color: #ffffff;
    border-color: #1cc4b4;
  }

/* No box-shadow. */

.buttons__button___1Vcsl:active::after {
      opacity: 0;
    }

/* NOTE(dbow): Instead of animating box-shadows, use pseudo-elements for */

.buttons__button___1Vcsl:disabled {
    background: #e1e6e5;
    color: #bfc7c6;
    border-color: #e1e6e5;
  }

/* No box-shadow. */

.buttons__button___1Vcsl:disabled::after {
      opacity: 0;
    }

/* Disable focus outline. */

.buttons__button___1Vcsl:focus:not(.buttons__allowFocus___3mG5Z) {
    outline: none;
  }

.buttons__outline___39b-t {
  background: #ffffff;
  color: #06796e;
  border-color: #06796e;
}

.buttons__outline___39b-t:hover {
    background: #ffffff;
    color: #06796e;
    border-color: #06796e;
  }

/* Undo the :hover styles for :active and :disabled */

.buttons__outline___39b-t:active {
    background: #06796e;
    color: #ffffff;
    border-color: #06796e;
  }

.buttons__outline___39b-t:disabled {
    background: #ffffff;
    color: #e1e6e5;
    border-color: #e1e6e5;
  }

.buttons__frameless___385MF {
  background: transparent;
  border-color: transparent;
}

.buttons__frameless___385MF:hover {
    background: #00f1da;
    border-color: #00f1da;
  }

.buttons__frameless___385MF:hover::after {
      opacity: 0;
    }

/* Undo the :hover styles for :active and :disabled */

.buttons__frameless___385MF:active {
    background: #1cc4b4;
    border-color: #1cc4b4;
  }

.buttons__frameless___385MF:disabled {
    background: #e1e6e5;
    border-color: #e1e6e5;
  }

.buttons__warning___HDHxd {
  background: transparent;
  border-color: transparent;
  color: #e23243;
}

.buttons__warning___HDHxd:hover {
    background: #e23243;
    border-color: #e23243;
    color: #ffffff;
  }

.buttons__warning___HDHxd:hover::after {
      opacity: 0;
    }

.buttons__warning___HDHxd:active {
    background: #e23243;
    border-color: #e23243;
    color: #ffffff;
  }

.buttons__warning___HDHxd:disabled {
    background: #e1e6e5;
    color: #bfc7c6;
    border-color: #e1e6e5;
  }

.buttons__small___1n5yX {
  min-height: 32px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.buttons__small___1n5yX:disabled {
    color: #ffffff;
  }

.buttons__small___1n5yX:disabled.buttons__outline___39b-t {
      color: #bfc7c6;
    }

.buttons__thin___tlg5m {
  padding-left: 8px;
  padding-right: 8px;
  min-width: 0;
}

.buttons__wide___KL4zw {
  width: 100%;
}

@media (min-width: 600px) {

.buttons__wide___KL4zw {
    max-width: 308px
}
  }

.buttons__expand___1y1AU {
  width: 100%;
}

.buttons__gradient___1drVk {
  background: linear-gradient(256deg, #59ffd6, #4cf1d3 44%, #33e2d1);
  border-color: transparent;
}

.buttons__nav___1frhc {
  border-color: transparent;
}

.buttons__navGray___2KTfp {
  background: #5c6665;
  color: #ffffff;
}

.buttons__loading___vH224:disabled {
  /* NOTE(dbow): ewwwww SHAME */
  color: transparent !important;
}

.buttons__loading___vH224 .buttons__spinner___36E7E {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -14px;
  margin-top: -14px;
}

.buttons__link___ZQWws {
  display: inline-block;
  text-align: center;
  line-height: normal;
}

.buttons__link___ZQWws.buttons__small___1n5yX {
    line-height: 1;
  }

.buttons__minimal___EqE9w {
  cursor: pointer;
  border: none;
  background: none;
}

/* Disable focus outline. */

.buttons__minimal___EqE9w:focus {
    outline: none;
  }

.buttons__minimal___EqE9w:focus-visible {
    /* mimic chrome default styles */
    outline: #245fc5 auto 1px !important;
  }

.buttons__minimalA11y___1Ah9K {
  cursor: pointer;
  border: none;
  background: none;
  vertical-align: middle;
}

.buttons__noFocusOutline___4VT-c {
  display: block;
}

.buttons__noFocusOutline___4VT-c:focus {
    outline: none;
  }

/**
 * Utility classnames to render one thing on mobile and another on desktop.
 *
 * NOTE: TRY TO AVOID USING THIS.
 *
 * This is only necessary when fairly foundational markup changes based on
 * screen size, e.g. render a <H2 /> on mobile but an <H4 /> on desktop.
 *
 * Problem 1: This can cause issues with SVG rendering:
 *     https://app.asana.com/0/665000067520246/936006495183651
 * Problem 2: This causes more markup in the DOM than a purely responsive
 *     approach.
 *
 * We use !important here because we aren't winning CSS precendence for flex elements
 */

@media (min-width: 600px) {

.display__mobile___2pEZp {
    display: none !important
}
  }

@media (max-width: 599px) {

.display__desktop___1Cfo7 {
    display: none !important
}
  }

/* this is best used for items where we want visibilty to match with hamburger version of the titlebar  */
@media (min-width: 900px) {
.display__portrait___3rFzJ {
    display: none !important
}
  }

.Modal__modal___2W_0b {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}

.Modal__background___1ir7O {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

@media (min-width: 600px) {

.Modal__background___1ir7O {
    background-color: rgba(255, 255, 255, 0.8)
}
  }

.Modal__content___896MA {
  position: relative;
  background-color: #ffffff;
  overflow: auto;
  width: 100%;
  height: 100%;
}

@media (min-width: 600px) {

.Modal__content___896MA {
    box-shadow: 0 2px 12px 0 rgba(26, 28, 28, 0.12);
    border: 2px solid #e1e6e5;
    border-radius: 4px;
    width: 95%;
    max-width: 320px;
    height: auto;
    max-height: 95%
}
  }

@media (min-width: 600px) {

.Modal__wideContent___30ZJV {
    width: auto;
    max-width: 580px
}
  }

.Modal__header___AyWvX {
  position: relative;
  height: 52px;
  min-height: 52px;
  padding-left: calc(64px - 8px);
  padding-right: calc(64px - 8px);
}

@media (min-width: 600px) {

.Modal__header___AyWvX {
    height: auto;
    min-height: 0;
    padding-left: calc(32px + 8px);
    padding-right: calc(32px + 8px)
}
  }

.Modal__close___2lidr {
  position: absolute;
  left: 16px;
  top: 0;
  height: 100%;
}

@media (min-width: 600px) {

.Modal__close___2lidr {
    top: 8px;
    right: 8px;
    left: auto;
    height: auto
}
  }

.Modal__bodyNoScroll___2Evlv {
  overflow: hidden;
}

.Modal__dialog___2OkkB {
  border: none;
  background: transparent;
}

.Modal__noFocus___1dWKY:focus {
  outline: none;
}

html,
body,
#content {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
button,
input,
ul {
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img,
video,
svg {
  width: 100%;
}

form {
  width: 100%;
}

ul,
ol {
  padding-left: 16px;
}

@media (min-width: 600px) {

ul,
ol {
    padding-left: 32px
}
  }

ul {
  list-style: none;
}

ul li {
    position: relative;
  }

ul li::before {
      content: '\2022';
      position: absolute;
      left: calc(-1 * 16px - 8px);
    }

@media (max-width: 599px) {

ul li::before {
        left: calc(-1 * 16px);
        width: 8px;
        text-align: center
    }
      }

/* No list styling inside navigational elements */
nav ul,
  nav ol,
  footer ul,
  footer ol {
    padding-left: 0;
  }
nav li::before, footer li::before {
      display: none;
    }

.chrome__chrome___22_PO {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}

.chrome__titlebar___onBLM {
  padding-top: 52px;
}

@media (min-width: 600px) {

.chrome__titlebar___onBLM {
    padding-top: 72px
}
  }

.chrome__titlebar___onBLM > * {
    width: 100%;
  }

.chrome__sideNav___YZ4lu {
  max-width: 1200px;
  padding-left: 64px;
}

@media (min-width: 900px) {

.chrome__sideNav___YZ4lu {
    padding-left: 240px
}
  }

.container__container___2_uxh {
  max-width: 1440px;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-grow: 1;
  position: relative;
}

@media (min-width: 600px) {

.container__container___2_uxh {
    padding-left: 32px;
    padding-right: 32px
}
  }

@media (min-width: 900px) {

.container__container___2_uxh {
    padding-left: 64px;
    padding-right: 64px
}
  }

.container__wrapper___3T0xk {
  width: 100%;
  position: relative;
}

.container__wrapper___3T0xk > .container__container___2_uxh {
  height: 100%;
}

/* TODO(dbow): Get heights for nav from somewhere central... */
@media (min-width: 600px) and (max-height: 1200px) {
.container__card___l1FCE {
    min-height: calc(100vh - 72px)
}
  }

@media (min-width: 900px) and (max-height: 1200px) {

.container__heroCard___1otnH {
    min-height: calc(100vh - 72px - 96px)
}
  }

@media (min-width: 900px) and (min-height: 1200px) {

.container__heroCard___1otnH {
    height: 1032px
}
  }

.TunaMelt__tunaMelt___1rzW2 {
  height: 32px;
  width: 32px;
}

.TunaMelt__tunaMelt___1rzW2 svg path {
      transition: 0.2s ease-out;
      fill: #33e2d1;
    }

.TunaMelt__openFace___3A2TF svg path:first-of-type {
        transform: rotate(-45deg) translateX(-13px) translateY(4px);
      }

.TunaMelt__openFace___3A2TF svg path:last-of-type {
        transform: rotate(45deg) translateX(10px) translateY(-13px);
      }

.TunaMelt__openFace___3A2TF.TunaMelt__newHotness___r8Tvh svg path:first-of-type {
        fill: #ffffff;
      }

.RouteLink__underline___1pihu {
  position: absolute;
  z-index: -1;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #00f1da;
  opacity: 0;
  transition: opacity 0.1s ease-in;
}

@media (min-width: 600px) {

.RouteLink__underline___1pihu {
    height: 2px;
    bottom: -2px
}
  }

.RouteLink__anchor___9Vk79 {
  white-space: nowrap;
}

.RouteLink__active___2fNFN .RouteLink__anchor___9Vk79:not([button]) {
    color: #ffffff;
    text-decoration: none;
    cursor: default;
  }

.RouteLink__active___2fNFN .RouteLink__underline___1pihu {
    opacity: 1;
  }



/* Breakpoints from: */

/* https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862 */

/* Some custom breakpoints: */

/* Phones larger than an iPhone 6 (667 pixels) */

.Titlebar__header___3haix {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  height: 52px;
}

@media (min-width: 600px) {

.Titlebar__header___3haix {
    height: 72px
}
  }

.Titlebar__divider___y2rJU {
  margin-left: 8px;
  margin-right: 16px;
  background-color: #5c6665;
  height: 36px;
  width: 1px;
  flex-shrink: 0;
  display: none;
}

@media (min-width: 900px) {

.Titlebar__divider___y2rJU {
    display: block
}
  }

.Titlebar__title___3vuP2 {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 4px;
}

.Titlebar__title___3vuP2.Titlebar__titleHidden___2IEJ3 {
    display: none;
  }

.Titlebar__homeLink___3GRXg {
  display: flex;
  flex-direction: row;
}

.Titlebar__wordMark___2U8-r {
  position: relative;
  display: flex;
  align-items: center;
}

.Titlebar__wordMark___2U8-r.Titlebar__wordMarkWithTitle___3wlmt {
    display: none;
  }

.Titlebar__nav___QI8jD {
  position: fixed;
  z-index: 3;
  width: 100%;
  left: 0;
  right: 0;
  top: 52px;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  background-color: #39403f;
}

@media (min-width: 600px) {

.Titlebar__nav___QI8jD {
    top: 72px
}
  }

@media (min-width: 900px) {

.Titlebar__nav___QI8jD {
    position: relative;
    width: auto;
    top: 0;
    visibility: visible;
    opacity: 1;
    order: 2;
    margin-left: auto
}
  }

.Titlebar__nav___QI8jD li {
    padding: 16px 32px;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
  }

@media (min-width: 900px) {

.Titlebar__nav___QI8jD li {
      padding: 0 0 0 32px;
      opacity: 1;
      transition: none
  }
    }

.Titlebar__navOpen___11Hwj {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease-in;
}

.Titlebar__navOpen___11Hwj li {
    opacity: 1;
    transition-delay: 0.5s;
  }

/* Progressively fade in the first 5 elements in nav menu. */

.Titlebar__navOpen___11Hwj li:nth-of-type(1) {
      transition-delay: 0s;
    }

.Titlebar__navOpen___11Hwj li:nth-of-type(2) {
      transition-delay: 0.1s;
    }

.Titlebar__navOpen___11Hwj li:nth-of-type(3) {
      transition-delay: 0.2s;
    }

.Titlebar__navOpen___11Hwj li:nth-of-type(4) {
      transition-delay: 0.3s;
    }

.Titlebar__navOpen___11Hwj li:nth-of-type(5) {
      transition-delay: 0.4s;
    }

@media (min-width: 900px) {

.Titlebar__menu___1_ULZ {
    display: flex;
    flex-direction: row;
    align-items: center
}
  }

.Titlebar__menu___1_ULZ a:not([button]) {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    position: relative;
    color: #7a8786;
  }

@media (min-width: 900px) {

.Titlebar__menu___1_ULZ a:not([button]) {
      font-weight: normal;
      font-size: 14px;
      line-height: normal;
      letter-spacing: normal;
      color: #bfc7c6
  }
    }

.Titlebar__menu___1_ULZ a[button] {
    width: auto;
  }

@media (min-width: 900px) {

.Titlebar__tunaMelt___2G-fG {
    display: none
}
  }

.PasswordInput__relative___15kSv {
  position: relative;
}

.PasswordInput__showPassword___2_xLb {
  position: absolute;
  right: 0;
}

.PasswordInput__hidePassword___2YNZV {
  padding-right: 5px;
}

.PasswordInput__iconColor___uJ3T4 path {
  fill: #9aa6a5;
}

.CombinedEmailCTA__form___10s-T {
  width: 100%;
}

@media (min-width: 600px) {

.CombinedEmailCTA__form___10s-T {
    max-width: 472px
}
  }

.CombinedEmailCTA__label___2V8a3 {
  display: block;
  margin-left: 4px;
  margin-bottom: 8px;
}

@media (min-width: 600px) {

.CombinedEmailCTA__label___2V8a3 {
    margin-bottom: 4px
}
  }

.CombinedEmailCTA__invertLabel___oxxEU {
  color: #ffffff;
}

.CombinedEmailCTA__cta___3AzLW {
  position: relative;
}

@media (min-width: 600px) {

.CombinedEmailCTA__cta___3AzLW {
    /* border is set on containing div */
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #33e2d1;
    border-radius: 4px;
    display: flex;
    flex-direction: row

    /* Input expands to fill remaining space and has no border (via box-shadow) */

    /* Slot button into the containing box. */

    /* Error message goes below without affecting layout */
}

    .CombinedEmailCTA__cta___3AzLW .CombinedEmailCTA__inputContainer___1ySaY {
      flex: 1;
    }
    .CombinedEmailCTA__cta___3AzLW .CombinedEmailCTA__input___2Kekq {
      box-shadow: none;
      height: 44px;
      border-radius: 3px 0 0 3px;
    }
    .CombinedEmailCTA__cta___3AzLW .CombinedEmailCTA__button___itqqb {
      border-radius: 0 3px 3px 0;
      border-width: 0;
      min-width: 196px;
      width: auto;
      background-image: linear-gradient(254deg, #a7fcf0, #33e2d1);
      min-height: 44px;
      padding-top: 13px;
      padding-bottom: 13px;
    }

      .CombinedEmailCTA__cta___3AzLW .CombinedEmailCTA__button___itqqb:disabled {
        opacity: 0.4;
        color: #39403f;
      }

      /* Remove box shadow (via pseudo-element) */
      .CombinedEmailCTA__cta___3AzLW .CombinedEmailCTA__button___itqqb::after {
        display: none;
      }
    .CombinedEmailCTA__cta___3AzLW .CombinedEmailCTA__error___zd5V1 {
      position: absolute;
      bottom: calc(-1 * 16px - 4px);
    }
  }

.CombinedEmailCTA__transparent___2G-hO::-webkit-input-placeholder {
    color: #ffffff;
  }

.CombinedEmailCTA__transparent___2G-hO::-moz-placeholder {
    color: #ffffff;
  }

.CombinedEmailCTA__transparent___2G-hO:-ms-input-placeholder {
    color: #ffffff;
  }

.CombinedEmailCTA__transparent___2G-hO::placeholder {
    color: #ffffff;
  }

.CombinedEmailCTA__transparent___2G-hO:placeholder-shown {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
  }

.EmbeddedLabelCTA__containerDiv___LqcIb {
  position: relative;
}

.EmbeddedLabelCTA__input___2rmNN {
  width: 100%;
  box-shadow: 0 0 0 2px #33e2d1;
}

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

.EmbeddedLabelCTA__button___24UlQ {
  padding: 16px 20px;
  align-self: flex-start;
}

@media (min-width: 600px) {

.EmbeddedLabelCTA__responsive___1zU7b.EmbeddedLabelCTA__form___2UTKC {
      flex-direction: row
  }
    }

@media (min-width: 900px) {

.EmbeddedLabelCTA__responsive___1zU7b.EmbeddedLabelCTA__form___2UTKC {
      flex-direction: column
  }
    }

@media (min-width: 1200px) {

.EmbeddedLabelCTA__responsive___1zU7b.EmbeddedLabelCTA__form___2UTKC {
      flex-direction: row
  }
    }

@media (min-width: 600px) {

.EmbeddedLabelCTA__responsive___1zU7b .EmbeddedLabelCTA__containerDiv___LqcIb {
      flex: 1 1 0;
      margin-right: 16px
  }
    }

@media (min-width: 900px) {

.EmbeddedLabelCTA__responsive___1zU7b .EmbeddedLabelCTA__containerDiv___LqcIb {
      flex: auto;
      margin-right: 0
  }
    }

@media (min-width: 1200px) {

.EmbeddedLabelCTA__responsive___1zU7b .EmbeddedLabelCTA__containerDiv___LqcIb {
      margin-right: 16px
  }
    }

@media (min-width: 600px) {

.EmbeddedLabelCTA__responsive___1zU7b .EmbeddedLabelCTA__input___2rmNN {
      min-width: 300px
  }
    }

@media (min-width: 900px) {

.EmbeddedLabelCTA__responsive___1zU7b .EmbeddedLabelCTA__input___2rmNN {
      min-width: auto
  }
    }

@media (min-width: 1200px) {

.EmbeddedLabelCTA__responsive___1zU7b .EmbeddedLabelCTA__input___2rmNN {
      min-width: 300px
  }
    }

@media (min-width: 600px) {

.EmbeddedLabelCTA__responsive___1zU7b .EmbeddedLabelCTA__button___24UlQ {
      flex: 1 1 0
  }
    }

@media (min-width: 900px) {

.EmbeddedLabelCTA__responsive___1zU7b .EmbeddedLabelCTA__button___24UlQ {
      flex: auto
  }
    }

.EmbeddedLabelCTA__label___3ZAXT {
  position: absolute;
  color: #06796e;
  margin-top: 15px;
  left: 10px;
  top: 0;
}

.EmbeddedLabelCTA__hasContent___2KfVw {
  top: 3px;
  left: 15px;
  margin-top: 0;
  font-size: 12px;
  font-weight: 600;
}

/* System Colors */

/* Neutrals */

/* Scroll Green */

/* Accent Colors */

/* Gradients */

/* Twitter co-branding colors */



/* Breakpoints from: */

/* https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862 */

/* Some custom breakpoints: */

/* Phones larger than an iPhone 6 (667 pixels) */

/* we need custom error colors in order for them to be visible on darker backgrounds */

/* used behind sticky email input section on mobile */

.LMLandingPage__background___aVp1h {
  background: linear-gradient(#010c55 88px, #3243e2 120vh);
}

@media (min-width: 600px) {

.LMLandingPage__background___aVp1h {
    background-attachment: fixed
}
  }

/* this stops scrolling when the bottom of the content is at bottom of screen, but leaves space for the header */

@media (min-width: 600px) {

.LMLandingPage__sticky___25x_g {
    position: -webkit-sticky;
    position: sticky;
    top: var(--leftTop);

    /* prevents scrolling due to footer - change this to footer height if it changes */
    margin-bottom: -82px
}

    .LMLandingPage__sticky___25x_g.LMLandingPage__fullWidthFooter___2pEFD {
      margin-bottom: 0;
    }
  }

@media (max-width: 599px) {

.LMLandingPage__mobileFixed___1S8KZ {
    position: fixed;
    bottom: 0;
    background-color: #07106a;
    margin-left: calc(-1 * 16px);
    padding: 8px;
    padding-bottom: 16px;
    z-index: 2;
    box-shadow: 0 -1px 6px 0 rgba(7, 16, 106, 0.6)
}

    .LMLandingPage__mobileFixed___1S8KZ :first-child {
      order: 1;
    }

    .LMLandingPage__mobileFixed___1S8KZ :last-child {
      order: 2;
    }
  }

.LMLandingPage__bottomSpace___3z1LT {
  padding-bottom: 160px;
}

@media (min-width: 600px) {

.LMLandingPage__bottomSpace___3z1LT {
    padding-bottom: 32px
}
  }

.LMLandingPage__logoMark___20vRM {
  margin-left: -5px;
}

.LMLandingPage__wordMark___3tlbz {
  padding-left: 6px;
}

.LMLandingPage__header___2jiaw {
  padding: 16px 0;
}

@media (min-width: 600px) {

.LMLandingPage__header___2jiaw {
    position: -webkit-sticky;
    position: sticky;
    top: var(--headerTop)
}
  }

.LMLandingPage__headerPlaceholder___1_veC {
  height: 52px;
}

@media (min-width: 600px) {

.LMLandingPage__headerPlaceholder___1_veC {
    /* we don't use the headerHeight variable here in order to preserve the css variable math */
    height: 88px
}
  }

/* if any max-width changes, also update in LandingPage.css .paragraphMaxWidth */
.LMLandingPage__heading___1si9k {
  font-size: 38px;
  line-height: 1.1;
  max-width: 305px;
}
@media (min-width: 455px) {
.LMLandingPage__heading___1si9k {
    font-size: 48px;
    max-width: 390px
}
  }
@media (min-width: 600px) {
.LMLandingPage__heading___1si9k {
    font-size: 36px;
    max-width: 285px
}
  }
@media (min-width: 700px) {
.LMLandingPage__heading___1si9k {
    font-size: 42px;
    max-width: 305px
}
  }
@media (min-width: 900px) {
.LMLandingPage__heading___1si9k {
    font-size: 42px
}
  }
@media (min-width: 1155px) {
.LMLandingPage__heading___1si9k {
    font-size: 56px;
    max-width: 411px
}
  }
@media (min-width: 1350px) {
.LMLandingPage__heading___1si9k {
    font-size: 63px;
    max-width: 485px;
    line-height: 63px
}
  }

.LMLandingPage__headingWide___33Tvw {
  font-size: 35px;
  line-height: 1.1;
  max-width: 305px;
}

@media (min-width: 400px) {

.LMLandingPage__headingWide___33Tvw {
    max-width: 360px
}
  }

@media (min-width: 465px) {

.LMLandingPage__headingWide___33Tvw {
    max-width: 450px
}
  }

@media (min-width: 600px) {

.LMLandingPage__headingWide___33Tvw {
    font-size: 36px;
    max-width: 285px
}
  }

@media (min-width: 700px) {

.LMLandingPage__headingWide___33Tvw {
    font-size: 42px;
    max-width: 340px
}
  }

@media (min-width: 900px) {

.LMLandingPage__headingWide___33Tvw {
    font-size: 42px;
    max-width: 360px
}
  }

@media (min-width: 1200px) {

.LMLandingPage__headingWide___33Tvw {
    font-size: 49px;
    max-width: 509px;
    line-height: 57px
}
  }

.LMLandingPage__semibold___3Q_BO {
  font-weight: 600;
}

.LMLandingPage__ol___3oe_M {
  padding-left: 0;
  list-style: none;
  counter-reset: how-counter;
}

.LMLandingPage__ol___3oe_M li {
    counter-increment: how-counter;
    font-size: 18px;
    line-height: 1;
  }

@media (min-width: 600px) {

.LMLandingPage__ol___3oe_M li {
      font-size: 16px
  }
    }

@media (min-width: 670px) {

.LMLandingPage__ol___3oe_M li {
      font-size: 18px
  }
    }

.LMLandingPage__ol___3oe_M li::before {
    content: '0' counter(how-counter);
    color: #33e2d1;
    margin-right: 8px;
  }

.LMLandingPage__cta___3Lcwa {
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
  padding-right: 16px;
}

.LMLandingPage__cta___3Lcwa a {
    color: #ffffff;
    text-decoration: underline;
  }

@media (max-width: 599px) and (max-height: 667px) {

.LMLandingPage__cta___3Lcwa {
    font-size: 14px;
    line-height: 18px;
    padding: 8px 8px 0 8px;
    margin-bottom: 8px
}
  }

@media (min-width: 900px) {

.LMLandingPage__cta___3Lcwa {
    max-width: 330px;
    padding-right: 0
}
  }

@media (min-width: 1200px) {

.LMLandingPage__emailForm___38ek3 {
    max-width: 480px
}
  }

.LMLandingPage__card___2-Apm {
  background-color: #ffffff;
  border-radius: 0 30px 150px 30px;
  padding: 24px;
}

@media (min-width: 900px) {

.LMLandingPage__card___2-Apm {
    padding: 40px
}
  }

.LMLandingPage__card___2-Apm .LMLandingPage__cardText___Tkleh {
  font-size: 18px;
  font-weight: normal;
}

.LMLandingPage__card___2-Apm .LMLandingPage__bigQuote___1CcXL {
  font-size: 32px;
  text-align: center;
}

@media (min-width: 600px) {

.LMLandingPage__card___2-Apm .LMLandingPage__bigQuote___1CcXL {
    font-size: 25px
}
  }

@media (min-width: 600px) {

.LMLandingPage__card___2-Apm .LMLandingPage__quoteLogo___2xgmv {
    width: 70%;
    margin-left: 15%
}
  }

@media (min-width: 900px) {

.LMLandingPage__card___2-Apm .LMLandingPage__quoteLogo___2xgmv {
    width: 100%;
    margin-left: 0
}
  }

.LMLandingPage__appleLogo___1di9q {
  width: 47.5px;
  height: 58px;
}

.LMLandingPage__androidLogo___3uiuX {
  width: 76px;
  height: 43px;
}

.LMLandingPage__chromeLogo___32-YQ {
  width: 50px;
  height: 50px;
}

.LMLandingPage__safariLogo___2Q2hL {
  width: 54px;
  height: 54px;
}

.LMLandingPage__firefoxLogo___3izLc {
  width: 57px;
  height: 54px;
}

.LMLandingPage__edgeLogo___3u43s {
  width: 50px;
  height: 50px;
}

.LMLandingPage__twitterLogo___1aSiW {
  width: 55px;
  height: 45px;
}

.LMLandingPage__cardNumber___21LJF {
  font-size: 65px;
  color: #1cc4b4;
}

@media (min-width: 600px) {

.LMLandingPage__cardNumber___21LJF {
    font-size: 50px;
    line-height: 1
}
  }

@media (min-width: 1200px) {

.LMLandingPage__cardNumber___21LJF {
    font-size: 75px
}
  }

.LMLandingPage__cardHeading___3kWop {
  font-size: 50px;
}

@media (min-width: 600px) {

.LMLandingPage__cardHeading___3kWop {
    font-size: 45px;
    line-height: 1
}
  }

@media (min-width: 1200px) {

.LMLandingPage__cardHeading___3kWop {
    font-size: 56px;
    line-height: 1.1
}
  }

.LMLandingPage__cardHeadingSmall___1j_tP {
  font-size: 32px;
}

@media (min-width: 600px) {

.LMLandingPage__cardHeadingSmall___1j_tP {
    font-size: 32px;
    line-height: 1
}
  }

@media (min-width: 1200px) {

.LMLandingPage__cardHeadingSmall___1j_tP {
    font-size: 39px;
    line-height: 1.1
}
  }

.LMLandingPage__cardHeading2___22Tbq {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 600px) {

.LMLandingPage__smallDollar___1cuRd {
    width: 30%;
    margin-left: 32%
}
  }

@media (min-width: 900px) {

.LMLandingPage__smallDollar___1cuRd {
    width: 100%;
    margin-left: 0%
}
  }

@media (min-width: 600px) {

.LMLandingPage__largeDollar___X4OFr {
    width: 41%;
    margin-left: 27%;
    padding-top: 32px
}
  }

@media (min-width: 900px) {

.LMLandingPage__largeDollar___X4OFr {
    width: 100%;
    margin-left: 0%;
    padding-top: 0
}
  }

.LMLandingPage__dollarLabels___11gpO {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  white-space: pre-wrap;
}

@media (max-width: 599px) {

.LMLandingPage__dollarLabels___11gpO {
    font-size: 14px
}
  }

@media (min-width: 460px) {

.LMLandingPage__dollarLabels___11gpO {
    font-size: 18px
}
  }

@media (min-width: 600px) {

.LMLandingPage__dollarLabels___11gpO {
    font-size: 13px
}
  }

@media (min-width: 770px) {

.LMLandingPage__dollarLabels___11gpO {
    font-size: 18px
}
  }

.LMLandingPage__scrollDollarLabel___25Te6 {
  color: #1cc4b4;
}

.LMLandingPage__noWrap___3lahc {
  white-space: nowrap;
}

.LMLandingPage__iconClosed___zXXdZ {
  transform: rotate(180deg);
}

.LMLandingPage__displayNone___g5ken {
  display: none;
}

.LMLandingPage__toggleText___2DpTR {
  letter-spacing: 1px;
  font-weight: 600;
  margin-left: 2px;
}

.LMLandingPage__list___1f_r2 li::before {
  display: block;
  margin-top: 4px;
  content: ' ';
  background-size: 25px 25px;
  height: 25px;
  width: 25px;
  background-image: url(https://assets.scroll.com/assets/image/icn-arrow-white-a940cda0d202d9ae4ec33fca662ea13b.svg);
}

.LMLandingPage__list___1f_r2 li {
  padding-left: 16px;
  display: flex;
  align-items: center;
}

@media (min-width: 600px) {

.LMLandingPage__list___1f_r2 li {
    padding-left: 8px
}
  }

@media (min-width: 900px) {

.LMLandingPage__list___1f_r2 li {
    padding-left: 16px
}
  }

@media (min-width: 600px) {

.LMLandingPage__list___1f_r2 {
    padding-left: calc(16px + 8px)
}
  }

.LMLandingPage__listText___3ZCY6 {
  font-size: 29px;
}

@media (min-width: 600px) {

.LMLandingPage__listText___3ZCY6 {
    font-size: 21px;
    line-height: 1
}
  }

@media (min-width: 660px) {

.LMLandingPage__listText___3ZCY6 {
    font-size: 24px
}
  }

@media (min-width: 720px) {

.LMLandingPage__listText___3ZCY6 {
    font-size: 24px
}
  }

@media (min-width: 800px) {

.LMLandingPage__listText___3ZCY6 {
    font-size: 29px
}
  }

@media (min-width: 900px) {

.LMLandingPage__listText___3ZCY6 {
    font-size: 24px
}
  }

@media (min-width: 1000px) {

.LMLandingPage__listText___3ZCY6 {
    font-size: 28px
}
  }

@media (min-width: 1200px) {

.LMLandingPage__listText___3ZCY6 {
    font-size: 36px;
    line-height: 1.1
}
  }

.LMLandingPage__listTextNormal___3R7Q5 {
  font-weight: normal;
}

.JoinPageCTA__form___16t6X {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 600px) {

.JoinPageCTA__form___16t6X {
    flex-direction: column
}
  }

@media (min-width: 710px) {

.JoinPageCTA__form___16t6X {
    flex-direction: row
}
  }

.JoinPageCTA__container___1i3P3 {
  flex-basis: 60%;
}

.JoinPageCTA__input___kfCJ6 {
  border-radius: 22.5px 0 22.5px 22.5px;
  box-shadow: none;
}

.JoinPageCTA__input___kfCJ6:focus {
    box-shadow: 0 0 0 2px #33e2d1;
  }

.JoinPageCTA__button___2xxgZ {
  padding: unset;
  flex-basis: 35%;
  font-weight: 600;
  min-height: 46px;
  font-size: 16px;
  height: 46px;
  border-radius: 22.5px 22.5px 22.5px 0;
  color: #1a1c1c;
}

.JoinPageCTA__button___2xxgZ:hover,
  .JoinPageCTA__button___2xxgZ:focus-visible {
    background-color: #1cc4b4;
    border-color: #1cc4b4;
    color: #1a1c1c;
  }

@media (min-width: 600px) {

.JoinPageCTA__button___2xxgZ {
    margin-top: 8px
}
  }

@media (min-width: 710px) {

.JoinPageCTA__button___2xxgZ {
    margin-top: 0
}
  }

.JoinPageCTA__error___2xPOy {
  background-color: #ffe9eb;
  color: #a40010;
  margin-top: 8px;
  padding: 4px 16px 4px 16px;
  border-radius: 22.5px;
}

@-webkit-keyframes loading__spin___2WPHd {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes loading__spin___2WPHd {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.loading__container___1TIYU {
  width: 100%;
  height: 100%;
  flex: 1;
}

.loading__column___b9Y2L {
  height: 100%;
}

.loading__icon___43yrP {
  width: 32px;
  height: 32px;

  /** this renders a circle border, with one quarter of it scrollGreen */
  border-radius: 50%;
  border: 4px solid transparent;
  border-top-color: #33e2d1;
  -webkit-animation: loading__spin___2WPHd 1s infinite linear;
          animation: loading__spin___2WPHd 1s infinite linear;
}

.Masthead__container___Cfe2b.Masthead__contained___3rGSE {
    background-color: #ffffff;
    border-radius: 4px;
    border-style: solid;
    border-color: #e1e6e5;
    border-width: 1px;
    box-shadow: 0 2px 12px 0 rgba(26, 28, 28, 0.12);
  }

.Masthead__container___Cfe2b.Masthead__contained___3rGSE.Masthead__size-large___3Wi4d,
    .Masthead__container___Cfe2b.Masthead__contained___3rGSE.Masthead__size-xlarge___2wqxv {
      border-width: 2px;
    }

.Masthead__container___Cfe2b img {
    -o-object-fit: contain;
       object-fit: contain;
  }

.Masthead__grow___1x1HH {
  display: flex;

  /* ensure that grid items are evenly sized */
  flex-grow: 1;
}

.Masthead__noGrow___3otun {
  flex-grow: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.Masthead__size-none___3mut5 {
  height: 100%;
}

.Masthead__size-none___3mut5 img {
  height: 100%;
}

.TermsAndPrivacy__caption___3qaPS {
  width: 100%;
}

.TermsAndPrivacy__light___1a6Xd > a {
  color: #33e2d1;
}

/* Color overrides - order matters here! */

.lines__line___2FKao {
  border-width: 1px 0 0 0;
  border-color: #1a1c1c;
  border-style: solid;
  width: 100%;
}

.lines__wash___u1YDI {
  border-color: #7a8786;
}

.lines__light___2NRcw {
  border-color: #ffffff;
}

.lines__bold___25B_M {
  border-width: 2px 0 0 0;
}

.lines__divider___1TLw0 {
  width: 72px;
  border-width: 2px 0 0 0;
  border-color: #33e2d1;
}

.lines__align-left___2lxlR {
  margin-left: 0;
}

.lines__align-center___2S9rk {
  /* default */
}

.lines__align-right___3Y_Xk {
  margin-right: 0;
}

/* Length - default is 100% width */

.lines__length-1___1yA-1 {
  width: 25%;
}

.lines__length-2___2TC-S {
  width: 50%;
}

.lines__length-3___-PjEW {
  width: 75%;
}

/* Width - default is 1px, and pixels are incremented by 2 */

.lines__width-0___g46S3 {
  border-width: 1px 0 0 0;
}

.lines__width-1___2z7bD {
  border-width: 2px 0 0 0;
}

.lines__width-2___3BhZ5 {
  border-width: 4px 0 0 0;
}

.lines__width-3___kl1Gw {
  border-width: 6px 0 0 0;
}

.lines__width-4___3qiuQ {
  border-width: 8px 0 0 0;
}

.lines__width-5___3MBnF {
  border-width: 10px 0 0 0;
}

.lines__width-6___1VhBX {
  border-width: 12px 0 0 0;
}

.StripeManualCreditCardForm__securityCaptionContainer___IRXsK {
  position: relative;
}

@media (min-width: 600px) {

.StripeManualCreditCardForm__securityCaption___kUR-- {
    position: absolute;
    width: 50%;
    right: 0;
    margin-top: calc(16px * -1);
    transform: translate(8px)
}
  }

@media (min-width: 900px) {

.StripeManualCreditCardForm__securityCaption___kUR-- {
    transform: translate(16px)
}
  }

.StripeManualCreditCardForm__zip___15-V7::-webkit-input-placeholder {
  color: #7a8786;
  opacity: 1;
}

.StripeManualCreditCardForm__zip___15-V7::-moz-placeholder {
  color: #7a8786;
  opacity: 1;
}

.StripeManualCreditCardForm__zip___15-V7:-ms-input-placeholder {
  color: #7a8786;
  opacity: 1;
}

.StripeManualCreditCardForm__zip___15-V7::placeholder {
  color: #7a8786;
  opacity: 1;
}

.SubscribeNewUser__noWrap___2ms5d {
  overflow-wrap: normal;
}

@media (min-width: 600px) {

.About__intro___thQrv {
    margin-top: calc(64px + 32px)
}
  }

.About__svgDefaultWidth___1ESfc {
  width: auto;
}

.StyledList__list___1AQCP li::before {
  display: block;
  margin-top: 4px;
  content: ' ';
  background-size: 15px 15px;
  height: 15px;
  width: 15px;
}

.StyledList__list___1AQCP.StyledList__check___ugCCC li::before {
  background-image: url(https://assets.scroll.com/assets/image/icn-check-fill-d81c1edba0876dbc0b21c9dbe2b2829e.svg);
}

.StyledList__list___1AQCP.StyledList__arrow___3RPNl li::before {
  background-image: url(https://assets.scroll.com/assets/image/icn-right-arrow-b06b5667f5a0d7d0d3d97a6a77187124.svg);
}

.StyledList__list___1AQCP li {
  padding-left: 8px;
}

@media (min-width: 600px) {

.StyledList__list___1AQCP li {
    padding-left: 0
}
  }

@media (min-width: 600px) {

.StyledList__list___1AQCP {
    padding-left: calc(16px + 8px)
}
  }

.InsiderLandingPage__background___hygWR {
  background-color: #FAFAFA;
}

@media (min-width: 600px) {

.InsiderLandingPage__container___3qq6V {
    min-height: 100vh
}
  }

.InsiderLandingPage__gradientBackground___27BHq {
  background: linear-gradient(#010c55 0%, #3243e2 120vh);
}

@media (max-width: 599px) {

.InsiderLandingPage__gradientBackground___27BHq {
    margin-top: 84px;
    max-height: 121px;
    position: relative;
    z-index: 2
}
  }

@media (min-width: 600px) {

.InsiderLandingPage__gradientBackground___27BHq {
    min-height: 100vh
}
  }

.InsiderLandingPage__headlineBox___DcO-L {
  position: absolute;
}

@media (max-width: 599px) {

.InsiderLandingPage__headlineBox___DcO-L {
    top: 15%
}
  }

@media (min-width: 600px) {

.InsiderLandingPage__headline___1jEtA {
    font-size: 66px
}
  }

.InsiderLandingPage__whiteBackground___1N66l {
  background: #ffffff;
}

@media (max-width: 599px) {

.InsiderLandingPage__cobrand___1_XXK {
    position: fixed;
    top: 29px
}
  }

@media (min-width: 600px) {

.InsiderLandingPage__cobrand___1_XXK {
    width: 224px
}
  }

.InsiderLandingPage__banner___2_jfB {
  background-color: #33e2d1;
}

.InsiderLandingPage__banner___2_jfB svg path {
    fill: #39403f;
  }

.InsiderLandingPage__bannerRow___2pYS7 {
  width: auto;
}

.InsiderLandingPage__card___nO7v_ {
  background-color: #ffffff;
  border-radius: 8px;
  position: absolute;
  top: 80px;
}

.InsiderLandingPage__welcomeContainer___33eHC {
  background: linear-gradient(#010c55 0%, #3243e2 120vh);
  min-height: 100vh;
}

.InsiderLandingPage__welcomeContainer___33eHC > div {
    min-height: 100vh;
  }

.InsiderLandingPage__paragraph___2I03U {
  font-weight: 400;
}

.InsiderLandingPage__icon___2ccU8 {
  height: 84px;
  margin-bottom: 16px;
}

.InsiderLogoGrid__logoBox___3DKct {
  width: 25%;
}

@media (min-width: 600px) {

.InsiderLogoGrid__logoBox___3DKct {
    width: 30%
}
  }

.InsiderLogoGrid__fullScreenBox___2G6Se {
  width: 30%;
}

@media (min-width: 900px) {

.InsiderLogoGrid__fullScreenBox___2G6Se {
    width: 25%
}
  }

@media (min-width: 1200px) {

.InsiderLogoGrid__fullScreenBox___2G6Se {
    width: 20%
}
  }

.InsiderLogoGrid__masthead___25YQU path {
  fill-opacity: 0.15;
}

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

@media (min-width: 600px) {

.InsiderLogoGrid__logoRow___1t9u3 {
    min-height: 100vh
}
  }

@media (max-width: 599px) {
    .InsiderLogoGrid__logoRow___1t9u3:not(.InsiderLogoGrid__fullScreen___3w6QK) {
      max-height: 121px;
      overflow: hidden;
    }
  }

.InsiderLogoGrid__fullScreen___3w6QK {
  min-height: 100vh;
}

.landmarks__main___lJVmj {
  flex-grow: 1;
}

.CancelSurvey__background___1NxK7 {
  background-color: #f5f5f5;
  padding: 32px;
}

/* NOTE: Typically we don't add browser-specific prefixes to our css files instead we use the autoprefixer
but since most browsers only support line-clamp w/ the webkit prefix we're adding it here
 https://caniuse.com/#search=-webkit-line-clamp */

.ArticleBlockByPublisher__articleDescription___2DCaq {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ArticleBlockByPublisher__headline___Qtdzn {
  flex-grow: 1;
  overflow: hidden;
}

.ArticleBlockByPublisher__image___1XZOg {
  flex-shrink: 0;
  width: 52px;
}

@media (min-width: 600px) {

.ArticleBlockByPublisher__image___1XZOg {
    width: 72px
}
  }

.ArticleBlock__trendingText___35bRN {
  color: #1cc4b4;
  font-weight: bold;
  font-size: 13px;
  flex-grow: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.ArticleBlock__boxStyle___2V6U6 {
  border-radius: 6px;
  border: 1px solid #e1e6e5;

  /* ensure that grid items are evenly sized */
  flex-grow: 1;
}

.ArticleBlock__headline___38913 {
  flex-grow: 1;
  overflow: hidden;
  line-height: 19px;
}

.ArticleBlock__headline___38913 a {
    color: #1a1c1c;
    font-weight: 500;
  }

.ArticleBlock__image___2fLWV {
  flex-shrink: 0;
  width: 52px;
}

.TwitterAnnouncementBanner__banner___2ea8O {
  background-color: #259AEB;
  border-radius: 8px;
}

.TwitterAnnouncementBanner__logos___1hOJa {
  width: 55px;
  height: unset;
}

@media (min-width: 600px) {

.TwitterAnnouncementBanner__logos___1hOJa {
    width: 83px
}
  }

.TwitterAnnouncementBanner__paragraph___2aM_7 {
  /* need to override developer site setting 16px margin on all p tags */
  margin-bottom: 0 !important;
}

.TwitterAnnouncementBanner__paragraph___2aM_7 a {
    color: inherit;
    text-decoration: underline;
  }

.PaymentChart__overlay___6sRYq {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.PaymentConfirmationShareButtons__button___3Edrf path {
    fill: transparent;
    stroke: #06796e;
  }

.PaymentConfirmationShareButtons__button___3Edrf use {
    fill: #06796e;
  }

.PaymentChartSection__container___2xDOd {
  border: 1px solid #e1e6e5;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.PaymentChartSection__shareButton___3mqGz {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px;
}

@media (min-width: 600px) {

.PaymentChartSection__shareButton___3mqGz::before {
    background-color: #e1e6e5;
    content: '';
    height: 100%;
    left: -12px;
    position: absolute;
    top: 0;
    width: 1px
}
  }

.PartnersListSection__partnerComponent___3qILJ {
  overflow-x: scroll;

  /* Get momentum scrolling on iOS. */
  -webkit-overflow-scrolling: touch;
}

.PartnersListSection__partnerName___1FXQw {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.PartnersListSection__viewAllLink___1z_i2 {
  white-space: nowrap;
}

.PartnersListSection__container___3nbKW {
  background-color: #ffffff;
  border-radius: 4px;
  border-style: solid;
  border-color: #e1e6e5;
  border-width: 2px;
  box-shadow: 0 2px 12px 0 rgba(26, 28, 28, 0.12);
  padding: 7px;
}

.PartnersListSection__logo___1E0-U {
  -o-object-fit: contain;
     object-fit: contain;
  height: 1.5em;
}

.Icon__rounded___1ZLDC {
  border-radius: 50%;
}

.SectionHeader__header___1ZEc3 {
  background-color: #00f1da;
  display: inline-block;
  line-height: 1;
}

.HistoryEduEntry__arrow___3dzmd {
  min-width: 42px;
  transform: translateY(75%);
}

@media (min-width: 600px) {

.HistoryEduEntry__arrow___3dzmd {
    transform: translateY(50%)
}
  }

@media (min-width: 600px) {

.HistoryEntryActions__container___PEHu9 {
    flex-direction: row
}
  }

.HistoryEntryActions__action___G-mic {
  height: 44px;
}

.HistoryEntryActions__menu___1ZpkI {
  position: absolute;
  min-width: 162px;
  height: 52px;
  background-color: #ffffff;
  border: solid 1px #f5f5f5;
  box-shadow: 0 2px 8px 0 #e1e6e5;
  border-radius: 4px;
  z-index: 1;
}

.HistoryEntryActions__menuItem___kpUhd {
  padding-top: 9px;
  padding-bottom: 9px;
}

.HistoryEntryActions__menuItem___kpUhd:hover {
  background-color: #f5f5f5;
}

.HistoryEntryActions__activeKabob___1QONd path {
  fill: #06796e;
}

.HistoryEntryActions__background___QPET8 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.HistoryImage__img___2Nppm {
  width: 52px;
  height: 52px;
}

.HistoryProgressBar__progressContainer___2gvQG {
  width: 52px;
  height: 2px;
  background: #e1e6e5;
}

.HistoryProgressBar__progress___11W-V {
  height: 2px;
  background: #33e2d1;

  /* TODO(a-mesi): coloring fails color contrast standards; will revisit other options */
}

.ReadingActivityEntry__entry___1sTGR {
  border-bottom: 1px solid #e1e6e5;
}

.ReadingActivityEntry__bottomBar___1xewd {
  height: 16px;
  align-items: center; /* vertically */
}

.ReadingActivityEntry__headline___2Le6f {
  /* flex-grow: 1; */
  margin-bottom: 8px;

  /* see https://css-tricks.com/line-clampin/ */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;

  /* ideally we'd rely on line-clamp, but it's not yet well supported
   * so truncate to approximately 3 lines
   */
  max-height: 3.8em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ReadingActivityEntry__headline___2Le6f:hover {
    text-decoration: underline;
  }

.ReadingActivityEntry__noWrap___2nr3- {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ReadingActivityEntry__share___NiK5a {
  visibility: hidden;
}

.ReadingActivityEntry__entry___1sTGR:hover .ReadingActivityEntry__share___NiK5a {
    visibility: visible;
  }

.ShareLink__shareLink___gFl4n {
  height: 28px;
  width: auto;
}

.ShareLink__shareLink___gFl4n:hover .ShareLink__shareIcon___2SAns g,
    .ShareLink__shareLink___gFl4n:hover .ShareLink__shareIcon___2SAns path {
      fill: #06796e;
    }

.ShareLink__shareLink___gFl4n:hover .ShareLink__shareText___3NVOB {
    color: #06796e;
  }

.ShareLink__copied___27L5E {
  color: #2a9620;
}

.ArticleCard__container___Jmwpm {
  border-radius: 6px;
  border: 1px solid #e1e6e5;

  /* ensure that grid items are evenly sized */
  flex-grow: 1;
}

.ArticleCard__clamp3lines___L7ec7 {
  flex-grow: 1;
  line-height: 19px;

  /* see https://css-tricks.com/line-clampin/ */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;

  /* ideally we'd rely on line-clamp, but it's not yet well supported
     * so truncate to approximately 3 lines
     */
  max-height: 3.8em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ArticleCard__headline___Bcohc {
  /* copied from baseStyle=caption
     TODO(juno) postcss mixins for easier overriding */
  font-family: 'Source Sans Pro', sans-serif;
  line-height: normal;
  letter-spacing: normal;
  font-weight: normal;
  font-size: 16px;
  color: #1a1c1c;
}

.ArticleCard__headline___Bcohc.ArticleCard__withDescription___roWc_ {
    /* adjust default headline styles to contrast more with the description */
    font-size: 15px;
    font-weight: 600;
  }

.ArticleCard__description___foouM {
  /* copied from baseStyle=caption
     TODO(juno) postcss mixins for easier overriding */
  font-family: 'Source Sans Pro', sans-serif;
  line-height: normal;
  letter-spacing: normal;
  font-size: 14px;
  color: #39403f;
}

.ArticleCard__masthead___16IWr {
  flex-grow: 1;
}

.ArticleCard__image___6Ds0D {
  flex-shrink: 0;
  width: 52px;
}

.ArticleCard__share___n8IoK {
  visibility: hidden;
}

.ArticleCard__container___Jmwpm:hover .ArticleCard__share___n8IoK {
    visibility: visible;
  }

.Footer__pad___2uRXw {
  padding-left: 16px;
  padding-right: 16px;
}

.Footer__contact___1j76g a {
    color: #00f1da;
  }

.Footer__socialLink___1t_Ne {
  margin-right: 4px;
}

.Footer__socialRow___2bXpr {
  /* divs aren't valid children of <ul />s so put flex stuff directly on ul */
  display: flex;
  flex-direction: row;
  margin-left: calc(-1 * 4px);
}

.Footer__footerLink___3LxrR {
  color: inherit !important;
}

.HowItWorksView__relative___2DL6o {
  position: relative;
}

.HowItWorksView__whiteBackground___usodE {
  background-color: #fff;
  display: inline;
}

.HowItWorksView__heroImageContainer___1ANdL {
  height: 220px;
}

@media (min-width: 600px) {

.HowItWorksView__heroImageContainer___1ANdL {
    height: 336px
}
  }

@media (min-width: 900px) {

.HowItWorksView__heroImageContainer___1ANdL {
    height: 500px
}
  }

.HowItWorksView__heroImage___2srZV {
  height: 100%;
  min-width: 280px;
  position: absolute;
  right: -18px;
  top: -128px;
  width: 70vw;
  z-index: -1;
}

@media (min-width: 600px) {

.HowItWorksView__heroImage___2srZV {
    right: -40px;
    top: -98px;
    width: 412px
}
  }

@media (min-width: 900px) {

.HowItWorksView__heroImage___2srZV {
    right: -68px;
    top: -10px;
    width: 500px
}
  }

@media (min-width: 1200px) {

.HowItWorksView__heroImage___2srZV {
    right: calc(-50px + 8vw);
    top: -134px;
    width: 600px
}
  }

.HowItWorksView__featureImage___2seJo {
  height: 128px;
  width: 128px;
}

.HowItWorksView__x___5hi8m {
  height: 36px;
  transform: translateX(4px) translateY(-32px);
  width: 27px;
}

.HowItWorksView__background___45SNR {
  background-image: url(https://assets.scroll.com/assets/image/img-bg-dots-af657dbfe44554e7e56a8191e8d92b76.svg);
  background-size: 4%;
  z-index: -1;
}

@media (min-width: 600px) {

.HowItWorksView__background___45SNR {
    background-size: 3%
}
  }

@media (min-width: 900px) {

.HowItWorksView__background___45SNR {
    background-size: 2%
}
  }

@media (min-width: 1200px) {

.HowItWorksView__background___45SNR {
    background-size: 1.5%
}
  }

.HowItWorksView__halfBackground___mUJiq {
  background-color: #fff;
  bottom: 0;
  height: 250px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.HowItWorksView__loginImage___2mvQa {
  background-color: #fff;
  border: 1px solid #bfc7c6;
  border-radius: 100%;
  height: 100%;
  max-height: 244px;
  width: 100%;
  max-width: 244px;
}

.HowItWorksView__arrow1___3Xcxg {
  height: 60%;
  left: -70%;
  position: absolute;
  top: 160px;
  transform: rotateX(180deg) rotate(98deg);
}

@media (min-width: 600px) {

.HowItWorksView__arrow1___3Xcxg {
    left: -15vw;
    top: calc(120px + 12vw);
    transform: rotate(0deg);
    width: 45%
}
  }

@media (min-width: 900px) {

.HowItWorksView__arrow1___3Xcxg {
    left: -10vw;
    top: calc(50px + 12vw);
    width: 50%
}
  }

@media (min-width: 1200px) {

.HowItWorksView__arrow1___3Xcxg {
    left: -130px;
    top: 220px;
    width: 60%
}
  }

.HowItWorksView__arrow2___1z4hC {
  height: 60%;
  left: 62%;
  position: absolute;
  top: 190px;
  transform: rotate(24deg);
}

@media (min-width: 600px) {

.HowItWorksView__arrow2___1z4hC {
    left: calc(240px - 3vw);
    top: 200px;
    transform: rotate(0deg);
    width: 45%
}
  }

@media (min-width: 900px) {

.HowItWorksView__arrow2___1z4hC {
    left: calc(70px + 14vw);
    top: calc(80px + 9vw);
    width: 50%
}
  }

@media (min-width: 1200px) {

.HowItWorksView__arrow2___1z4hC {
    left: 260px;
    top: 180px;
    width: 60%
}
  }

.HowItWorksView__screenImage___2gEm4 {
  height: 100%;
  width: 100%;
}

.HowItWorksView__andThen___kHqGn {
  left: -20%;
  position: absolute;
  top: -60px;
  width: 30vw;
}

@media (min-width: 600px) {

.HowItWorksView__andThen___kHqGn {
    left: -25%
}
  }

@media (min-width: 900px) {

.HowItWorksView__andThen___kHqGn {
    left: -50%;
    top: calc(-200px + 15vw)
}
  }

@media (min-width: 1200px) {

.HowItWorksView__andThen___kHqGn {
    left: -15vw;
    top: 10px
}
  }

.HowItWorksView__butWait___MJA59 {
  position: absolute;
  right: 0;
  top: -60px;
  width: 50vw;
}

@media (min-width: 600px) {

.HowItWorksView__butWait___MJA59 {
    right: calc(-50px - 4vw)
}
  }

@media (min-width: 900px) {

.HowItWorksView__butWait___MJA59 {
    right: calc(-150px - 7vw)
}
  }

@media (min-width: 1200px) {

.HowItWorksView__butWait___MJA59 {
    right: calc(-100px - 15vw)
}
  }

.LogoLockup__logoMark___2823A {
  margin-left: -5px;
}

.LogoLockup__wordMark___2HXA5 {
  padding-left: 6px;
  padding-right: 16px;
}

.LogoLockup__plus___LZLIw {
  height: 12px;
  width: 12px;
  display: flex;
  color: #ffffff;
  font-size: 24px;
  position: relative;
  top: 4px;
  align-self: flex-start;
}

.LogoLockup__plus___LZLIw::before {
  content: '+';
}

.LogoLockup__logo___2gN6D path {
  fill: #ffffff;
}

/* This sizing makes the plus sign equidistant from both logos,
it accounts for some whitespace on the scroll logo */
.LogoLockup__logo___2gN6D {
  padding-left: calc(16px + 2px);
  height: 24px;
  width: initial;
}

/*
 * local and global z-index values to create stacking contexts.
 * Based on: https://hackernoon.com/my-approach-to-using-z-index-eca67feb079c
 *
 * REMINDER: any element using z-index must be positioned!
 *
 * "stacking contexts are generated by any positioned element (including
 * relatively positioned elements) having a computed value of ‘z-index’ other
 * than ‘auto’"
 */

/* local */

/* global */

.CustomPaymentModal__modal___3TxL4 h2 {
    color: #33e2d1;
    position: absolute;
    left: 16px;
    top: 54px;
    font-size: 21px;
    line-height: 1.1;
  }

@media (min-width: 600px) {

.CustomPaymentModal__modal___3TxL4 h2 {
      color: #1a1c1c;
      font-family: 'Source Sans Pro', sans-serif !important;
      font-size: 36px;
      font-weight: 300 !important;
      text-align: left;
      position: relative;
      top: unset;
      left: unset;
      padding-top: 8px
  }
    }

@media (min-width: 900px) {

.CustomPaymentModal__modal___3TxL4 h2 {
      font-size: 48px
  }
    }

@media (min-width: 1200px) {

.CustomPaymentModal__modal___3TxL4 h2 {
      padding-right: 32px
  }
    }

@media (min-width: 600px) {

.CustomPaymentModal__modal___3TxL4 [class*='Modal__header'] {
      min-height: unset;
      margin-bottom: calc(-1 * 16px);
      padding-top: 16px;
      padding-left: 32px;
      padding-right: 32px
  }
    }

@media (min-width: 600px) {

.CustomPaymentModal__modal___3TxL4 [class*='Modal__modal'] {
      align-items: flex-end;
      justify-content: flex-start;
      left: 50%;

      /* won't compile without calc even though this is valid css */
      margin-left: calc(max(-720px, -50vw));
      margin-top: 88px;

      /* ensure terms and conditions will scroll into view */
      height: calc(100% - 88px);

      /* from container */
      padding-left: 32px;
      padding-right: 32px;
      max-width: 1440px;
      flex-shrink: 0;
      flex-grow: 1
  }
    }

@media (min-width: 900px) {

.CustomPaymentModal__modal___3TxL4 [class*='Modal__modal'] {
      padding-left: 64px;
      padding-right: 64px
  }
    }

.CustomPaymentModal__modal___3TxL4 [class*='Modal__close'] {
    left: unset;
    right: 20px;
    top: 18px;
    z-index: 1;
  }

.CustomPaymentModal__modal___3TxL4 [class*='Modal__close'] use {
    fill: #1a1c1c;
  }

.CustomPaymentModal__modal___3TxL4 [class*='Modal__close'] g > g {
    display: none;
  }

.CustomPaymentModal__modal___3TxL4 [class*='Modal__content'] {
    background-color: #010c55;
  }

@media (min-width: 600px) {

.CustomPaymentModal__modal___3TxL4 [class*='Modal__content'] {
      background-color: #33e2d1;
      width: unset;
      border: unset;
      border-radius: 0 30px 150px 30px;
      flex-grow: 0;
      flex-shrink: 0;
      max-width: calc(50% - 8px)
  }
    }

@media (min-width: 900px) {

.CustomPaymentModal__modal___3TxL4 [class*='Modal__content'] {
      max-width: calc(50% - 16px)
  }
    }

@media (min-width: 600px) {

.CustomPaymentModal__modal___3TxL4 [class*='Modal__background'] {
      position: fixed;
      background-color: rgba(2, 6, 46, 0.4)
  }
    }

.CustomPaymentModal__modalOpening___3x7dH [class*='Modal__modal'] {
    -webkit-animation: CustomPaymentModal__appear___t_oCb 0.3s ease-in-out 0s 1;
            animation: CustomPaymentModal__appear___t_oCb 0.3s ease-in-out 0s 1;
  }

@-webkit-keyframes CustomPaymentModal__appear___t_oCb {
      0% {
        top: 100%;
      }
      100% {
        top: 0;
      }
    }

@keyframes CustomPaymentModal__appear___t_oCb {
      0% {
        top: 100%;
      }
      100% {
        top: 0;
      }
    }

.CustomPaymentModal__modalClosing___2qCaI [class*='Modal__modal'] {
    transition: top 0.3s ease-in-out 0s;
    top: 100%;
  }

@media (max-width: 599px) {

.CustomPaymentModal__form___1woDO p {
      color: #ffffff !important;
      padding-left: 3px
  }
    }

@media (min-width: 600px) {

.CustomPaymentModal__form___1woDO p {
      color: #1a1c1c !important
  }
    }

.CustomPaymentModal__form___1woDO p[class*='error'] {
      background-color: #ffe9eb;
      color: #a40010 !important;
      margin-top: 8px;
      padding: 4px 16px 4px 16px;
      border-radius: 22.5px;
    }

.CustomPaymentModal__form___1woDO a {
    color: #ffffff;
    text-decoration: underline;
  }

@media (min-width: 600px) {

.CustomPaymentModal__form___1woDO a {
      color: #1a1c1c
  }
    }

.CustomPaymentModal__form___1woDO label div {
    background-color: #ffffff;
  }

.CustomPaymentModal__form___1woDO label [class*='input'] {
    height: 46px;
    padding-top: 12px;
    border-radius: 22.5px 0 22.5px 22.5px;
  }

@media (max-width: 599px) {

.CustomPaymentModal__form___1woDO label [class*='input'] {
      box-shadow: 0 0 0 1px #07106a
  }
    }

/* target only our native input, not the stripe ones */

.CustomPaymentModal__form___1woDO label input[class*='input'] {
    padding-top: 0;
  }

.CustomPaymentModal__form___1woDO [class*='space__stack-l'] {
    margin-bottom: 16px;
  }

.CustomPaymentModal__text___1KxII {
  color: #ffffff;
}

@media (min-width: 600px) {

.CustomPaymentModal__text___1KxII {
    color: #1a1c1c
}
  }

.CustomPaymentModal__button___2hTst {
  background: #33e2d1;
  color: #1a1c1c;
  border-radius: 22.5px 22.5px 22.5px 0;
  height: 44px;
  width: 100%;
  text-transform: none;
  font-size: 16px;
}

.CustomPaymentModal__button___2hTst:hover,
  .CustomPaymentModal__button___2hTst:focus-visible {
    background: #39403f;
    color: #ffffff;
  }

@media (min-width: 600px) {

.CustomPaymentModal__button___2hTst {
    align-self: flex-start;
    background: #1a1c1c;
    color: #ffffff;
    width: initial
}
  }

[class*='CustomPaymentModal__form'] [class*='space__stack-xl'] {
  margin-bottom: 40px;
}

.CustomPaymentModal__terms___3xWvW {
  max-width: 370px;
}



/* Breakpoints from: */

/* https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862 */

/* Some custom breakpoints: */

/* Phones larger than an iPhone 6 (667 pixels) */

.chrome__chrome___22_PO {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}

.chrome__titlebar___onBLM {
  padding-top: 52px;
}

@media (min-width: 600px) {

.chrome__titlebar___onBLM {
    padding-top: 72px
}
  }

.chrome__titlebar___onBLM > * {
    width: 100%;
  }

.chrome__sideNav___YZ4lu {
  max-width: 1200px;
  padding-left: 64px;
}

@media (min-width: 900px) {

.chrome__sideNav___YZ4lu {
    padding-left: 240px
}
  }

.LandingPage__overscroll___eg4SI {
  background-color: #010c55;
}

.LandingPage__bodyWhite___2Neoi {
  background-color: #ffffff;
}

.LandingPage__card___1hh4- {
  background-color: #259AEB;
  border-radius: 0 30px 30px 30px;
}

@media (min-width: 1200px) {

.LandingPage__icon___5pkJg {
    margin-left: 8px
}
  }

/* we need different font weight / family combinations than are in styleguide */
.LandingPage__bold___3hz8O {
  font-weight: 700;
}

.LandingPage__normal___28U9p {
  font-weight: 400;
}

.LandingPage__linkDecoration___1t24n a {
  color: inherit;
  text-decoration: underline;
}

/* these widths are copied from .heading in LMLandingPage.css */
.LandingPage__paragraphMaxWidth___16v4M {
  max-width: 305px;
}
@media (min-width: 455px) {
.LandingPage__paragraphMaxWidth___16v4M {
    max-width: 390px
}
  }
@media (min-width: 600px) {
.LandingPage__paragraphMaxWidth___16v4M {
    max-width: 285px
}
  }
@media (min-width: 700px) {
.LandingPage__paragraphMaxWidth___16v4M {
    max-width: 305px
}
  }
@media (min-width: 1155px) {
.LandingPage__paragraphMaxWidth___16v4M {
    max-width: 411px
}
  }
@media (min-width: 1350px) {
.LandingPage__paragraphMaxWidth___16v4M {
    max-width: 485px
}
  }

.LandingPage__partnerButton___2L13n {
  color: #1a1c1c;
  border-radius: 100px;
  font-weight: 600;
}

.LandingPage__partnerButton___2L13n:hover,
  .LandingPage__partnerButton___2L13n:focus {
    color: #1a1c1c;
    text-decoration: none;
    background-color: #1cc4b4;
    border-color: #1cc4b4;
  }

/* STYLES TO ADJUST TITLEBAR */
.LandingPage__titlebar___3zs8v {
  /* need to make sure mobile menu covers mobile signup form */
  z-index: 3;
}

.LandingPage__titlebar___3zs8v > div,
.LandingPage__titlebar___3zs8v nav {
  background-color: #010c55 !important;
}

.LandingPage__titlebar___3zs8v nav li {
  text-align: center;
}

@media (min-width: 900px) {

.LandingPage__titlebar___3zs8v nav li {
    text-align: initial
}
  }

.LandingPage__notificationSpacer___3G3im {
  height: 52px;
}

@media (min-width: 600px) {

.LandingPage__notificationSpacer___3G3im {
    height: 72px
}
  }

.LandingPage__activeLink___sw3fl {
  border-bottom: 2px solid #33e2d1;
}

.LandingPage__loginButton___1axm- {
  padding: 6px 10px;
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  border: none;
  text-transform: none;
  font-weight: 600;
  display: inline;
}

.LandingPage__loginButton___1axm-:hover,
  .LandingPage__loginButton___1axm-:focus {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
  }

/* this opacity transition sometimes causes a flicker in chrome */

.LandingPage__loginButton___1axm-::after {
    transition: none;
  }

/* STYLES TO ADJUST FOOTER */
.LandingPage__footer___1Qg4w > div {
  background-color: #1A279F !important;
}

/* disabling to preserve sorting of titlebar vs footer declarations */
/* stylelint-disable-next-line no-descending-specificity */
.LandingPage__footer___1Qg4w li,
.LandingPage__footer___1Qg4w p {
  color: #ffffff !important;
}

.LandingPage__footer___1Qg4w li g,
.LandingPage__footer___1Qg4w li path {
  opacity: 1;
}

/* TODO(kaylee) we should someday make an SVG with a dark border and adjust color */

.SilentVideo__container___2WKOC {
  position: relative;
}

.SilentVideo__button___BVUVd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.SilentVideo__innerButton___2bgHI {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.SilentVideo__icon___32RQq {
  display: none;
  width: 30%;
}

.SilentVideo__icon___32RQq path {
    fill: #1cc4b4;
  }

/* fill on firefox */

.SilentVideo__icon___32RQq use {
    fill: #1cc4b4;
  }

.SilentVideo__button___BVUVd:focus .SilentVideo__icon___32RQq,
.SilentVideo__button___BVUVd:hover .SilentVideo__icon___32RQq,
.SilentVideo__button___BVUVd.SilentVideo__paused___vSTTT .SilentVideo__icon___32RQq {
  display: block;
}

/* prevent pause button hanging around on touch devices while playing after pausing */
@media (hover: none) {
  .SilentVideo__button___BVUVd:hover:not(.SilentVideo__paused___vSTTT) .SilentVideo__icon___32RQq {
    display: none;
  }
}

/* If you need to change size of images or container, edit these values ONLY */

.PartnerLogoAnimation__outerDiv___31gTI {
  overflow-x: hidden;
  position: relative;
  width: 100%;
  height: calc(68px * 0.7 * 4);
}

@media (min-width: 900px) {

.PartnerLogoAnimation__outerDiv___31gTI {
    height: calc(68px * 4)
}
  }

.PartnerLogoAnimation__outerDiv___31gTI.PartnerLogoAnimation__reducedMotion___1a9YW {
    overflow-x: scroll;
    overflow-y: hidden;
  }

.PartnerLogoAnimation__outerDiv___31gTI.PartnerLogoAnimation__reducedMotion___1a9YW::-webkit-scrollbar {
      -webkit-appearance: none;
    }

.PartnerLogoAnimation__outerDiv___31gTI.PartnerLogoAnimation__reducedMotion___1a9YW::-webkit-scrollbar-thumb {
      border-radius: 8px;
      border: 2px solid #ffffff;
      background-color: rgba(0, 0, 0, 0.5);
    }

.PartnerLogoAnimation__outerDiv___31gTI.PartnerLogoAnimation__reducedMotion___1a9YW::-webkit-scrollbar:horizontal {
      height: 11px;
    }

.PartnerLogoAnimation__outerDiv___31gTI:not(.PartnerLogoAnimation__reducedMotion___1a9YW)::before {
      content: '';
      display: block;
      height: 100%;
      box-shadow: 0 0 40px 50px #ffffff;
      position: absolute;
      z-index: 1;
    }

.PartnerLogoAnimation__outerDiv___31gTI:not(.PartnerLogoAnimation__reducedMotion___1a9YW)::after {
      content: '';
      display: block;
      height: 100%;
      box-shadow: 0 0 40px 50px #ffffff;
      position: absolute;
      right: 0;
      z-index: 1;
    }

.PartnerLogoAnimation__animateLeftToRight___2XARU {
  -webkit-animation: PartnerLogoAnimation__leftToRightMobile___9cUU_ 60s linear infinite;
          animation: PartnerLogoAnimation__leftToRightMobile___9cUU_ 60s linear infinite;
}

@media (min-width: 900px) {

.PartnerLogoAnimation__animateLeftToRight___2XARU {
    -webkit-animation: PartnerLogoAnimation__leftToRightDesktop___3vbeK 60s linear infinite;
            animation: PartnerLogoAnimation__leftToRightDesktop___3vbeK 60s linear infinite
}
  }

.PartnerLogoAnimation__animateRightToLeft___yJGtq {
  -webkit-animation: PartnerLogoAnimation__rightToLeftMobile___MfhRF 60s linear infinite;
          animation: PartnerLogoAnimation__rightToLeftMobile___MfhRF 60s linear infinite;
}

@media (min-width: 900px) {

.PartnerLogoAnimation__animateRightToLeft___yJGtq {
    -webkit-animation: PartnerLogoAnimation__rightToLeftDesktop___2f-Rj 60s linear infinite;
            animation: PartnerLogoAnimation__rightToLeftDesktop___2f-Rj 60s linear infinite
}
  }

.PartnerLogoAnimation__reducedMotion___1a9YW .PartnerLogoAnimation__maybeDisplayNone___1Bmrz {
    display: none;
  }

.PartnerLogoAnimation__reducedMotion___1a9YW .PartnerLogoAnimation__animateLeftToRight___2XARU {
    -webkit-animation: none;
            animation: none;
  }

.PartnerLogoAnimation__reducedMotion___1a9YW .PartnerLogoAnimation__animateRightToLeft___yJGtq {
    -webkit-animation: none;
            animation: none;
  }

.PartnerLogoAnimation__image___2I-U2 {
  -o-object-fit: contain;
     object-fit: contain;
  height: calc(68px * 0.7);
  width: calc(188px * 0.7);
  padding: 16px;
}

@media (min-width: 900px) {

.PartnerLogoAnimation__image___2I-U2 {
    height: 68px;
    width: 188px
}
  }

.PartnerLogoAnimation__logoContainer___3s4AK {
  position: absolute;

  /* theoretically this helps the animation feel smoother */
  transform: translate3d(0, 0, 0);
}

@-webkit-keyframes PartnerLogoAnimation__leftToRightMobile___9cUU_ {
  100% {
    transform: translateX(
      calc(-1 * var(--numPerRow) * 188px * 0.7)
    );
  }
}

@keyframes PartnerLogoAnimation__leftToRightMobile___9cUU_ {
  100% {
    transform: translateX(
      calc(-1 * var(--numPerRow) * 188px * 0.7)
    );
  }
}

@-webkit-keyframes PartnerLogoAnimation__leftToRightDesktop___3vbeK {
  100% {
    transform: translateX(calc(-1 * var(--numPerRow) * 188px));
  }
}

@keyframes PartnerLogoAnimation__leftToRightDesktop___3vbeK {
  100% {
    transform: translateX(calc(-1 * var(--numPerRow) * 188px));
  }
}

@-webkit-keyframes PartnerLogoAnimation__rightToLeftMobile___MfhRF {
  0% {
    transform: translateX(
      calc(-1 * var(--numPerRow) * 188px * 0.7)
    );
  }
}

@keyframes PartnerLogoAnimation__rightToLeftMobile___MfhRF {
  0% {
    transform: translateX(
      calc(-1 * var(--numPerRow) * 188px * 0.7)
    );
  }
}

@-webkit-keyframes PartnerLogoAnimation__rightToLeftDesktop___2f-Rj {
  0% {
    transform: translateX(calc(-1 * var(--numPerRow) * 188px));
  }
}

@keyframes PartnerLogoAnimation__rightToLeftDesktop___2f-Rj {
  0% {
    transform: translateX(calc(-1 * var(--numPerRow) * 188px));
  }
}

.ExpandHiddenSection__button___2bUXC {
  width: 100%;
}

.ExpandHiddenSection__icon___2kg4N path {
  fill: #06796e;
}

.ExpandHiddenSection__open___2y21h {
  transform: rotate(180deg);
}

.MyMembershipView__imageContainer___3sTYX {
  border-radius: 6px;
  border: solid 1px #e1e6e5;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.MyMembershipView__chartImage___3QVfP {
  max-width: 700px;
}

.McClatchyLogoGrid__logoBox___2--ch {
  width: 50%;
}

@media (min-width: 600px) {

.McClatchyLogoGrid__logoBox___2--ch {
    width: 25%
}
  }

.McClatchyLandingPage__card___2k9FC {
  background-color: #ffffff;
  border-radius: 8px;
}

.McClatchyLandingPage__container___2OM0W {
  min-height: 100vh;
}

.McClatchyLandingPage__container___2OM0W > div {
    min-height: 100vh;
  }

.McClatchyLandingPage__underline___2yxRv {
  text-decoration: underline;
}

.McClatchyLandingPage__banner___1MZwj {
  background-color: #33e2d1;
}

.McClatchyLandingPage__banner___1MZwj svg path {
    fill: #39403f;
  }

.McClatchyLandingPage__bannerRow___JR7RT {
  width: auto;
}

.McClatchyLandingPage__paragraph___3RKyy {
  font-weight: 400;
}

.McClatchyLandingPage__icon___1ymwZ {
  height: 84px;
  margin-bottom: 16px;
}

.PartnerProgramSignupView__background___duU-a {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
}

@media (min-width: 900px) {

.PartnerProgramSignupView__background___duU-a {
    left: 15%
}
  }

.PartnerProgramSignupView__backgroundImage___3SPFJ {
  width: 100%;
  min-width: 460px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.PartnerRedirectView__svg___MFwm- {
  width: 100%;
}

  .PartnerRedirectView__svg___MFwm- svg {
    size: auto;
  }

/* This is meant to match the styling in server/src/main/resources/user/assets/style.css */

.PrivacyPolicyView__privacyPolicy___3NC7D {
  width: 100%;
  max-width: 900px;
}

.PrivacyPolicyView__menu___107h1 {
  padding: 0 48px;
}

.CobrandBadge__logo___d6Xst {
  width: auto;
}

.CobrandBadge__insiderLogo___2PWIq {
  width: auto;
}

.CobrandBadge__insiderLogo___2PWIq path {
    fill: black;
  }

.SettingsSection__header___3h2nq {
  height: 47px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #e1e6e5;
  text-transform: uppercase;
  padding-left: 16px;
}

.SettingsSection__content___3eqKS {
  padding-left: 16px;
  padding-right: 16px;
}

.SettingsToggle__flexColumn___2Yvym {
  flex: 1;
}

.BillingItem__dollarAmount____DN0_ {
  min-width: 50px;
}

.SubscriptionOffer__strikethrough___3jjgT {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}

@media (min-width: 600px) {

.SettingsNav__menu___2p-Qz {
    max-width: 247px
}
  }

.SettingsNav__options___1H9Uy {
  border-width: 0;
  border-color: #e1e6e5;
  border-style: solid;
}

@media (min-width: 600px) {

.SettingsNav__options___1H9Uy {
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px
}
  }

.SettingsNav__item___1Iaph {
  border-bottom: 1px solid #e1e6e5;
}

.SettingsNav__header___3gJeg {
}

@media (max-width: 599px) {

.SettingsNav__header___3gJeg {
    display: none
}
  }

.SettingsNav__label___2QQVO {
  margin-right: auto;
}

.SettingsNav__active___28wX2 .SettingsNav__item___1Iaph {
    background-color: #00f1da;
  }

.SettingsNav__active___28wX2 .SettingsNav__label___2QQVO {
    color: #1a1c1c;
  }

.SettingsNav__active___28wX2 svg g {
      fill: #39403f;
    }

.SettingsNav__active___28wX2 svg path {
      stroke: #39403f;
    }

.SettingsNav__logOut___3Rk7P:hover {
    text-decoration: underline;
  }

@media (max-width: 599px) {

.SettingsView__container___1X6Ye {
    padding-left: 0;
    padding-right: 0
}
  }

.SettingsView__grid___2rBAK {
  position: relative;
}

@media (max-width: 599px) {

.SettingsView__nav___1LSuQ.SettingsView__hidden___9xAHA {
    display: none
}
  }

.SettingsView__view___3drOM {
  background-color: #ffffff;

  /* Get momentum scrolling on iOS. */
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 600px) {

.SettingsView__view___3drOM {
    position: relative
}
  }

.SetupDesktopBrowser__arrowContainer___1NZs- {
  position: relative;
  max-width: 320px;
}

.SetupDesktopBrowser__arrow___d1Ab0 {
  width: 34px;
  position: absolute;
}

.SetupDesktopBrowser__rightArrow___1NiMW {
  bottom: 50%;
  left: 100%;
}

.SetupDesktopBrowser__leftArrow___3rAZx {
  top: 60%;
  right: calc(100% - 8px);
}

.SetupChrome__appIcon___2_GTg {
  width: 84px;
}

.SetupFacebook__codeInput___QNCrr {
  text-align: center;
  text-transform: uppercase;
  width: 308px;
}

.SetupView__background___2H14n {
  background-color: #f5f5f5;
}

.SetupView__logoBackground___38cmO {
  background-image: url(https://scroll-static.imgix.net/image/scroll-logo-giant-outline-7ade7d9afab77d6dc895834f4d2e4be4.png);
  background-position: center;
  background-size: cover;
}

.SetupView__browserImage___1eQIr {
  max-height: 282px;
}

.SubscribeView__noWrap___LjY9J {
  overflow-wrap: normal;
}

@media (min-width: 600px) {

.TeamMember__line___2VwTn {
    height: 1px;
    width: 100%;
    background-color: #e1e6e5
}
  }

.TermsOfService__container___3lCQs *:not(:last-child) {
  margin-bottom: 16px;
}

.TermsOfService__container___3lCQs h2 {
  margin-top: 32px;
}

.YourMoneyView__border___rMRA2 {
  border: 1px solid #bfc7c6;
  border-radius: 12px;
}

.YourMoneyView__logoBackground___2UpeL {
  background-image: url(https://scroll-static.imgix.net/image/scroll-logo-giant-9aa46ad71b7827ea36aac32e5b29af85.png);
  background-position: center;
  background-size: cover;
}

@media (min-width: 600px) {

.YourMoneyView__logoBackground___2UpeL h1 {
    font-size: 30px
}
  }

.YourMoneyView__twitter___Gpa9v path {
  stroke: #1cc4b4;
}

.LimitedArticlesTip__reference___XFp6P {
  position: relative;
}

.LimitedArticlesTip__linktext___3Wuk2 a {
  color: #39403f;
  margin-left: 3px;
  -webkit-text-decoration: underline dotted #5c6665;
          text-decoration: underline dotted #5c6665;
}

.LimitedArticlesTip__linktext___3Wuk2 a:hover {
    text-decoration: none;
  }

/* Only show tooltips when the primary input supports hover
see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover */
@media (hover: none) {
  .LimitedArticlesTip__tooltip___2TYoQ {
    display: none;
  }
}

.LimitedArticlesTip__tooltip___2TYoQ {
  position: absolute;
  left: 120px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  max-width: 300px;
  border-radius: 4px;
  background-color: #39403f;
}

/* the triangle arrow */
.LimitedArticlesTip__tooltip___2TYoQ::after {
  width: 0;
  height: 0;
  display: block;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  left: -10px;
  position: absolute;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #39403f;
}

.SiteProfile__container___13WaR {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 600px) {

.SiteProfile__container___13WaR {
    padding-left: 32px;
    padding-right: 32px
}
  }

.SiteProfile__background___15i3m {
  background: #f5f5f5;
}

.SiteProfile__logo___3TIJ5 {
  max-width: 206px;
  width: 100%;
}

.SiteProfile__header___39rAy {
  width: 100%;
}

@media (min-width: 600px) {

.SiteProfile__header___39rAy {
    flex-grow: 1;
    width: auto
}
  }

.SiteProfile__name___1-p1k {
  width: 100%;
}

.SiteProfile__description___3X7gU {
  /* copied from baseStyle=caption
     TODO(juno) postcss mixins for easier overriding */
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
  font-size: 16px;
  width: 100%;
}

.SiteProfile__visitButton___x1wcA {
  white-space: nowrap;
}

.Logo__tag___1UKsP {
  position: absolute;
  top: 5px;
  right: 5px;
  text-transform: uppercase;

  /* copied from baseStyle=caption
     TODO(juno) postcss mixins for easier overriding */
  font-family: 'Source Sans Pro', sans-serif;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1c1c;
  font-weight: 600;
  font-size: 12px;
  padding: 1px 4px;
  border-radius: 3px;
}

.Logo__newTag___177IY {
  /* NOTE(dbow): a3Light at 45% */
  background-color: rgba(255, 225, 89, 0.45);
  color: #564601;
}

.Logo__dealTag___3Osru {
  /* NOTE(dbow): scrollGreen at 15% */
  background-color: rgba(51, 226, 209, 0.15);
  color: #024f47;
}

.Logo__container___1cF91 {
  position: relative;
}

.Logo__card___2mdVq {
  border-radius: 8px;
  border: 1px solid #d5dedd;
  background-color: #ffffff;
}

.Logo__masthead___1IwuR {
  padding: 21% 15%;
}

.Logo__icon___3RQSM {
  padding: 13%;
}

.Logo__icon___3RQSM .Logo__column___1xjlT {
  /* NOTE(dbow): default grid gutter size gets excessive on desktop for these
   * relatively fixed elements */
  padding: 16px;
}

.Logo__iconFix___2-b0M {
  /**
   * For safari, we need to override the nested flex layout.
   * This also works in Chrome, Firefox, Edge.
   * See https://app.clubhouse.io/scroll/story/5984
   */
  display: block;
}

.LoadingTextPlaceholder__placeholder___1ZPjp {
  display: inline-block;
  height: 1em;
  background: #e1e6e5;
  border-radius: 4px;
  -webkit-animation: LoadingTextPlaceholder__pulse___25y-G 1.6s ease-in-out infinite;
          animation: LoadingTextPlaceholder__pulse___25y-G 1.6s ease-in-out infinite;
}

@-webkit-keyframes LoadingTextPlaceholder__pulse___25y-G {
    0% {
      background-color: rgba(191, 199, 198, 0.25);
    }

    50% {
      background-color: rgba(191, 199, 198, 0.5);
    }

    100% {
      background-color: rgba(191, 199, 198, 0.25);
    }
  }

@keyframes LoadingTextPlaceholder__pulse___25y-G {
    0% {
      background-color: rgba(191, 199, 198, 0.25);
    }

    50% {
      background-color: rgba(191, 199, 198, 0.5);
    }

    100% {
      background-color: rgba(191, 199, 198, 0.25);
    }
  }

.NoArticlesPlaceholder__grayBg___20BGM {
  background-color: #f5f5f5;
}

.SiteProfileView__allSites___JAOzY {
  position: relative;
}

@media (min-width: 1200px) {

.SiteProfileView__allSitesLink___2RDnj {
    position: absolute;
    left: 32px;
    top: 32px;
    padding-top: 8px
}
  }

@media (min-width: 1800px) {

.SiteProfileView__allSitesLink___2RDnj {
    left: 64px
}
  }

.LogoGrid__tab___2KBzN {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: transparent;

  /* copied from baseStyle=caption
     TODO(juno) postcss mixins for easier overriding */
  font-family: 'Source Sans Pro', sans-serif;
  line-height: normal;
  letter-spacing: normal;
  font-size: 16px;
}

.LogoGrid__tab___2KBzN a {
  color: #1a1c1c;
}

.LogoGrid__selectedTab___2gbi8 {
  border-bottom-color: #33e2d1;
  font-weight: bold;
}

.LogoGrid__selectedTab___2gbi8 a:hover {
    text-decoration: none;
  }

.LogoGrid__grid___3QoG6 {
  border-top: 1px solid #e1e6e5;
}

.LogoGrid__maxWidth___2rv6i {
  /** max width of the below desktop breakpoint */
  max-width: 1199px;
  margin-left: auto;
  margin-right: auto;
}

.LogoGrid__logo___3FXez {
  position: relative;
}

.LogoGrid__dealDescription___3zZOb {
  position: absolute;
  left: 0;
  bottom: calc(-1 * 16px - 4px);
  width: 100%;
}

@media (max-width: 599px) {

.LogoGrid__dealDescription___3zZOb {
    font-size: 8px
}
  }

.LogoGrid__sitelink___98Ie8 {
  display: block;
  transition: box-shadow 0.3s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}

.LogoGrid__sitelink___98Ie8:hover {
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.13);
    border: 1px solid gray3;
  }

.SitesListView__description___3sUr9 {
  /* copied from baseStyle=caption
     TODO(juno) postcss mixins for easier overriding */
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing: normal;
  line-height: 26px;
  font-size: 18px;
}

.GalleryModal__modal___xT6BY {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}

.GalleryModal__background___j2wL7 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

@media (min-width: 600px) {

.GalleryModal__background___j2wL7 {
    background-color: rgba(255, 255, 255, 0.8)
}
  }

.GalleryModal__darkBackground___7T62B {
  background-color: rgba(0, 0, 0, 0.45);
}

/**
 * "container" encompasses the content as well as the
 * navigation arrows positioned to its left and right.
 */
.GalleryModal__container___1FuuQ {
  position: relative;
}
@media (min-width: 600px) {
.GalleryModal__container___1FuuQ {
    box-shadow: 0 2px 12px 0 rgba(26, 28, 28, 0.12);
    width: auto;
    max-width: 900px;
    height: 95%
}
  }

.GalleryModal__content___27tDQ {
  border-radius: 8px;
  background-color: #ffffff;
  overflow: auto;
  width: 100%;
  height: 100%;
}

.GalleryModal__bodyNoScroll___2fMLe {
  overflow: hidden;
}

.GalleryModal__dialog___1X2ZX {
  border: none;
  background: transparent;
}

.GalleryModal__noFocus___2Qxes:focus {
  outline: none;
}

.GalleryModal__iconButton___RI8eH {
  background: transparent;
  position: absolute;
  border: 0;
  cursor: pointer;
}

.GalleryModal__iconButton___RI8eH path {
    fill: #ffffff;
  }

.GalleryModal__iconButton___RI8eH.GalleryModal__close___2CCuW {
    /** position relative to viewport */
    right: 8px;
    top: 18px;
  }

.GalleryModal__iconButton___RI8eH.GalleryModal__previous___5YRSs {
    padding: 16px;

    /** position relative to content */
    left: -64px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
  }

.GalleryModal__iconButton___RI8eH.GalleryModal__next___w1KmR {
    padding: 16px;

    /** position relative to content */
    right: -64px;
    top: 50%;
    transform: translateY(-50%);
  }


/*# sourceMappingURL=styles-782767b19aee0c23f1f9-14.css.map*/