.component--2aljY {
    margin: 20px;
}

/* Private class to reset <button> element styles */
/* http://stackoverflow.com/questions/11605875/how-to-style-button-inputs-to-be-identical-in-chrome-and-firefox */
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
img {
    max-width: 100%;
}
a img {
    border: none;
}
figure {
    margin: 0;
}
h1, h2, h3, h4 {
    font-weight: 600;
}
.app {
        min-height: 100vh;
        position: relative;
        z-index: 1;
    }
body {
    color: #222;
    font: 16px/1.2 "Open Sans", sans-serif;
}
strong {
    font-weight: 600;
}
h1, h2, h3, h4 {
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
    line-height: 1.3;
    margin: 1em 0 .6em;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
h1 {
    font-size: 20px;
}
h2 {
    font-size: 18px;
}
h3 {
    font-size: 1.2em;
}
h4 {
    font-size: .8em;
}
a {
    color: #ff2e63;
}
li {
    margin: .2em 0;
}
p {
    line-height: 1.6;
}
input, textarea {
    font-family: "Open Sans", sans-serif;
}
/**
 * Spacing
 *
 * first letter = margin | padding
 * second letter = vertical | horizontal | left | right | top | bottom
 * third letter = small | medium | large
 * example: mrl = margin right large
 */
/* spacing */
/* mv* */
.mvm { margin-top: 10px; margin-bottom: 10px; }
.mvs { margin-top: 20px; margin-bottom: 20px; }
.mvl { margin-top: 30px; margin-bottom: 30px; }
/* mh* */
.mhm { margin-left: 10px; margin-right: 10px; }
.mhs { margin-left: 20px; margin-right: 20px; }
.mhl { margin-left: 30px; margin-right: 30px; }
/* ml* */
.mls { margin-left: 10px; }
.mlm { margin-left: 20px; }
.mll { margin-left: 30px; }
/* mr* */
.mrs { margin-right: 10px; }
.mrm { margin-right: 20px; }
.mrl { margin-right: 30px; }
/* mt* */
.mts { margin-top: 10px; }
.mtm { margin-top: 20px; }
.mtl { margin-top: 30px; }
/* mb* */
.mbs { margin-bottom: 10px; }
.mbm { margin-bottom: 20px; }
.mbl { margin-bottom: 30px; }
/* pv* */
.pvm { padding-top: 10px; padding-bottom: 10px; }
.pvs { padding-top: 20px; padding-bottom: 20px; }
.pvl { padding-top: 30px; padding-bottom: 30px; }
/* ph* */
.phm { padding-left: 10px; padding-right: 10px; }
.phs { padding-left: 20px; padding-right: 20px; }
.phl { padding-left: 30px; padding-right: 30px; }
/* pl* */
.pls { padding-left: 10px; }
.plm { padding-left: 20px; }
.pll { padding-left: 30px; }
/* pr* */
.prs { padding-right: 10px; }
.prm { padding-right: 20px; }
.prl { padding-right: 30px; }
/* pt* */
.pts { padding-top: 10px; }
.ptm { padding-top: 20px; }
.ptl { padding-top: 30px; }
/* pb* */
.pbs { padding-bottom: 10px; }
.pbm { padding-bottom: 20px; }
.pbl { padding-bottom: 30px; }
/**
    * Layout specific classes
    * Prefix of `l-` signifies a layout helper class
    */
.l-container {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto;
        max-width: 1200px;
    }
.l-container-xs {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto;
        max-width: 450px;
    }
.l-container-sm {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto;
        max-width: 650px;
    }
.l-grid {
        display: block;
    }
/* Grid does not have an effect on mobile */
@media (min-width: 768px) {
.l-grid {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
    }
        }
/* .l-grid-cell must be direct child of .l-grid */
.l-grid > .l-grid-cell {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        /* Needed to maintain equal column width */
        overflow: hidden;
        padding: 10px;
    }
.l-grid > .l-grid-cell--no-padding {
            padding: 0;
        }
.l-grid--noWrap {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
.l-grid--fill {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
.l-grid--center {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
.leftify { text-align: left; }
.no-wrap { white-space: nowrap; }

.narrowWidth--1Vr6t {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Private class to reset <button> element styles */
/* http://stackoverflow.com/questions/11605875/how-to-style-button-inputs-to-be-identical-in-chrome-and-firefox */
.component--2QFO_ {
    padding: 20px 0;
    display: grid;
    grid-gap: 0;
    grid-template-columns: auto -webkit-min-content -webkit-min-content;
    grid-template-columns: auto min-content min-content;
    grid-template-areas:
      "logo logo user"
      "menu menu menu";
}
@media (min-width: 768px) {
.component--2QFO_ {
        grid-template-areas:
            "logo menu user"
}
    }
.topOnMobile--1IKp_ {
    grid-template-areas:
        "logo menu user";
}
.topOnMobile--1IKp_ ul {
        margin: 0;
    }
.logo--1d42y {
    grid-area: logo;
}
.menu--3Jv0M {
    grid-area: menu;
}
.user--1xSYC {
    grid-area: user;
}

/* Private class to reset <button> element styles */
/* http://stackoverflow.com/questions/11605875/how-to-style-button-inputs-to-be-identical-in-chrome-and-firefox */
.component--MsadA {
    text-decoration: none;
}
.logoContainer--AZi3B {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (min-width: 768px) {
.logoContainer--AZi3B {
        margin: 0
}
    }
.defaultLogoImg--27z_j {
    width: 151px;
    height: 34px;
    margin-top: 4px;
    margin-bottom: -4px;
}
.businessLogoImg--3GtJx {
    width: 40px;
    height: 40px;    
    margin-top: 5px;
    margin-bottom: -5px;
}
.logoText--3qCfw {
    -ms-flex-item-align: center;
        align-self: center;
    color: #222;
    font-size: 16px;
    margin-left: 10px;
}
.component--dark--AieUu .logoText--3qCfw {
        color: #222;
    }
@media (min-width: 768px) {
.logoText--3qCfw {
        font-size: 18px
}
    }

/* Private class to reset <button> element styles */
/* http://stackoverflow.com/questions/11605875/how-to-style-button-inputs-to-be-identical-in-chrome-and-firefox */
.component--button--PUiR2 {

    border: 2px solid transparent;
    border-radius: calc(40px / 2);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    max-width: 100%;
    padding: 8px 40px;
    position: relative;
    text-align: center;
    text-selection: none;
}
.component--button--PUiR2:disabled {
        cursor: default;
    }
.component--button--PUiR2 {

    background-color: #38cd8b;
    text-decoration: none; /* Prevent anchor link underline */
}
.component--button-secondary--3NreX {
    background-color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #222;
    border-color: #ccc;
}
.component--button-secondary--3NreX:disabled {
        background-color: transparent;
        color: #ccc;
    }
.component--disabled--3erao {
    background-color: #b9b9b9;
}
.component--disabled--3erao:not(.component--button--PUiR2) {
        background: transparent;
    }

/* Private class to reset <button> element styles */
/* http://stackoverflow.com/questions/11605875/how-to-style-button-inputs-to-be-identical-in-chrome-and-firefox */
.nav--1FwkX {
    font: 1em/1.3 "Open Sans", sans-serif;
    font-style: 600;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.navList--3xnXH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 25px 0 10px;
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style-type: none;
}
@media (min-width: 768px) {
.navList--3xnXH {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        margin: 0
}
    }

/* Private class to reset <button> element styles */
/* http://stackoverflow.com/questions/11605875/how-to-style-button-inputs-to-be-identical-in-chrome-and-firefox */
.navItem--SFDxq {
    list-style: none;
    line-height: 1.3em;
    margin: 0 1.3em;
}
.navItem--SFDxq:first-child {
        margin-left: 0;
    }
@media (min-width: 768px) {
        .navItem--SFDxq:first-child {
            margin-left: 1.3em;
        }
    }
.navLink--1nG38 {
    color: #ff2e63;
    font-weight: 600;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    text-shadow: none;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.navLink--1nG38:hover {
        border-bottom: 1px solid #ff2e63; 
        -webkit-box-shadow: 0px 1px 0px 0px #ff2e63; 
                box-shadow: 0px 1px 0px 0px #ff2e63;
    }
.linkSelected--3LcGv {
    border-bottom: 1px solid #ff2e63; 
    -webkit-box-shadow: 0px 1px 0px 0px #ff2e63; 
            box-shadow: 0px 1px 0px 0px #ff2e63;
}
.demo--3PVbJ {
    color: #222;
    font-weight: 600;
}
.navLinkBordered--3IcmA {
    border-color: #ff2e63;
    border-width: 1px;
    border-style: solid;
    padding: 6px 20px;
    border-radius: 4px;
    margin-right: 0;
    margin-left: 0;
}
.navLinkBordered--3IcmA:hover {
        border-width: 1px;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
@media (min-width: 768px) {
.navLinkBordered--3IcmA {
        margin-left: 1.3em
}
    }


/* Private class to reset <button> element styles */
/* http://stackoverflow.com/questions/11605875/how-to-style-button-inputs-to-be-identical-in-chrome-and-firefox */
.component--G0Pp0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #222;
    text-decoration: none;
    margin-right: 0;
    margin-left: 1.3em;
}
@media (min-width: 768px) {
.component--G0Pp0 {
        margin-left: 0
}
    }
.displayName--3C2DK {
    display: none;
    white-space: nowrap;
}
@media (min-width: 768px) {
.displayName--3C2DK {
        display: block;
        margin: 0 10px 0 1.3em
}
    }
.displayNameSelected--25HtB{
    font-weight: 600;
}

/* Private class to reset <button> element styles */
/* http://stackoverflow.com/questions/11605875/how-to-style-button-inputs-to-be-identical-in-chrome-and-firefox */
.component--2MszE {
    --avatarSize: 152px;
    height: var(--avatarSize);
    width: var(--avatarSize);
    border-radius: 50%;
    overflow: hidden;
}
.component--small--20flS {
    --avatarSize: 32px;
}
.avatarImage--3FFCn {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: initial;
}

.component--fF0jp {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: sub;
}
.spinner--34Ecj {
  vertical-align: top;
}
.dot--3Veyr {
  -webkit-animation: spin-animation--1-h-M 1s infinite;
          animation: spin-animation--1-h-M 1s infinite;
  fill: #CBCBCB;
  r: 34.5;
  fill-opacity: .3;
}
.dot1--3iv5C {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  fill-opacity: .9;
}
.dot2--1H2rk {
  -webkit-animation-delay: .125s;
          animation-delay: .125s;
}
.dot3--3gHpA {
  -webkit-animation-delay: .25s;
          animation-delay: .25s;
}
.dot4--2_b5s {
  -webkit-animation-delay: .375s;
          animation-delay: .375s;
}
.dot5--1r1Vo {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}
.dot6--3Su9p {
  -webkit-animation-delay: .625s;
          animation-delay: .625s;
}
.dot7--YD6Cm {
  -webkit-animation-delay: .75s;
          animation-delay: .75s;
}
.dot8--2B7Xc {
  -webkit-animation-delay: .875s;
          animation-delay: .875s;
}
@-webkit-keyframes spin-animation--1-h-M {
  0%, 100% {
    fill-opacity: .3;
  }
  62.5% {
    fill-opacity: .3;
  }
  75% {
    fill-opacity: .9;
  }
  87.5% {
    fill-opacity: .65;
  }
}
@keyframes spin-animation--1-h-M {
  0%, 100% {
    fill-opacity: .3;
  }
  62.5% {
    fill-opacity: .3;
  }
  75% {
    fill-opacity: .9;
  }
  87.5% {
    fill-opacity: .65;
  }
}

.component--2KpK- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 210px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 50px;
  width: 100%;
}

.techDetails--1kZwz {
    font-size: 0.8em;
}
    .techDetails--1kZwz summary {
        cursor: pointer;
    }

.content--1pGsP {
    max-width: 800px;
    margin: 0 auto;
}