@font-face {
  font-family: "Source Sans Pro";
  src: url(/assets/sourcesanspro-regular-5a69fe6a91a173e74eef4f15affbdfc2781b95235bb875ad43e5059bb78c9e1f.woff2) format("woff2"), url(/assets/sourcesanspro-regular-1a292480ab44edac4dbe06ae03e9867264fc29d4fe4e0f1abfa78f6cdc2a83b6.woff) format("woff");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url(/assets/sourcesanspro-italic-ebc4349c27c64dd389f043b399d8a3c44d82f0134f712575e1daf4bbfeca43cb.woff2) format("woff2"), url(/assets/sourcesanspro-italic-e3ba5c0656dd6aa877039d11c38468ddd4cd4e78fbb7bc55ece6565fc91b1287.woff) format("woff");
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url(/assets/sourcesanspro-semibold-6b056196b1f33c7fb80437f95ba11e79d078d898595d80ed32c06cee6488c9ab.woff2) format("woff2"), url(/assets/sourcesanspro-semibold-c93cf21770e661fcec6deca765f2bd9b5385ebcdeaeb82bc50fe3becca36eacc.woff) format("woff");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url(/assets/sourcesanspro-bold-9eb735818a13639a4e8eb0c09f61759137b0261be78abb68ada035fe13c35ddb.woff2) format("woff2"), url(/assets/sourcesanspro-bold-b49c647fe34099c40623461762ac61a98dc98620b992f601669782e1eb141756.woff) format("woff");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url(/assets/sourcesanspro-bolditalic-0bf66268afee4db892b936c73a3a256440601791df7f9b84ff479190d066526e.woff2) format("woff2"), url(/assets/sourcesanspro-bolditalic-3fa49076dc01048464ee9428d21e35286933e9c45a5cac294019f17f80dd8340.woff) format("woff");
  font-style: italic;
  font-weight: 700;
}

/* line 1, app/assets/stylesheets/generic/_base.scss */
*,
*:after,
*:before {
  box-sizing: border-box;
}

/* line 7, app/assets/stylesheets/generic/_base.scss */
html {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* line 12, app/assets/stylesheets/generic/_base.scss */
body {
  background: #0d629e;
  font: 400 15px/1 "Source Sans Pro", "Helvetica Neue", sans-serif;
  margin: 0;
  overflow-x: hidden;
}

/* line 19, app/assets/stylesheets/generic/_base.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

/* line 28, app/assets/stylesheets/generic/_base.scss */
ol,
ul {
  margin: 0;
}

/* line 33, app/assets/stylesheets/generic/_base.scss */
p {
  margin: 0;
}

/* line 37, app/assets/stylesheets/generic/_base.scss */
a {
  color: inherit;
  text-decoration: none;
}

/* line 42, app/assets/stylesheets/generic/_base.scss */
dd {
  margin: 0;
}

/* line 1, app/assets/stylesheets/elements/_bulletedList.scss */
.bulletedList {
  list-style: disc;
  padding-left: 17px;
}

/* line 6, app/assets/stylesheets/elements/_bulletedList.scss */
.bulletedList__item {
  color: #0d629e;
  line-height: 25px;
}

/* line 11, app/assets/stylesheets/elements/_bulletedList.scss */
.bulletedList__inner {
  color: #303030;
}

@media (max-width: 699px) {
  /* line 16, app/assets/stylesheets/elements/_bulletedList.scss */
  .bulletedList {
    list-style: none;
    padding: 0;
  }
  /* line 21, app/assets/stylesheets/elements/_bulletedList.scss */
  .bulletedList__item {
    margin-top: 6px;
  }
}

@media (min-width: 700px) {
  /* line 27, app/assets/stylesheets/elements/_bulletedList.scss */
  .bulletedList__item + .bulletedList__item {
    margin: 6px 0 0;
  }
}

@media (max-width: 701px) and (min-width: 768px) {
  /* line 33, app/assets/stylesheets/elements/_bulletedList.scss */
  .bulletedList__item {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 1, app/assets/stylesheets/elements/_button.scss */
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 13px;
  padding: 11px 21px;
  text-transform: uppercase;
}

/* line 17, app/assets/stylesheets/elements/_button.scss */
.button--blue {
  background: #1b8dcc;
}

/* line 20, app/assets/stylesheets/elements/_button.scss */
.button--blue:hover {
  background: #1f9ce1;
}

/* line 24, app/assets/stylesheets/elements/_button.scss */
.button--blue:active {
  background: #187db5;
}

/* line 29, app/assets/stylesheets/elements/_button.scss */
.button--green {
  background: #8bba40;
}

/* line 32, app/assets/stylesheets/elements/_button.scss */
.button--green:hover {
  background: #97c351;
}

/* line 36, app/assets/stylesheets/elements/_button.scss */
.button--green:active {
  background: #7da739;
}

/* line 41, app/assets/stylesheets/elements/_button.scss */
.button--grey {
  background: #9e9e9e;
}

/* line 44, app/assets/stylesheets/elements/_button.scss */
.button--grey:hover {
  background: #ababab;
}

/* line 48, app/assets/stylesheets/elements/_button.scss */
.button--grey:active {
  background: #919191;
}

/* line 53, app/assets/stylesheets/elements/_button.scss */
.button--sandy {
  background: #cdccab;
}

/* line 56, app/assets/stylesheets/elements/_button.scss */
.button--sandy:hover {
  background: #d7d6bb;
}

/* line 60, app/assets/stylesheets/elements/_button.scss */
.button--sandy:active {
  background: #c3c29b;
}

/* line 65, app/assets/stylesheets/elements/_button.scss */
.button--white {
  color: #076cb4;
  background: #ffffff;
}

/* line 69, app/assets/stylesheets/elements/_button.scss */
.button--white:hover {
  background: #fafafa;
}

/* line 73, app/assets/stylesheets/elements/_button.scss */
.button--white:active {
  background: #f9f9f9;
}

/* line 78, app/assets/stylesheets/elements/_button.scss */
.button--small {
  padding: 7px 21px;
}

/* line 82, app/assets/stylesheets/elements/_button.scss */
.button--large {
  font-size: 17px;
  line-height: 17px;
  padding: 15px 30px;
}

/* line 88, app/assets/stylesheets/elements/_button.scss */
.button:disabled {
  background: #999999 !important;
  color: #f7f7f7 !important;
  cursor: not-allowed !important;
}

/* line 1, app/assets/stylesheets/elements/_container.scss */
.container {
  margin: 0 auto;
  max-width: 1030px;
  padding: 0 15px;
}

/* line 7, app/assets/stylesheets/elements/_container.scss */
.container--blog {
  max-width: 850px;
}

/* line 11, app/assets/stylesheets/elements/_container.scss */
.container--pricing {
  max-width: 1030px;
}

/* line 15, app/assets/stylesheets/elements/_container.scss */
.container--login {
  margin: 25px auto;
  max-width: 500px;
}

@media (min-width: 470px) {
  /* line 15, app/assets/stylesheets/elements/_container.scss */
  .container--login {
    margin: 45px auto;
  }
}

@media (min-width: 720px) {
  /* line 15, app/assets/stylesheets/elements/_container.scss */
  .container--login {
    margin: 95px auto;
  }
}

/* line 28, app/assets/stylesheets/elements/_container.scss */
.container--wide {
  max-width: 1120px;
}

@media (min-width: 940px) {
  /* line 33, app/assets/stylesheets/elements/_container.scss */
  .container {
    padding: 0 25px;
  }
}

/* line 1, app/assets/stylesheets/elements/_formInput.scss */
.formInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff top 50% right 12px no-repeat;
  border: 1px solid #c4d2dd;
  border-radius: 6px;
  display: block;
  font: inherit;
  font-size: 14px;
  line-height: 16px;
  padding: 10px 13px;
  width: 100%;
}

/* line 16, app/assets/stylesheets/elements/_formInput.scss */
.formInput.is-correct {
  background-image: url(/assets/tick-ecd7950b2b2c3d30aa33244dd2b93128e5fb1bdf67230e02223e84600acc6ed3.png);
}

/* line 20, app/assets/stylesheets/elements/_formInput.scss */
.formInput.is-incorrect {
  background-image: url(/assets/cross-ec773e0eb39ebce6f3f689efc5f271be4798d9c812c074bab769b1d5a134f010.png);
}

/* line 24, app/assets/stylesheets/elements/_formInput.scss */
.formInput:disabled {
  background-color: #f7f7f7;
  color: #8a8a8a;
  cursor: not-allowed;
}

/* line 30, app/assets/stylesheets/elements/_formInput.scss */
.formInput--inline {
  display: inline-block;
  line-height: 15px;
  padding: 9px 13px;
  width: auto;
}

/* line 1, app/assets/stylesheets/elements/_formLabel.scss */
.formLabel {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}

/* line 1, app/assets/stylesheets/elements/_layoutList.scss */
.layoutList {
  list-style: none;
  padding-left: 0;
}

/* line 1, app/assets/stylesheets/elements/_text.scss */
.text--underlined {
  text-decoration: underline;
}

/* line 5, app/assets/stylesheets/elements/_text.scss */
.text--blue {
  color: #1773a5;
}

/* line 9, app/assets/stylesheets/elements/_text.scss */
.text--bold {
  font-weight: 700;
}

@media (max-width: 665px) {
  /* line 2, app/assets/stylesheets/elements/_twoColumns.scss */
  .twoColumns__column {
    margin: 0 0 15px;
  }
}

@media (min-width: 666px) {
  /* line 8, app/assets/stylesheets/elements/_twoColumns.scss */
  .twoColumns {
    margin: 0 -8px 20px;
  }
  /* line 12, app/assets/stylesheets/elements/_twoColumns.scss */
  .twoColumns__column {
    float: left;
    padding: 0 8px;
    width: 50%;
  }
}

/* line 1, app/assets/stylesheets/components/_accountNotFound.scss */
.accountNotFound {
  background: #1b8dcc;
  border-bottom: 4px solid #8a8a8a;
  color: #ffffff;
}

/* line 7, app/assets/stylesheets/components/_accountNotFound.scss */
.accountNotFound__text {
  text-align: center;
  padding: 14px 0;
  line-height: 25px;
}

@media (min-width: 680px) {
  /* line 7, app/assets/stylesheets/components/_accountNotFound.scss */
  .accountNotFound__text {
    font-size: 18px;
    line-height: 28px;
  }
}

/* line 3, app/assets/stylesheets/components/_buttonedInput.scss */
.buttonedInput__button {
  font-size: 14px;
  line-height: 14px;
}

@media (max-width: 454px) {
  /* line 9, app/assets/stylesheets/components/_buttonedInput.scss */
  .buttonedInput__input {
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
  }
  /* line 14, app/assets/stylesheets/components/_buttonedInput.scss */
  .buttonedInput__button {
    display: block;
    border-radius: 0 0 6px 6px;
    width: 100%;
  }
}

@media (min-width: 455px) {
  /* line 22, app/assets/stylesheets/components/_buttonedInput.scss */
  .buttonedInput__input {
    float: left;
    width: calc(100% - 123px);
  }
  /* line 27, app/assets/stylesheets/components/_buttonedInput.scss */
  .buttonedInput__button {
    margin: 0 0 0 15px;
  }
}

/* line 1, app/assets/stylesheets/components/_completePage.scss */
.completePage {
  min-height: calc(100vh - 106px - 188px);
  text-align: center;
}

/* line 6, app/assets/stylesheets/components/_completePage.scss */
.completePage__button {
  margin: 12px 0 0;
}

/* line 1, app/assets/stylesheets/components/_contentRegion.scss */
.contentRegion {
  overflow: hidden;
}

/* line 4, app/assets/stylesheets/components/_contentRegion.scss */
.contentRegion:nth-of-type(even) {
  background: #fafafa;
}

/* line 1, app/assets/stylesheets/components/_ecoBanner.scss */
.eco-banner {
  background-color: #076cb4;
  padding: 16px 0;
}

/* line 6, app/assets/stylesheets/components/_ecoBanner.scss */
.eco-banner__container {
  align-items: center;
  display: flex;
  justify-content: center;
}

/* line 12, app/assets/stylesheets/components/_ecoBanner.scss */
.eco-banner__content {
  font-size: 14px;
  line-height: 1;
  margin-left: 12px;
  text-align: left;
}

/* line 19, app/assets/stylesheets/components/_ecoBanner.scss */
.eco-banner__icon {
  flex: 0 0 auto;
  height: 24px;
  width: 24px;
}

/* line 25, app/assets/stylesheets/components/_ecoBanner.scss */
.eco-banner__link {
  text-decoration: underline;
}

/* line 28, app/assets/stylesheets/components/_ecoBanner.scss */
.eco-banner__link:hover {
  text-decoration: none;
}

/* line 33, app/assets/stylesheets/components/_ecoBanner.scss */
.eco-banner__text {
  color: #ffffff;
}

@media (max-width: 600px) {
  /* line 38, app/assets/stylesheets/components/_ecoBanner.scss */
  .eco-banner__icon {
    height: 32px;
    width: 32px;
  }
  /* line 43, app/assets/stylesheets/components/_ecoBanner.scss */
  .eco-banner__text {
    display: block;
  }
  /* line 46, app/assets/stylesheets/components/_ecoBanner.scss */
  .eco-banner__text + .eco-banner__text {
    margin: 4px 0 0;
  }
}

/* line 1, app/assets/stylesheets/components/_feature.scss */
.feature {
  font-size: 15px;
}

/* line 5, app/assets/stylesheets/components/_feature.scss */
.feature__img {
  float: left;
  height: auto;
  display: block;
  margin: 10px 20px 0 0;
  width: 30px;
}

@media (min-width: 405px) {
  /* line 5, app/assets/stylesheets/components/_feature.scss */
  .feature__img {
    margin-right: 30px;
    width: 50px;
  }
}

/* line 18, app/assets/stylesheets/components/_feature.scss */
.feature__content {
  float: left;
  width: calc(100% - 50px);
}

@media (min-width: 405px) {
  /* line 18, app/assets/stylesheets/components/_feature.scss */
  .feature__content {
    width: calc(100% - 80px);
  }
}

/* line 27, app/assets/stylesheets/components/_feature.scss */
.feature__heading {
  font-size: 21px;
  line-height: 31px;
  margin: 0 0 3px;
}

/* line 34, app/assets/stylesheets/components/_feature.scss */
.feature__link:hover {
  text-decoration: underline;
}

/* line 38, app/assets/stylesheets/components/_feature.scss */
.feature__link:active {
  color: #0094ca;
}

/* line 43, app/assets/stylesheets/components/_feature.scss */
.feature__text {
  line-height: 25px;
}

@media (max-width: 404px) {
  /* line 43, app/assets/stylesheets/components/_feature.scss */
  .feature__text {
    font-size: 14px;
    line-height: 24px;
  }
}

/* line 51, app/assets/stylesheets/components/_feature.scss */
.feature__text a {
  color: #005c7e;
  text-decoration: underline;
}

/* line 55, app/assets/stylesheets/components/_feature.scss */
.feature__text a:active, .feature__text a:hover {
  color: #00b9fd;
}

/* line 1, app/assets/stylesheets/components/_featureColumns.scss */
.featureColumns {
  background: #f0f9ff;
  padding: 45px 0;
}

/* line 6, app/assets/stylesheets/components/_featureColumns.scss */
.featureColumns__column {
  text-align: center;
}

/* line 10, app/assets/stylesheets/components/_featureColumns.scss */
.featureColumns__heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 10px;
}

/* line 17, app/assets/stylesheets/components/_featureColumns.scss */
.featureColumns__feature {
  line-height: 25px;
}

/* line 21, app/assets/stylesheets/components/_featureColumns.scss */
.featureColumns__feature + .featureColumns__feature {
  margin: 8px 0 0;
}

@media (max-width: 599px) {
  /* line 26, app/assets/stylesheets/components/_featureColumns.scss */
  .featureColumns__column + .featureColumns__column {
    margin: 20px 0 0;
  }
}

@media (min-width: 600px) {
  /* line 32, app/assets/stylesheets/components/_featureColumns.scss */
  .featureColumns__row {
    margin: 0 0 0 -30px;
  }
  /* line 36, app/assets/stylesheets/components/_featureColumns.scss */
  .featureColumns__column {
    float: left;
    padding: 0 0 0 30px;
    width: 33%;
  }
}

@media (min-width: 600px) and (max-width: 829px) {
  /* line 44, app/assets/stylesheets/components/_featureColumns.scss */
  .featureColumns__column {
    width: 50%;
  }
  /* line 48, app/assets/stylesheets/components/_featureColumns.scss */
  .featureColumns__column:nth-of-type(3) {
    clear: both;
    float: none;
    padding: 30px 0 0 30px;
    margin: 0 auto;
  }
}

@media (min-width: 850px) {
  /* line 57, app/assets/stylesheets/components/_featureColumns.scss */
  .featureColumns {
    padding: 65px 0;
  }
  /* line 61, app/assets/stylesheets/components/_featureColumns.scss */
  .featureColumns__row {
    margin: 0 0 0 -30px;
  }
  /* line 65, app/assets/stylesheets/components/_featureColumns.scss */
  .featureColumns__column {
    float: left;
    padding: 0 0 0 30px;
    width: 33%;
  }
}

@media (min-width: 830px) and (max-width: 919px) {
  /* line 73, app/assets/stylesheets/components/_featureColumns.scss */
  .featureColumns__heading {
    font-size: 19px;
    line-height: 29px;
  }
  /* line 78, app/assets/stylesheets/components/_featureColumns.scss */
  .featureColumns__feature {
    font-size: 13px;
    line-height: 23px;
  }
}

@media (min-width: 920px) {
  /* line 85, app/assets/stylesheets/components/_featureColumns.scss */
  .featureColumns__heading {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 15px;
  }
}

@media (min-width: 950px) {
  /* line 93, app/assets/stylesheets/components/_featureColumns.scss */
  .featureColumns {
    padding: 85px 0;
  }
  /* line 97, app/assets/stylesheets/components/_featureColumns.scss */
  .featureColumns__row {
    margin: 0 0 0 -55px;
  }
  /* line 101, app/assets/stylesheets/components/_featureColumns.scss */
  .featureColumns__column {
    padding: 0 0 0 55px;
  }
}

/* line 1, app/assets/stylesheets/components/_featureSpotlight.scss */
.featureSpotlight {
  overflow: hidden;
  padding: 35px 0;
}

/* line 6, app/assets/stylesheets/components/_featureSpotlight.scss */
.featureSpotlight__heading {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -.075em;
  line-height: 38px;
}

/* line 13, app/assets/stylesheets/components/_featureSpotlight.scss */
.featureSpotlight__text {
  font-size: 17px;
  line-height: 27px;
  margin: 20px 0 0;
}

/* line 19, app/assets/stylesheets/components/_featureSpotlight.scss */
.featureSpotlight__text--accented {
  color: #1773a5;
}

/* line 23, app/assets/stylesheets/components/_featureSpotlight.scss */
.featureSpotlight__screenshots {
  position: relative;
}

/* line 27, app/assets/stylesheets/components/_featureSpotlight.scss */
.featureSpotlight__screenshot {
  background: #f7f7f7 url(/assets/screenshot-b63176450e85392393eacd66a1f37faf4f485f95931588692927598b5b982ed2.png) 0 0/100% auto no-repeat;
  border-radius: 6px 6px 0 0;
  box-shadow: -5px -5px 45px 0px rgba(173, 173, 173, 0.89);
}

/* line 33, app/assets/stylesheets/components/_featureSpotlight.scss */
.featureSpotlight__screenshot.is-active {
  display: block;
}

@media (max-width: 420px) {
  /* line 38, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__heading {
    font-size: 26px;
    line-height: 36px;
  }
}

@media (max-width: 784px) {
  /* line 45, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__content {
    text-align: center;
  }
  /* line 49, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__text {
    margin-left: auto;
    margin-right: auto;
    max-width: 540px;
  }
}

@media (max-width: 511px) {
  /* line 57, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__content {
    margin: 0 auto;
    max-width: 292px;
  }
}

@media (max-width: 539px) {
  /* line 64, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__screenshots {
    height: 200px;
    margin: 20px 0 0;
  }
  /* line 69, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__screenshot {
    height: 400px;
  }
}

@media (min-width: 540px) and (max-width: 849px) {
  /* line 75, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__content {
    max-width: 540px;
    text-align: center;
    margin: 0 auto;
  }
  /* line 81, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__screenshots {
    height: 300px;
    margin: 30px 0 0;
  }
  /* line 86, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__screenshot {
    height: 600px;
  }
}

@media (min-width: 850px) {
  /* line 92, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight {
    padding: 35px 0 50px;
  }
  /* line 96, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__content {
    float: left;
    padding: 80px 0 110px;
    width: calc(100% - 470px);
  }
  /* line 102, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__screenshots {
    float: left;
    margin: 0 0 0 30px;
    width: 440px;
  }
  /* line 108, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__screenshot {
    display: none;
    height: 1000px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1000px;
  }
}

@media (min-width: 920px) {
  /* line 119, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__heading {
    font-size: 35px;
    line-height: 45px;
  }
  /* line 124, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__text {
    font-size: 20px;
    line-height: 30px;
    margin: 30px 0 0;
  }
}

@media (min-width: 1095px) {
  /* line 132, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight {
    padding: 86px 0 60px;
  }
  /* line 136, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__content {
    width: calc(100% - 740px);
  }
  /* line 140, app/assets/stylesheets/components/_featureSpotlight.scss */
  .featureSpotlight__screenshots {
    margin: 0 0 0 65px;
    width: 675px;
  }
}

/* line 1, app/assets/stylesheets/components/_featuresBlock.scss */
.featuresBlock {
  padding: 0 0 15px;
}

/* line 5, app/assets/stylesheets/components/_featuresBlock.scss */
.featuresBlock--tinted {
  background: #e8f4ff;
}

/* line 9, app/assets/stylesheets/components/_featuresBlock.scss */
.featuresBlock__row {
  display: grid;
  gap: 36px;
  list-style: none;
  padding: 0;
}

@media (min-width: 840px) {
  /* line 17, app/assets/stylesheets/components/_featuresBlock.scss */
  .featuresBlock__row {
    gap: 56px 36px;
    grid-template-columns: repeat(2, calc((100% - 36px) / 2));
  }
}

/* line 1, app/assets/stylesheets/components/_featuresStrip.scss */
.featuresStrip {
  background: #e2eef5;
  color: #1b8dcc;
  font-size: 14px;
  line-height: 14px;
}

@media (min-width: 450px) {
  /* line 9, app/assets/stylesheets/components/_featuresStrip.scss */
  .featuresStrip {
    font-size: 15px;
    line-height: 15px;
  }
}

@media (max-width: 609px) {
  /* line 16, app/assets/stylesheets/components/_featuresStrip.scss */
  .featuresStrip__feature {
    padding: 10px 0;
    width: 50%;
  }
  /* line 20, app/assets/stylesheets/components/_featuresStrip.scss */
  .featuresStrip__feature:nth-of-type(2n+1) {
    border-left: 0;
  }
  /* line 24, app/assets/stylesheets/components/_featuresStrip.scss */
  .featuresStrip__feature:nth-of-type(2) ~ .featuresStrip__feature {
    border-top: 1px solid #cfe3ee;
  }
}

@media (min-width: 610px) and (max-width: 714px) {
  /* line 31, app/assets/stylesheets/components/_featuresStrip.scss */
  .featuresStrip__feature {
    width: 33.33%;
  }
  /* line 34, app/assets/stylesheets/components/_featuresStrip.scss */
  .featuresStrip__feature:nth-of-type(3n+1) {
    border-left: 0;
  }
  /* line 38, app/assets/stylesheets/components/_featuresStrip.scss */
  .featuresStrip__feature:nth-of-type(3) ~ .featuresStrip__feature {
    border-top: 1px solid #cfe3ee;
  }
}

@media (max-width: 714px) {
  /* line 45, app/assets/stylesheets/components/_featuresStrip.scss */
  .featuresStrip__list {
    margin: 0 -25px;
  }
  /* line 49, app/assets/stylesheets/components/_featuresStrip.scss */
  .featuresStrip__feature {
    border-left: 1px solid #cfe3ee;
    float: left;
    padding: 20px 0;
    text-align: center;
  }
}

@media (min-width: 715px) {
  /* line 58, app/assets/stylesheets/components/_featuresStrip.scss */
  .featuresStrip__list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 0;
  }
}

@media (min-width: 815px) {
  /* line 67, app/assets/stylesheets/components/_featuresStrip.scss */
  .featuresStrip {
    font-size: 17px;
    line-height: 17px;
    padding: 10px 0;
  }
}

@media (min-width: 920px) {
  /* line 75, app/assets/stylesheets/components/_featuresStrip.scss */
  .featuresStrip {
    font-size: 19px;
    line-height: 19px;
  }
}

@media (max-width: 1030px) {
  /* line 83, app/assets/stylesheets/components/_featuresStrip.scss */
  .featuresStrip__feature:last-of-type {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/components/_footerCta.scss */
.footerCta {
  background: #076cb4;
  color: #ffffff;
  padding: 30px 0;
}

/* line 7, app/assets/stylesheets/components/_footerCta.scss */
.footerCta__title {
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
}

/* line 14, app/assets/stylesheets/components/_footerCta.scss */
.footerCta__action {
  margin: 20px 0 0;
  text-align: center;
}

/* line 19, app/assets/stylesheets/components/_footerCta.scss */
.footerCta__subText {
  color: #d2edff;
  margin: 0 0 0 24px;
}

@media (min-width: 405px) {
  /* line 25, app/assets/stylesheets/components/_footerCta.scss */
  .footerCta__title {
    font-size: 25px;
    line-height: 35px;
  }
}

@media (max-width: 539px) {
  /* line 32, app/assets/stylesheets/components/_footerCta.scss */
  .footerCta__title {
    margin: 0 auto;
    max-width: 95%;
  }
}

@media (min-width: 540px) {
  /* line 39, app/assets/stylesheets/components/_footerCta.scss */
  .footerCta {
    padding: 50px 0;
  }
  /* line 43, app/assets/stylesheets/components/_footerCta.scss */
  .footerCta__title {
    font-size: 27px;
    line-height: 37px;
  }
}

@media (max-width: 819px) {
  /* line 50, app/assets/stylesheets/components/_footerCta.scss */
  .footerCta__subText {
    display: block;
    line-height: 25px;
    margin: 8px 0 0;
    text-align: center;
  }
}

@media (min-width: 820px) {
  /* line 59, app/assets/stylesheets/components/_footerCta.scss */
  .footerCta__action {
    margin: 30px 0 0;
  }
}

@media (max-width: 949px) {
  /* line 65, app/assets/stylesheets/components/_footerCta.scss */
  .footerCta__title {
    margin: 0 auto;
    max-width: 660px;
  }
}

@media (min-width: 950px) {
  /* line 72, app/assets/stylesheets/components/_footerCta.scss */
  .footerCta {
    padding: 85px 0;
  }
}

/* line 1, app/assets/stylesheets/components/_footerMenu.scss */
.footerMenu {
  margin: 0 0 20px;
}

/* line 5, app/assets/stylesheets/components/_footerMenu.scss */
.footerMenu__link {
  text-decoration: underline;
  transition: color .1s ease;
}

/* line 9, app/assets/stylesheets/components/_footerMenu.scss */
.footerMenu__link:hover {
  color: #ffffff;
}

@media (min-width: 375px) {
  /* line 15, app/assets/stylesheets/components/_footerMenu.scss */
  .footerMenu__item {
    float: left;
  }
}

@media (min-width: 375px) and (max-width: 529px) {
  /* line 21, app/assets/stylesheets/components/_footerMenu.scss */
  .footerMenu__item {
    width: 33.33%;
  }
}

@media (min-width: 530px) {
  /* line 27, app/assets/stylesheets/components/_footerMenu.scss */
  .footerMenu__item + .footerMenu__item {
    margin-left: 24px;
  }
}

@media (min-width: 530px) and (max-width: 659px) {
  /* line 33, app/assets/stylesheets/components/_footerMenu.scss */
  .footerMenu {
    display: inline-block;
    margin: 0;
  }
}

/* line 1, app/assets/stylesheets/components/_footerMeta.scss */
.footerMeta {
  background: #0d629e;
  color: #ffffff;
  font-size: 14px;
  line-height: 26px;
  padding: 45px 0;
}

/* line 9, app/assets/stylesheets/components/_footerMeta.scss */
.footerMeta__logo {
  display: block;
  height: 16px;
  width: auto;
}

@media (max-width: 659px) {
  /* line 16, app/assets/stylesheets/components/_footerMeta.scss */
  .footerMeta {
    text-align: center;
    padding: 25px 0 15px;
  }
  /* line 21, app/assets/stylesheets/components/_footerMeta.scss */
  .footerMeta__logo {
    margin: 20px auto 0;
  }
}

@media (min-width: 660px) {
  /* line 27, app/assets/stylesheets/components/_footerMeta.scss */
  .footerMeta__content {
    float: left;
    width: calc(100% - 131px);
  }
  /* line 32, app/assets/stylesheets/components/_footerMeta.scss */
  .footerMeta__logo {
    float: left;
    margin: 0 0 0 16px;
  }
}

/* line 1, app/assets/stylesheets/components/_header.scss */
.header {
  color: #ffffff;
  position: relative;
}

/* line 6, app/assets/stylesheets/components/_header.scss */
.header__primary {
  background: #262b33;
  padding: 20px 0;
  position: relative;
}

/* line 12, app/assets/stylesheets/components/_header.scss */
.header__secondary {
  background-color: #21262b;
  padding: 8px 0;
}

/* line 17, app/assets/stylesheets/components/_header.scss */
.header__powered-navigation {
  display: none;
}

/* line 21, app/assets/stylesheets/components/_header.scss */
.header__branding {
  float: left;
  margin-right: 24px;
}

/* line 26, app/assets/stylesheets/components/_header.scss */
.header__logo {
  height: 36px;
  width: 134px;
}

/* line 31, app/assets/stylesheets/components/_header.scss */
.header__logoImg {
  height: 38px;
}

/* line 35, app/assets/stylesheets/components/_header.scss */
.header__menuToggle {
  margin: 0 25px 0 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* line 43, app/assets/stylesheets/components/_header.scss */
.header__menuToggleIcon {
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
}

/* line 12, app/assets/stylesheets/generic/_mixins.scss */
.header__menuToggleIcon, .header__menuToggleIcon:before, .header__menuToggleIcon:after {
  display: block;
  width: 30px;
  height: 4px;
  background-color: #ffffff;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

/* line 32, app/assets/stylesheets/generic/_mixins.scss */
.header__menuToggleIcon:before, .header__menuToggleIcon:after {
  position: absolute;
  content: "";
}

/* line 37, app/assets/stylesheets/generic/_mixins.scss */
.header__menuToggleIcon:before {
  top: -9px;
}

/* line 41, app/assets/stylesheets/generic/_mixins.scss */
.header__menuToggleIcon:after {
  top: 9px;
}

/* line 75, app/assets/stylesheets/generic/_mixins.scss */
html.has-openMenu .header__menuToggleIcon {
  background-color: transparent;
}

/* line 78, app/assets/stylesheets/generic/_mixins.scss */
html.has-openMenu .header__menuToggleIcon:before {
  -webkit-transform: translateY(9px) rotate(45deg);
  -moz-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}

/* line 85, app/assets/stylesheets/generic/_mixins.scss */
html.has-openMenu .header__menuToggleIcon:after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -moz-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}

@media (max-width: 949px) {
  /* line 52, app/assets/stylesheets/components/_header.scss */
  .header__nav {
    background: #050505;
    position: absolute;
    height: 100vh;
    top: 80px;
    left: 100%;
    transition: transform 0.25s ease;
    width: 250px;
    z-index: 1;
  }
  /* line 62, app/assets/stylesheets/components/_header.scss */
  html.has-openMenu .header__nav {
    transform: translateX(-250px);
    transition: transform 0.25s ease;
  }
}

@media (min-width: 950px) {
  /* line 70, app/assets/stylesheets/components/_header.scss */
  .header__secondary {
    padding: 0;
  }
}

@media (min-width: 950px) {
  /* line 76, app/assets/stylesheets/components/_header.scss */
  .header__primary {
    padding: 28px 0;
  }
  /* line 80, app/assets/stylesheets/components/_header.scss */
  .header__secondary {
    position: relative;
  }
  /* line 84, app/assets/stylesheets/components/_header.scss */
  .header__menuToggle {
    display: none;
  }
  /* line 88, app/assets/stylesheets/components/_header.scss */
  .header__nav {
    float: left;
    width: calc(100% - 158px);
  }
}

@media screen and (min-width: 899px) {
  /* line 95, app/assets/stylesheets/components/_header.scss */
  .header__bar {
    padding: 0;
  }
  /* line 99, app/assets/stylesheets/components/_header.scss */
  .header__krystal-logo {
    height: 11px;
    margin-right: 4px;
    margin-top: -3px;
    vertical-align: middle;
    width: 11px;
  }
  /* line 107, app/assets/stylesheets/components/_header.scss */
  .header__more {
    display: inline-block;
    font-size: 13px;
    margin-left: 24px;
    padding: 10px 0 9px;
  }
  /* line 113, app/assets/stylesheets/components/_header.scss */
  .header__more:hover .header__powered-navigation {
    display: block;
  }
  /* line 118, app/assets/stylesheets/components/_header.scss */
  .header__powered-navigation {
    background-color: white;
    color: black;
    display: none;
    left: 0;
    padding: 30px 16px 48px 16px;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 100%;
    z-index: 10;
  }
  /* line 130, app/assets/stylesheets/components/_header.scss */
  .header__powered-navigation::before {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: -500%;
    content: "";
    height: 500%;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1;
  }
  /* line 143, app/assets/stylesheets/components/_header.scss */
  .header__powered-container {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 275px 1fr;
    margin: auto;
    max-width: 1030px;
    padding: 0 25px;
  }
  /* line 152, app/assets/stylesheets/components/_header.scss */
  .header__subheading {
    border-bottom: 1px solid #e3e7eb;
    color: #1a1a1a;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 8px;
  }
  /* line 160, app/assets/stylesheets/components/_header.scss */
  .header__product {
    border: 1px solid #e3e7eb;
    border-radius: 6px;
    display: block;
    height: 100%;
    padding: 24px 12px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
  }
  /* line 170, app/assets/stylesheets/components/_header.scss */
  .header__product:hover {
    background-color: #e3e7eb;
  }
  /* line 175, app/assets/stylesheets/components/_header.scss */
  .header__copy {
    font-size: 12px;
    line-height: 18px;
    margin-top: 6px;
  }
  /* line 181, app/assets/stylesheets/components/_header.scss */
  .header__heading {
    font-size: 22px;
    margin-top: 16px;
  }
  /* line 186, app/assets/stylesheets/components/_header.scss */
  .header__text {
    color: gray;
    font-size: 15px;
    line-height: 24px;
    margin-top: 16px;
  }
  /* line 193, app/assets/stylesheets/components/_header.scss */
  .header__link {
    color: #1773a5;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin-top: 16px;
  }
  /* line 200, app/assets/stylesheets/components/_header.scss */
  .header__link:hover {
    text-decoration: underline;
  }
  /* line 205, app/assets/stylesheets/components/_header.scss */
  .header__products-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    grid-gap: 8px;
  }
  /* line 211, app/assets/stylesheets/components/_header.scss */
  .header__product-image {
    height: 25px;
    object-fit: contain;
    width: 110px;
  }
}

/* line 1, app/assets/stylesheets/components/_homeHero.scss */
.homeHero {
  background: #ffffff url(/assets/pattern-82b1820377ccf3e62f008fbf5329c04414cdf7ac17b717efb47c2c4a8a092113.png) 0 0 repeat-x;
  padding: 44px 0 0;
}

/* line 6, app/assets/stylesheets/components/_homeHero.scss */
.homeHero__content {
  min-width: 1px;
}

/* line 10, app/assets/stylesheets/components/_homeHero.scss */
.homeHero__img {
  display: block;
  width: 100%;
}

/* line 15, app/assets/stylesheets/components/_homeHero.scss */
.homeHero__title {
  font-size: 28px;
  font-weight: 400;
  letter-spacing: -.075em;
  line-height: 34px;
}

/* line 22, app/assets/stylesheets/components/_homeHero.scss */
.homeHero__buttons {
  margin: 20px 0 0;
}

/* line 26, app/assets/stylesheets/components/_homeHero.scss */
.homeHero__button {
  display: block;
}

/* line 30, app/assets/stylesheets/components/_homeHero.scss */
.homeHero__button + .homeHero__button {
  margin: 8px 0 0 0;
}

@media (min-width: 450px) {
  /* line 35, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero__button {
    float: left;
  }
  /* line 39, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero__button + .homeHero__button {
    margin: 0 0 0 12px;
  }
}

@media (min-width: 485px) {
  /* line 45, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero__title {
    font-size: 36px;
    line-height: 42px;
  }
  /* line 50, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero__button {
    float: left;
  }
  /* line 54, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero__button + .homeHero__button {
    margin: 0 0 0 16px;
  }
}

@media (max-width: 839px) {
  /* line 60, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero__buttons {
    display: inline-block;
  }
  /* line 64, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero__content {
    margin: 20px auto 0;
    max-width: 576px;
    text-align: center;
  }
  /* line 70, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero__img {
    height: auto;
    margin: 0 auto;
    max-width: 320px;
  }
}

@media (min-width: 840px) {
  /* line 78, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero__container {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
  }
  /* line 84, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero__content {
    min-width: 1px;
    padding: 26px 0;
    width: calc(100% - 297px);
  }
  /* line 90, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero__img {
    flex: 0 0 auto;
    height: 259px;
    margin: 0 33px 0 0;
    width: 264px;
  }
}

@media (min-width: 965px) {
  /* line 99, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero {
    padding: 86px 0 0;
  }
  /* line 103, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero__img {
    height: auto;
    margin: 0 66px 0 0;
    width: 258px;
  }
  /* line 109, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero__content {
    padding: 0;
    width: calc(100% - 324px);
  }
  /* line 114, app/assets/stylesheets/components/_homeHero.scss */
  .homeHero__title {
    font-size: 43px;
    line-height: 49px;
  }
}

/* line 1, app/assets/stylesheets/components/_legalDocument.scss */
.legalDocument {
  font-size: 16px;
  line-height: 26px;
  list-style: none;
  margin: 0 auto;
  max-width: 800px;
  padding: 0 0 48px;
}

/* line 9, app/assets/stylesheets/components/_legalDocument.scss */
.legalDocument ol {
  margin: 0;
  padding: 0;
}

@media (max-width: 700px) {
  /* line 1, app/assets/stylesheets/components/_legalDocument.scss */
  .legalDocument {
    padding: 0 0 32px;
  }
}

@media (max-width: 480px) {
  /* line 1, app/assets/stylesheets/components/_legalDocument.scss */
  .legalDocument {
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 24px;
  }
}

/* line 24, app/assets/stylesheets/components/_legalDocument.scss */
.legalDocument a {
  border-bottom: 1px solid #c7e5fa;
  color: #39a5ef;
}

/* line 30, app/assets/stylesheets/components/_legalDocument.scss */
.legalDocument__number {
  font-weight: bold;
  padding: 0 8px 0 0;
}

/* line 35, app/assets/stylesheets/components/_legalDocument.scss */
.legalDocument__row {
  display: grid;
  grid-template-columns: max-content 1fr;
}

/* line 39, app/assets/stylesheets/components/_legalDocument.scss */
.legalDocument__row:not(:last-child) {
  margin: 0 0 12px;
}

@media (max-width: 480px) {
  /* line 39, app/assets/stylesheets/components/_legalDocument.scss */
  .legalDocument__row:not(:last-child) {
    margin: 0 0 8px;
  }
}

/* line 48, app/assets/stylesheets/components/_legalDocument.scss */
.legalDocument__section {
  display: grid;
  grid-template-columns: max-content 1fr;
}

/* line 52, app/assets/stylesheets/components/_legalDocument.scss */
.legalDocument__section:not(:last-child) {
  margin: 0 0 24px;
}

@media (max-width: 480px) {
  /* line 52, app/assets/stylesheets/components/_legalDocument.scss */
  .legalDocument__section:not(:last-child) {
    margin: 0 0 16px;
  }
}

/* line 61, app/assets/stylesheets/components/_legalDocument.scss */
.legalDocument__subtitle {
  margin: 0 0 12px;
}

@media (max-width: 480px) {
  /* line 61, app/assets/stylesheets/components/_legalDocument.scss */
  .legalDocument__subtitle {
    margin: 0 0 8px;
  }
}

/* line 69, app/assets/stylesheets/components/_legalDocument.scss */
.legalDocument__title {
  font: inherit;
  font-weight: 600;
  letter-spacing: 0.025em;
  line-height: 26px;
  margin: 0 0 12px;
  text-transform: uppercase;
}

@media (max-width: 480px) {
  /* line 69, app/assets/stylesheets/components/_legalDocument.scss */
  .legalDocument__title {
    margin: 0 0 8px;
  }
}

/* line 1, app/assets/stylesheets/components/_loginIsland.scss */
.loginIsland {
  background: #eaf6ff;
  border: 1px solid #d1ebff;
  border-radius: 6px;
  padding: 45px;
}

/* line 8, app/assets/stylesheets/components/_loginIsland.scss */
.loginIsland__group {
  margin-bottom: 20px;
}

/* line 12, app/assets/stylesheets/components/_loginIsland.scss */
.loginIsland__forgot {
  color: #8a8a8a;
  font-size: 12px;
  margin-left: 12px;
}

/* line 17, app/assets/stylesheets/components/_loginIsland.scss */
.loginIsland__forgot:hover {
  text-decoration: underline;
}

@media (max-width: 429px) {
  /* line 12, app/assets/stylesheets/components/_loginIsland.scss */
  .loginIsland__forgot {
    display: block;
    margin: 16px 0 0;
  }
}

/* line 20, app/assets/stylesheets/components/_logos.scss */
.logos {
  text-align: center;
  margin: 0 auto;
  padding-bottom: 24px;
}

@media (min-width: 650px) and (max-width: 808px) {
  /* line 20, app/assets/stylesheets/components/_logos.scss */
  .logos {
    max-width: 568px;
  }
}

/* line 30, app/assets/stylesheets/components/_logos.scss */
.logos__wrapper {
  display: inline-block;
}

/* line 34, app/assets/stylesheets/components/_logos.scss */
.logos__row {
  margin: 0 0 20px;
}

/* line 38, app/assets/stylesheets/components/_logos.scss */
.logos__row + .logos__row {
  margin-bottom: 36px;
}

/* line 42, app/assets/stylesheets/components/_logos.scss */
.logos__logo {
  display: inline-block;
  margin: 12px 24px;
  vertical-align: middle;
  width: auto;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--stc {
  height: 45px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--ip {
  height: 91px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--arg {
  height: 105px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--pto {
  height: 80px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--bbc {
  height: 42px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--tb {
  height: 39px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--bbd {
  height: 73px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--tsc {
  height: 88px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--iw {
  height: 89px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--mb {
  height: 81px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--sfr {
  height: 28px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--hm {
  height: 36px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--sh {
  height: 29px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--nxn {
  height: 39px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--cr {
  height: 45px;
}

/* line 50, app/assets/stylesheets/components/_logos.scss */
.logos__logo--wo {
  height: 35px;
}

@media (max-width: 467px) {
  /* line 56, app/assets/stylesheets/components/_logos.scss */
  .logos__logo--nxn,
.logos__logo--sh {
    margin-top: 36px;
  }
}

/* line 1, app/assets/stylesheets/components/_mainMenu.scss */
.mainMenu {
  font-size: 16px;
}

/* line 5, app/assets/stylesheets/components/_mainMenu.scss */
.mainMenu__link {
  display: block;
  padding: 12px 8px;
  transition: background 0.1s ease;
}

/* line 10, app/assets/stylesheets/components/_mainMenu.scss */
.mainMenu__link:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* line 14, app/assets/stylesheets/components/_mainMenu.scss */
.mainMenu__link:active, .mainMenu__link.is-active {
  text-decoration: underline;
}

/* line 20, app/assets/stylesheets/components/_mainMenu.scss */
.mainMenu__link--start {
  border-radius: 0;
  font-weight: 600;
  text-align: center;
}

/* line 25, app/assets/stylesheets/components/_mainMenu.scss */
.mainMenu__link--start:hover {
  background-color: #97c351;
}

@media (max-width: 809px) {
  /* line 31, app/assets/stylesheets/components/_mainMenu.scss */
  .mainMenu__item {
    border-top: 1px solid #1f1f1f;
  }
  /* line 34, app/assets/stylesheets/components/_mainMenu.scss */
  .mainMenu__item:last-of-type {
    border-bottom: 1px solid #1f1f1f;
  }
  /* line 39, app/assets/stylesheets/components/_mainMenu.scss */
  .mainMenu__link {
    padding: 18px 25px;
  }
}

@media (min-width: 810px) {
  /* line 45, app/assets/stylesheets/components/_mainMenu.scss */
  .mainMenu {
    float: right;
  }
  /* line 49, app/assets/stylesheets/components/_mainMenu.scss */
  .mainMenu__item {
    float: left;
  }
  /* line 53, app/assets/stylesheets/components/_mainMenu.scss */
  .mainMenu__item + .mainMenu__item {
    margin-left: 8px;
  }
}

@media (min-width: 880px) {
  /* line 59, app/assets/stylesheets/components/_mainMenu.scss */
  .mainMenu__item + .mainMenu__item {
    margin-left: 12px;
  }
  /* line 63, app/assets/stylesheets/components/_mainMenu.scss */
  .mainMenu__link {
    padding: 12px;
  }
}

@media (min-width: 950px) {
  /* line 69, app/assets/stylesheets/components/_mainMenu.scss */
  .mainMenu__link--start {
    border-radius: 6px;
    min-width: 114px;
  }
}

/* line 1, app/assets/stylesheets/components/_modalWindow.scss */
.modalWindow {
  background: #050505;
  color: #ffffff;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

/* line 12, app/assets/stylesheets/components/_modalWindow.scss */
.modalWindow__content {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 20, app/assets/stylesheets/components/_modalWindow.scss */
html.has-openModal .modalWindow {
  display: block;
}

/* line 24, app/assets/stylesheets/components/_modalWindow.scss */
.modalWindow__container {
  max-height: 90%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

/* line 33, app/assets/stylesheets/components/_modalWindow.scss */
.modalWindow__close {
  height: auto;
  position: absolute;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 24px;
}

/* line 42, app/assets/stylesheets/components/_modalWindow.scss */
.modalWindow__closeIcon {
  display: block;
  height: auto;
  width: 100%;
}

/* line 1, app/assets/stylesheets/components/_moreInfo.scss */
.moreInfo {
  margin: 48px 0 0;
  text-align: center;
}

/* line 1, app/assets/stylesheets/components/_pageHeader.scss */
.pageHeader {
  margin: 0 auto 24px;
  padding: 0 24px;
  text-align: center;
}

/* line 7, app/assets/stylesheets/components/_pageHeader.scss */
.pageHeader--padded {
  padding: 48px 24px 0;
}

@media (min-width: 580px) {
  /* line 7, app/assets/stylesheets/components/_pageHeader.scss */
  .pageHeader--padded {
    padding: 56px 24px 0;
  }
}

@media (min-width: 900px) {
  /* line 7, app/assets/stylesheets/components/_pageHeader.scss */
  .pageHeader--padded {
    padding: 72px 24px 0;
  }
}

/* line 19, app/assets/stylesheets/components/_pageHeader.scss */
.pageHeader__title {
  font-size: 34px;
  font-weight: 700;
  letter-spacing: -.075em;
  line-height: 44px;
}

/* line 26, app/assets/stylesheets/components/_pageHeader.scss */
.pageHeader__subText {
  color: #686868;
  line-height: 25px;
  max-width: 880px;
  margin: 10px auto 0;
}

/* line 33, app/assets/stylesheets/components/_pageHeader.scss */
.pageHeader__link {
  color: #000000;
  font-weight: 700;
}

/* line 37, app/assets/stylesheets/components/_pageHeader.scss */
.pageHeader__link:hover {
  color: #1b8dcc;
  text-decoration: underline;
}

/* line 43, app/assets/stylesheets/components/_pageHeader.scss */
.pageHeader__img {
  display: block;
  height: auto;
  margin: 0 auto 12px;
  width: 128px;
}

@media (min-width: 420px) {
  /* line 51, app/assets/stylesheets/components/_pageHeader.scss */
  .pageHeader__title {
    font-size: 38px;
    line-height: 48px;
  }
  /* line 56, app/assets/stylesheets/components/_pageHeader.scss */
  .pageHeader__subText {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 579px) {
  /* line 63, app/assets/stylesheets/components/_pageHeader.scss */
  .pageHeader {
    max-width: 420px;
  }
}

@media (min-width: 580px) {
  /* line 69, app/assets/stylesheets/components/_pageHeader.scss */
  .pageHeader {
    margin: 0 auto 48px;
  }
  /* line 73, app/assets/stylesheets/components/_pageHeader.scss */
  .pageHeader__title {
    font-size: 46px;
    line-height: 54px;
  }
  /* line 78, app/assets/stylesheets/components/_pageHeader.scss */
  .pageHeader__subText {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (min-width: 581px) and (max-width: 900px) {
  /* line 85, app/assets/stylesheets/components/_pageHeader.scss */
  .pageHeader {
    max-width: 660px;
  }
}

@media (min-width: 900px) {
  /* line 91, app/assets/stylesheets/components/_pageHeader.scss */
  .pageHeader {
    margin: 0 auto 72px;
  }
}

@media (min-width: 1020px) {
  /* line 97, app/assets/stylesheets/components/_pageHeader.scss */
  .pageHeader__title {
    font-size: 53px;
    line-height: 63px;
  }
  /* line 102, app/assets/stylesheets/components/_pageHeader.scss */
  .pageHeader__subText {
    font-size: 22px;
    line-height: 32px;
  }
  /* line 107, app/assets/stylesheets/components/_pageHeader.scss */
  .pageHeader__subText--secondary {
    font-size: 18px;
    line-height: 28px;
  }
}

/* line 1, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock {
  border-radius: 6px;
  font-size: 15px;
  padding: 15px 16px 20px;
}

/* line 7, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock--corporate {
  background: #fffdcc;
  color: #696969;
  padding: 20px;
}

/* line 13, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock--popular {
  background: #0d629e;
  color: #ffffff;
  padding: 0 20px 35px;
  text-align: center;
}

/* line 20, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock--standard {
  background: #e8f5ff;
  color: #0d629e;
  padding: 35px 20px 25px;
  text-align: center;
}

/* line 27, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock__popularStripe {
  background: #e44f0d;
  border-radius: 6px 6px 0 0;
  color: #ffffff;
  font-size: 13px;
  line-height: 23px;
  margin: 0 -20px 35px;
  padding: 8px 20px;
  text-transform: uppercase;
}

/* line 38, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock__heading {
  font-size: 22px;
  line-height: 32px;
}

/* line 42, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock--popular .pricingBlock__heading {
  font-size: 27px;
  line-height: 37px;
}

/* line 48, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock__price {
  color: #74a0c2;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  margin: 0 0 26px;
}

/* line 55, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock--popular .pricingBlock__price {
  color: #87b4d4;
  font-size: 17px;
  line-height: 27px;
}

/* line 62, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock__features {
  margin: 0 0 20px;
}

/* line 66, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock__feature {
  font-size: 14px;
  line-height: 21px;
}

/* line 71, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock__feature--primary {
  font-size: 16px;
  line-height: 26px;
}

/* line 77, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock--standard .pricingBlock__button {
  background: #0d629e;
  margin: 35px 0 0;
}

/* line 81, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock--standard .pricingBlock__button:hover {
  background: #0f71b6;
}

/* line 85, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock--standard .pricingBlock__button:active {
  background: #0b5386;
}

/* line 90, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock--popular .pricingBlock__button {
  color: #0d629e;
  margin: 45px 0 0;
}

/* line 96, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock__subText {
  color: #5c9ac5;
  font-size: 13px;
  line-height: 23px;
  margin: 10px 0 0;
}

/* line 103, app/assets/stylesheets/components/_pricingBlock.scss */
.pricingBlock__text {
  color: #696969;
  font-size: 14px;
  line-height: 24px;
}

@media (max-width: 1044px) {
  /* line 110, app/assets/stylesheets/components/_pricingBlock.scss */
  .pricingBlock--corporate {
    text-align: center;
  }
  /* line 114, app/assets/stylesheets/components/_pricingBlock.scss */
  .pricingBlock--corporate .pricingBlock__text {
    margin: 0 auto;
    max-width: 420px;
  }
  /* line 119, app/assets/stylesheets/components/_pricingBlock.scss */
  .pricingBlock--corporate .pricingBlock__button {
    margin: 10px 0 0;
  }
}

@media (min-width: 1045px) {
  /* line 125, app/assets/stylesheets/components/_pricingBlock.scss */
  .pricingBlock--standard {
    margin: 39px 0 0;
  }
  /* line 129, app/assets/stylesheets/components/_pricingBlock.scss */
  .pricingBlock--corporate {
    padding: 20px 20px 24px;
  }
  /* line 133, app/assets/stylesheets/components/_pricingBlock.scss */
  .pricingBlock__corporateContent {
    float: left;
    width: calc(100% - 172px);
  }
  /* line 138, app/assets/stylesheets/components/_pricingBlock.scss */
  .pricingBlock--corporate .pricingBlock__button {
    float: left;
    margin: 17px 0 16px 25px;
  }
}

/* line 1, app/assets/stylesheets/components/_pricingBlocks.scss */
.pricingBlocks__helpText {
  color: #afafaf;
  font-size: 13px;
  line-height: 23px;
  text-align: center;
}

@media (max-width: 589px) {
  /* line 9, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__column {
    margin: 0 auto 25px;
    max-width: 320px;
  }
}

@media (min-width: 590px) and (max-width: 1044px) {
  /* line 17, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__inner {
    margin: 0 0 0 -24px;
  }
  /* line 21, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__column {
    display: inline-block;
    margin: 0 0 25px -2px;
    padding: 0 0 0 24px;
    vertical-align: bottom;
    width: 50%;
  }
  /* line 28, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__column .pricingBlock--standard {
    padding: 122.5px 12px 112.5px;
  }
  /* line 33, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__column--left,
.pricingBlocks__column--right {
    width: 100%;
  }
  /* line 38, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__helpText {
    margin: 0 0 8px;
  }
}

@media (min-width: 1045px) {
  /* line 44, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__inner {
    position: relative;
    margin: 0 -12px;
  }
  /* line 49, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__helpText {
    position: absolute;
    right: 12px;
    top: 8px;
  }
  /* line 55, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__column {
    float: left;
    padding: 0 12px;
  }
  /* line 60, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__column--small {
    width: calc((100% - 300px) / 3);
  }
  /* line 64, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__column--medium {
    width: 300px;
  }
  /* line 68, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__column--large {
    width: calc(((100% - 300px) / 3) * 2);
  }
  /* line 72, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__column--positioned {
    bottom: 0;
    position: absolute;
  }
  /* line 77, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__column--left {
    left: 0;
  }
  /* line 81, app/assets/stylesheets/components/_pricingBlocks.scss */
  .pricingBlocks__column--right {
    right: 0;
  }
}

/* line 1, app/assets/stylesheets/components/_pricingFeatures.scss */
.pricingFeatures {
  background: #e8f5ff;
  padding: 30px 0;
}

/* line 6, app/assets/stylesheets/components/_pricingFeatures.scss */
.pricingFeatures__heading {
  color: #0d629e;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 15px;
}

@media (max-width: 699px) {
  /* line 15, app/assets/stylesheets/components/_pricingFeatures.scss */
  .pricingFeatures {
    text-align: center;
  }
  /* line 19, app/assets/stylesheets/components/_pricingFeatures.scss */
  .pricingFeatures__row {
    margin-top: -6px;
  }
}

@media (min-width: 700px) {
  /* line 25, app/assets/stylesheets/components/_pricingFeatures.scss */
  .pricingFeatures__row {
    margin-left: -32px;
  }
  /* line 29, app/assets/stylesheets/components/_pricingFeatures.scss */
  .pricingFeatures__col {
    float: left;
    padding: 0 0 0 32px;
    width: 33.33%;
  }
}

@media (min-width: 768px) {
  /* line 37, app/assets/stylesheets/components/_pricingFeatures.scss */
  .pricingFeatures {
    padding: 40px 0;
  }
  /* line 41, app/assets/stylesheets/components/_pricingFeatures.scss */
  .pricingFeatures__heading {
    margin: 0 0 25px;
  }
}

/* line 1, app/assets/stylesheets/components/_pricingQuestions.scss */
.pricingQuestions {
  padding: 35px 0 10px;
}

/* line 5, app/assets/stylesheets/components/_pricingQuestions.scss */
.pricingQuestions__group {
  margin: 0 0 25px;
}

/* line 9, app/assets/stylesheets/components/_pricingQuestions.scss */
.pricingQuestions__question {
  font-size: 19px;
  font-weight: 700;
  line-height: 29px;
  margin: 0 0 10px;
}

/* line 16, app/assets/stylesheets/components/_pricingQuestions.scss */
.pricingQuestions__answer {
  line-height: 25px;
}

@media (min-width: 700px) {
  /* line 21, app/assets/stylesheets/components/_pricingQuestions.scss */
  .pricingQuestions {
    padding: 65px 0 15px;
  }
  /* line 25, app/assets/stylesheets/components/_pricingQuestions.scss */
  .pricingQuestions__row {
    margin-left: -50px;
  }
  /* line 29, app/assets/stylesheets/components/_pricingQuestions.scss */
  .pricingQuestions__col {
    float: left;
    padding-left: 50px;
    width: 50%;
  }
  /* line 35, app/assets/stylesheets/components/_pricingQuestions.scss */
  .pricingQuestions__group {
    margin: 0 0 35px;
  }
}

@media (min-width: 850px) {
  /* line 41, app/assets/stylesheets/components/_pricingQuestions.scss */
  .pricingQuestions {
    padding: 85px 0 35px;
  }
  /* line 45, app/assets/stylesheets/components/_pricingQuestions.scss */
  .pricingQuestions__row {
    margin-left: -100px;
  }
  /* line 49, app/assets/stylesheets/components/_pricingQuestions.scss */
  .pricingQuestions__col {
    padding-left: 100px;
  }
  /* line 53, app/assets/stylesheets/components/_pricingQuestions.scss */
  .pricingQuestions__group {
    margin: 0 0 50px;
  }
  /* line 57, app/assets/stylesheets/components/_pricingQuestions.scss */
  .pricingQuestions__question {
    font-size: 20px;
    line-height: 30px;
  }
  /* line 62, app/assets/stylesheets/components/_pricingQuestions.scss */
  .pricingQuestions__answer {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 1, app/assets/stylesheets/components/_scmStripe.scss */
.scmStripe {
  background: #076cb4;
  color: #ffffff;
  padding: 30px 0 35px;
}

@media (min-width: 880px) {
  /* line 1, app/assets/stylesheets/components/_scmStripe.scss */
  .scmStripe {
    padding: 50px 0;
  }
}

/* line 11, app/assets/stylesheets/components/_scmStripe.scss */
.scmStripe__container {
  align-items: center;
  display: flex;
  flex-direction: column;
}

@media (min-width: 880px) {
  /* line 11, app/assets/stylesheets/components/_scmStripe.scss */
  .scmStripe__container {
    flex-direction: row;
    justify-content: space-around;
  }
}

@media (min-width: 1120px) {
  /* line 11, app/assets/stylesheets/components/_scmStripe.scss */
  .scmStripe__container {
    justify-content: flex-start;
  }
}

/* line 26, app/assets/stylesheets/components/_scmStripe.scss */
.scmStripe__logo {
  display: block;
  height: 40px;
  width: 100%;
}

/* line 32, app/assets/stylesheets/components/_scmStripe.scss */
.scmStripe__logo--git {
  max-width: 111px;
}

/* line 36, app/assets/stylesheets/components/_scmStripe.scss */
.scmStripe__logo--subversion {
  max-width: 253px;
}

/* line 40, app/assets/stylesheets/components/_scmStripe.scss */
.scmStripe__logo--mercurial {
  width: 153px;
}

/* line 44, app/assets/stylesheets/components/_scmStripe.scss */
.scmStripe__logoWrapper {
  flex: 0 0 auto;
}

/* line 47, app/assets/stylesheets/components/_scmStripe.scss */
.scmStripe__logoWrapper:not(:last-child) {
  margin: 0 0 15px;
}

@media (min-width: 690px) {
  /* line 52, app/assets/stylesheets/components/_scmStripe.scss */
  .scmStripe__logoWrapper:not(:last-child) {
    margin: 0 42px 0 0;
  }
}

/* line 58, app/assets/stylesheets/components/_scmStripe.scss */
.scmStripe__logos {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  justify-content: center;
  list-style: none;
  padding: 0;
}

@media (min-width: 690px) {
  /* line 58, app/assets/stylesheets/components/_scmStripe.scss */
  .scmStripe__logos {
    flex-direction: row;
  }
}

@media (min-width: 1120px) {
  /* line 58, app/assets/stylesheets/components/_scmStripe.scss */
  .scmStripe__logos {
    flex-grow: 1;
    justify-content: space-between;
  }
}

/* line 78, app/assets/stylesheets/components/_scmStripe.scss */
.scmStripe__text {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin: 0 0 20px;
}

@media (min-width: 690px) {
  /* line 78, app/assets/stylesheets/components/_scmStripe.scss */
  .scmStripe__text {
    margin: 0 0 10px;
  }
}

@media (min-width: 880px) {
  /* line 78, app/assets/stylesheets/components/_scmStripe.scss */
  .scmStripe__text {
    margin: 0;
  }
}

@media (min-width: 1120px) {
  /* line 78, app/assets/stylesheets/components/_scmStripe.scss */
  .scmStripe__text {
    flex-basis: 350px;
  }
}

/* line 1, app/assets/stylesheets/components/_secondary-navigation.scss */
.secondary__item--products {
  display: none;
}

/* line 5, app/assets/stylesheets/components/_secondary-navigation.scss */
.secondary__navigation {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

/* line 11, app/assets/stylesheets/components/_secondary-navigation.scss */
.secondary__item {
  margin-left: 20px;
}

@media screen and (min-width: 950px) {
  /* line 16, app/assets/stylesheets/components/_secondary-navigation.scss */
  .secondary__item--products {
    display: inline-block;
    padding: 12px 0;
    position: static;
  }
  /* line 21, app/assets/stylesheets/components/_secondary-navigation.scss */
  .secondary__item--products:hover .header__powered-navigation {
    display: block;
  }
  /* line 26, app/assets/stylesheets/components/_secondary-navigation.scss */
  .secondary__link {
    font-size: 14px;
  }
  /* line 31, app/assets/stylesheets/components/_secondary-navigation.scss */
  .secondary__item:hover .secondary__link {
    border-bottom: 1px solid #ffffff;
  }
  /* line 36, app/assets/stylesheets/components/_secondary-navigation.scss */
  .secondary__link--products {
    position: relative;
  }
}

/* line 1, app/assets/stylesheets/components/_section.scss */
.section {
  padding: 48px 0 64px;
}

@media (min-width: 580px) {
  /* line 1, app/assets/stylesheets/components/_section.scss */
  .section {
    padding: 56px 0 72px;
  }
}

@media (min-width: 900px) {
  /* line 1, app/assets/stylesheets/components/_section.scss */
  .section {
    padding: 72px 0 88px;
  }
}

/* line 13, app/assets/stylesheets/components/_section.scss */
.section--tinted {
  background: #e8f4ff;
}

/* line 1, app/assets/stylesheets/components/_sectionHeader.scss */
.sectionHeader {
  margin: 0 auto 24px;
  text-align: center;
}

@media (max-width: 579px) {
  /* line 1, app/assets/stylesheets/components/_sectionHeader.scss */
  .sectionHeader {
    max-width: 420px;
  }
}

@media (min-width: 580px) {
  /* line 1, app/assets/stylesheets/components/_sectionHeader.scss */
  .sectionHeader {
    padding: 0 24px;
    margin: 0 auto 48px;
  }
}

@media (min-width: 581px) and (max-width: 900px) {
  /* line 1, app/assets/stylesheets/components/_sectionHeader.scss */
  .sectionHeader {
    max-width: 660px;
  }
}

@media (min-width: 900px) {
  /* line 1, app/assets/stylesheets/components/_sectionHeader.scss */
  .sectionHeader {
    margin: 0 auto 72px;
    padding: 0;
  }
}

/* line 24, app/assets/stylesheets/components/_sectionHeader.scss */
.sectionHeader__subText {
  color: #686868;
  line-height: 25px;
  margin: 5px auto 0;
  max-width: 800px;
}

@media (min-width: 580px) {
  /* line 24, app/assets/stylesheets/components/_sectionHeader.scss */
  .sectionHeader__subText {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1020px) {
  /* line 24, app/assets/stylesheets/components/_sectionHeader.scss */
  .sectionHeader__subText {
    font-size: 17px;
    line-height: 27px;
  }
}

/* line 41, app/assets/stylesheets/components/_sectionHeader.scss */
.sectionHeader__title {
  font-size: 28px;
  letter-spacing: -.075em;
  line-height: 38px;
  margin: 0 auto;
}

@media (min-width: 420px) {
  /* line 41, app/assets/stylesheets/components/_sectionHeader.scss */
  .sectionHeader__title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (min-width: 580px) {
  /* line 41, app/assets/stylesheets/components/_sectionHeader.scss */
  .sectionHeader__title {
    font-size: 34px;
    line-height: 44px;
  }
}

@media (min-width: 1020px) {
  /* line 41, app/assets/stylesheets/components/_sectionHeader.scss */
  .sectionHeader__title {
    font-size: 41px;
    line-height: 51px;
  }
}

/* line 1, app/assets/stylesheets/components/_signupForm.scss */
.signupForm {
  background: #eaf6ff;
  margin: 0 0 25px;
  padding: 20px;
}

/* line 7, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__consent {
  margin: 30px 0 0;
}

/* line 11, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__consentCheckbox {
  flex: 0 0 auto;
  height: 14px;
  margin: 4px 0 0;
  width: 14px;
}

@media (min-width: 530px) {
  /* line 11, app/assets/stylesheets/components/_signupForm.scss */
  .signupForm__consentCheckbox {
    margin: 3px 0 0;
  }
}

/* line 22, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__consentControl {
  align-items: flex-start;
  display: flex;
}

/* line 27, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__consentLabel {
  cursor: pointer;
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 0 12px;
  user-select: none;
}

/* line 35, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__consentLabel a {
  text-decoration: underline;
}

/* line 39, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__consentLabel span {
  display: none;
}

/* line 43, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__consentLabel strong {
  display: block;
}

@media (min-width: 420px) {
  /* line 27, app/assets/stylesheets/components/_signupForm.scss */
  .signupForm__consentLabel {
    margin: 0 0 0 20px;
  }
  /* line 50, app/assets/stylesheets/components/_signupForm.scss */
  .signupForm__consentLabel span {
    color: #8a8a8a;
    display: block;
  }
}

@media (min-width: 530px) {
  /* line 27, app/assets/stylesheets/components/_signupForm.scss */
  .signupForm__consentLabel {
    font-size: 15px;
    line-height: 23px;
  }
}

/* line 62, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__heading {
  color: #076cb4;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 15px;
}

/* line 69, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__heading strong {
  color: #050505;
}

/* line 74, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__content {
  margin: 30px 0 0;
}

@media (min-width: 530px) {
  /* line 74, app/assets/stylesheets/components/_signupForm.scss */
  .signupForm__content {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
}

/* line 84, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__text {
  color: #979797;
  font-size: 13px;
  line-height: 23px;
}

/* line 90, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__link {
  text-decoration: underline;
}

/* line 93, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__link:hover {
  color: #7e7e7e;
}

/* line 100, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__forgot {
  color: #8a8a8a;
  font-size: 14px;
  line-height: 40px;
  text-decoration: underline;
}

/* line 106, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__forgot:hover {
  color: #717171;
}

/* line 111, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__forgotFlash {
  background: #62a036;
  border-radius: 4px;
  color: #ffffff;
  height: 0px;
  opacity: 0;
  transition: opacity .5s ease;
}

/* line 119, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__forgotFlash.is-visible {
  height: auto;
  margin: -8px 0 12px;
  padding: 16px 24px;
  opacity: 1;
}

/* line 127, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__errors {
  display: none;
}

/* line 131, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__errors:not(:empty) {
  background: #df4b48;
  border-radius: 4px;
  color: #ffffff;
  display: block;
  line-height: 22px;
  margin-bottom: 25px;
  padding: 16px 24px;
}

/* line 141, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__errors--notice:not(:empty) {
  background: #62a036;
}

/* line 145, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__couponContent {
  margin: 12px 0 0;
}

@media (min-width: 530px) {
  /* line 145, app/assets/stylesheets/components/_signupForm.scss */
  .signupForm__couponContent {
    margin: 0 0 0 20px;
  }
}

/* line 153, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__couponLabel {
  margin-right: 8px;
  font-weight: 700;
}

/* line 158, app/assets/stylesheets/components/_signupForm.scss */
.signupForm__inlineError {
  color: #eb3737;
  font-size: 12px;
  margin: 8px 12px 0;
}

@media (min-width: 450px) {
  /* line 165, app/assets/stylesheets/components/_signupForm.scss */
  .signupForm {
    padding: 30px;
    margin: 0 0 45px;
  }
  /* line 170, app/assets/stylesheets/components/_signupForm.scss */
  .signupForm__heading {
    font-size: 17px;
    line-height: 27px;
  }
  /* line 175, app/assets/stylesheets/components/_signupForm.scss */
  .signupForm__text {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (min-width: 510px) {
  /* line 182, app/assets/stylesheets/components/_signupForm.scss */
  .signupForm__heading {
    font-size: 19px;
    line-height: 29px;
    margin: 0 0 20px;
  }
}

@media (min-width: 666px) {
  /* line 190, app/assets/stylesheets/components/_signupForm.scss */
  .signupForm {
    padding: 45px;
    margin: 0 0 65px;
  }
}

@media (max-width: 689px) {
  /* line 197, app/assets/stylesheets/components/_signupForm.scss */
  .signupForm__content {
    text-align: center;
  }
}

@media (min-width: 690px) {
  /* line 203, app/assets/stylesheets/components/_signupForm.scss */
  .signupForm__content {
    margin: 40px 0 0;
  }
}

@media (min-width: 940px) {
  /* line 212, app/assets/stylesheets/components/_signupForm.scss */
  .signupForm {
    padding: 70px 110px 45px;
    margin: 0 0 105px;
  }
}

/* line 1, app/assets/stylesheets/components/_signupIsland.scss */
.signupIsland {
  background: #eaf6ff;
  border-radius: 6px;
  margin: 0 0 85px;
  padding: 25px;
  position: relative;
}

/* line 9, app/assets/stylesheets/components/_signupIsland.scss */
.signupIsland__heading {
  color: #076cb4;
  font-size: 17px;
  line-height: 27px;
  margin: 0 0 15px;
}

/* line 16, app/assets/stylesheets/components/_signupIsland.scss */
.signupIsland__errorMsg {
  color: #eb3737;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin: 20px 0 0;
}

/* line 24, app/assets/stylesheets/components/_signupIsland.scss */
.signupIsland__img {
  display: none;
}

/* line 28, app/assets/stylesheets/components/_signupIsland.scss */
.signupIsland__subText {
  color: #959595;
  font-size: 14px;
  line-height: 24px;
  margin: 15px 0 0;
  max-width: 500px;
}

@media (min-width: 540px) {
  /* line 37, app/assets/stylesheets/components/_signupIsland.scss */
  .signupIsland {
    padding: 45px;
  }
  /* line 41, app/assets/stylesheets/components/_signupIsland.scss */
  .signupIsland__heading {
    font-size: 19px;
    line-height: 29px;
    margin: 0 0 20px;
  }
}

@media (min-width: 715px) {
  /* line 49, app/assets/stylesheets/components/_signupIsland.scss */
  .signupIsland {
    padding: 45px 235px 45px 45px;
  }
  /* line 53, app/assets/stylesheets/components/_signupIsland.scss */
  .signupIsland__img {
    display: block;
    height: auto;
    position: absolute;
    bottom: 45px;
    right: 45px;
    width: 145px;
  }
}

@media (min-width: 870px) {
  /* line 64, app/assets/stylesheets/components/_signupIsland.scss */
  .signupIsland {
    padding: 45px 365px 45px 75px;
  }
  /* line 68, app/assets/stylesheets/components/_signupIsland.scss */
  .signupIsland__img {
    bottom: 45px;
    right: 105px;
  }
}

/* line 1, app/assets/stylesheets/components/_siteContent.scss */
.siteContent {
  background: #ffffff;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/components/_styledContent.scss */
.styledContent {
  font-size: 18px;
  line-height: 32px;
  margin: 0 auto;
  max-width: 700px;
}

/* line 7, app/assets/stylesheets/components/_styledContent.scss */
.styledContent > * {
  margin-bottom: 12px;
}

/* line 11, app/assets/stylesheets/components/_styledContent.scss */
.styledContent h3 {
  font-size: 32px;
  line-height: 42px;
  text-align: center;
}

/* line 17, app/assets/stylesheets/components/_styledContent.scss */
.styledContent ul {
  padding-left: 20px;
}

/* line 21, app/assets/stylesheets/components/_styledContent.scss */
.styledContent li + li {
  margin: .25em 0 0;
}

/* line 25, app/assets/stylesheets/components/_styledContent.scss */
.styledContent .retention {
  background: #f4fbff;
  border: 1px solid #c6d9e5;
  padding: 15px;
}

/* line 31, app/assets/stylesheets/components/_styledContent.scss */
.styledContent table {
  border-bottom: 4px solid #eaeaea;
  border-top: 4px solid #eaeaea;
  border-collapse: collapse;
}

/* line 37, app/assets/stylesheets/components/_styledContent.scss */
.styledContent table tbody td {
  padding: 12px 0;
  vertical-align: top;
}

/* line 41, app/assets/stylesheets/components/_styledContent.scss */
.styledContent table tbody td:first-child {
  font-weight: 600;
}

/* line 46, app/assets/stylesheets/components/_styledContent.scss */
.styledContent table tbody tr:not(:last-child) {
  border-bottom: 2px solid #eaeaea;
}

/* line 52, app/assets/stylesheets/components/_styledContent.scss */
.styledContent table thead tr {
  border-bottom: 4px solid #eaeaea;
}

/* line 55, app/assets/stylesheets/components/_styledContent.scss */
.styledContent table thead tr td {
  font-weight: 600;
  padding: 8px 0;
}

/* line 1, app/assets/stylesheets/components/_supportedScms.scss */
.supportedScms {
  display: grid;
  gap: 32px 0;
  list-style: none;
  margin: 0 auto;
  max-width: 272px;
  padding: 0;
  text-align: center;
}

@media (min-width: 800px) {
  /* line 1, app/assets/stylesheets/components/_supportedScms.scss */
  .supportedScms {
    gap: 0 48px;
    grid-template-columns: repeat(3, calc((100% - 96px) / 3));
    max-width: none;
  }
}

/* line 17, app/assets/stylesheets/components/_supportedScms.scss */
.supportedScms__icon {
  display: block;
  flex: 0 0 auto;
  height: 48px;
  margin: 0 auto;
  object-fit: contain;
  width: 100%;
}

/* line 26, app/assets/stylesheets/components/_supportedScms.scss */
.supportedScms__media {
  align-items: center;
  border-radius: 6px;
  display: flex;
  height: 128px;
  padding: 0 32px;
  width: 100%;
}

/* line 35, app/assets/stylesheets/components/_supportedScms.scss */
.supportedScms__media--git {
  background: #f14e32;
}

/* line 39, app/assets/stylesheets/components/_supportedScms.scss */
.supportedScms__media--mercurial {
  background: #999999;
}

/* line 43, app/assets/stylesheets/components/_supportedScms.scss */
.supportedScms__media--subversion {
  background: #93b0da;
}

/* line 47, app/assets/stylesheets/components/_supportedScms.scss */
.supportedScms__text {
  font-size: 20px;
  letter-spacing: -0.025em;
  line-height: 1.25;
  margin: 0 auto;
  max-width: 192px;
}

/* line 55, app/assets/stylesheets/components/_supportedScms.scss */
.supportedScms__title {
  font-size: 32px;
  letter-spacing: -0.075em;
  line-height: 1.125;
  margin: 16px 0 0;
  text-align: center;
}

/* line 1, app/assets/stylesheets/components/_testimonial.scss */
.testimonial__avatar {
  border-radius: 50%;
  display: block;
  float: left;
  height: 48px;
  margin: 0 16px 0 0;
  width: 48px;
}

/* line 10, app/assets/stylesheets/components/_testimonial.scss */
.testimonial__content {
  float: left;
  width: calc(100% - 64px);
}

/* line 15, app/assets/stylesheets/components/_testimonial.scss */
.testimonial__quote {
  line-height: 25px;
}

/* line 19, app/assets/stylesheets/components/_testimonial.scss */
.testimonial__author {
  font-weight: 700;
  margin: 8px 0 0;
}

@media (max-width: 399px) {
  /* line 25, app/assets/stylesheets/components/_testimonial.scss */
  .testimonial__quote {
    font-size: 14px;
    line-height: 24px;
  }
  /* line 30, app/assets/stylesheets/components/_testimonial.scss */
  .testimonial__author {
    font-size: 13px;
  }
}

@media (min-width: 400px) {
  /* line 36, app/assets/stylesheets/components/_testimonial.scss */
  .testimonial__avatar {
    height: 72px;
    width: 72px;
  }
  /* line 41, app/assets/stylesheets/components/_testimonial.scss */
  .testimonial__content {
    width: calc(100% - 88px);
  }
}

@media (min-width: 840px) {
  /* line 47, app/assets/stylesheets/components/_testimonial.scss */
  .testimonial__quote {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 910px) {
  /* line 54, app/assets/stylesheets/components/_testimonial.scss */
  .testimonial__avatar {
    height: 96px;
    margin: 0 24px 0 0;
    width: 96px;
  }
  /* line 60, app/assets/stylesheets/components/_testimonial.scss */
  .testimonial__content {
    width: calc(100% - 120px);
  }
}

/* line 1, app/assets/stylesheets/components/_testimonials.scss */
.testimonials {
  padding: 30px 0;
}

@media (max-width: 759px) {
  /* line 6, app/assets/stylesheets/components/_testimonials.scss */
  .testimonials__column {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }
  /* line 12, app/assets/stylesheets/components/_testimonials.scss */
  .testimonials__column + .testimonials__column {
    margin-top: 30px;
  }
}

@media (min-width: 760px) {
  /* line 18, app/assets/stylesheets/components/_testimonials.scss */
  .testimonials__row {
    margin: -48px 0 0 -48px;
  }
  /* line 22, app/assets/stylesheets/components/_testimonials.scss */
  .testimonials__column {
    float: left;
    padding: 48px 0 0 48px;
    width: 50%;
  }
}

@media (min-width: 830px) {
  /* line 30, app/assets/stylesheets/components/_testimonials.scss */
  .testimonials {
    padding: 50px 0;
  }
}

@media (min-width: 950px) {
  /* line 36, app/assets/stylesheets/components/_testimonials.scss */
  .testimonials {
    padding: 85px 0;
  }
}

/* line 1, app/assets/stylesheets/components/_testimonialBlock.scss */
.testimonialBlock {
  background: #ebf2f7;
  border-radius: 6px;
  color: #076cb4;
  margin: 0;
  padding: 25px 40px;
}

/* line 9, app/assets/stylesheets/components/_testimonialBlock.scss */
.testimonialBlock__quote {
  font-size: 16px;
  line-height: 26px;
}

/* line 14, app/assets/stylesheets/components/_testimonialBlock.scss */
.testimonialBlock__author {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 6px;
}

/* line 1, app/assets/stylesheets/components/_testimonialBlocks.scss */
.testimonialBlocks__column {
  padding: 0 0 30px;
}

@media (min-width: 800px) {
  /* line 6, app/assets/stylesheets/components/_testimonialBlocks.scss */
  .testimonialBlocks {
    margin: 0 -24px;
  }
  /* line 10, app/assets/stylesheets/components/_testimonialBlocks.scss */
  .testimonialBlocks__column {
    float: left;
    padding: 0 12px 40px;
    width: 50%;
  }
  /* line 15, app/assets/stylesheets/components/_testimonialBlocks.scss */
  .testimonialBlocks__column:nth-child(even) {
    float: right;
  }
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-about.scss */
.blog-about__buttons {
  align-items: center;
  display: flex;
}

/* line 6, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-about.scss */
.blog-about__logo {
  margin: 0 0 10px;
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
.blog-article-boxes {
  margin: 0 0 20px;
}

@media (min-width: 1000px) {
  /* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
  .blog-article-boxes {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
  }
}

/* line 11, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
.blog-featured-articles + .blog-article-boxes {
  margin: 30px 0 20px;
}

@media (min-width: 1000px) {
  /* line 11, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
  .blog-featured-articles + .blog-article-boxes {
    margin: 30px 0 20px;
  }
}

/* line 20, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
.blog-article-boxes__article {
  margin: 0 0 30px;
}

@media (max-width: 999px) {
  /* line 20, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
  .blog-article-boxes__article {
    align-items: center;
    display: flex;
  }
}

@media (min-width: 1000px) {
  /* line 20, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
  .blog-article-boxes__article {
    flex: 0 0 auto;
    margin: 0 20px 30px 0;
    width: calc((100% - 40px) / 3);
  }
  /* line 33, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
  .blog-article-boxes__article:nth-child(3n + 3) {
    margin: 0 0 30px 0;
  }
}

/* line 39, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
.blog-article-boxes__article--empty {
  margin: 0 !important;
}

@media (max-width: 999px) {
  /* line 43, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
  .blog-article-boxes__content {
    flex: 1 1 auto;
  }
}

/* line 49, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
.blog-article-boxes__date {
  color: #cbcbcb;
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 8px;
}

/* line 56, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
.blog-article-boxes__excerpt {
  font-size: 16px;
  line-height: 24px;
}

/* line 61, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
.blog-article-boxes__icon {
  display: block;
  height: auto;
  width: 48px;
}

/* line 66, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
.blog-article-boxes__icon svg {
  display: block;
  width: 100%;
}

/* line 72, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
.blog-article-boxes__image {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  background-position: center center;
  background-size: cover;
  border-radius: 6px;
  display: flex;
  height: 185px;
  justify-content: center;
  margin: 0 0 20px;
  overflow: hidden;
  transition: transform 125ms ease-in-out;
}

/* line 85, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
.blog-article-boxes__image:hover {
  transform: scale(1.0125);
}

@media (max-width: 999px) {
  /* line 72, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
  .blog-article-boxes__image {
    flex: 0 0 auto;
    height: 114px;
    margin: 0 0 0 30px;
    max-width: 170px;
    order: 1;
    width: 25%;
  }
}

/* line 99, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
.blog-article-boxes__link:hover {
  text-decoration: underline;
}

/* line 103, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-article-boxes.scss */
.blog-article-boxes__title {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 25px;
  margin: 0 0 4px;
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-author.scss */
.blog-author {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

/* line 7, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-author.scss */
.blog-author__bio {
  flex: 1 1 auto;
  font-size: 15px;
  line-height: 24px;
  width: calc(100% - 200px);
}

/* line 14, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-author.scss */
.blog-author__image {
  display: none;
}

@media (min-width: 480px) {
  /* line 14, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-author.scss */
  .blog-author__image {
    background: #efefef 50% 50% / cover no-repeat;
    border-radius: 4px;
    display: block;
    flex: 0 0 auto;
    height: 64px;
    margin: 0 0 0 30px;
    width: 100px;
  }
}

@media (min-width: 768px) {
  /* line 14, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-author.scss */
  .blog-author__image {
    height: 96px;
    width: 170px;
  }
}

/* line 33, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-author.scss */
.blog-author__link {
  background: transparent 0 50% / auto 16px no-repeat;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
  padding: 0 0 0 22px;
}

/* line 40, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-author.scss */
.blog-author__link:hover {
  text-decoration: underline;
}

/* line 44, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-author.scss */
.blog-author__link:not(:last-child) {
  margin: 0 20px 0 0;
}

/* line 49, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-author.scss */
.blog-author__link--dribbble {
  background-image: url(/assets/qlog/social/dribbble-e4dac936a91c10429f9a3b0b410c000f9b2ba8534f4b696a13125c2cac124838.svg);
  color: #ee5a94;
}

/* line 54, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-author.scss */
.blog-author__link--homepage {
  background-image: url(/assets/qlog/social/homepage-090581d3b4f2f1a13f0f313cfb0819fe68cfee65d4690421a51c2fbc3159e806.svg);
  color: #22bf54;
}

/* line 59, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-author.scss */
.blog-author__link--github {
  background-image: url(/assets/qlog/social/github-0f5bf5f3802343116d1758b6b70d2cec4f288c6f0feb30a1f65682d8b5f43686.svg);
  color: #222222;
}

/* line 64, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-author.scss */
.blog-author__link--pen {
  background-image: url(/assets/qlog/icons/pen-72e4a5bcca5a3c37540a75ddfe723c18124817383f40ba3284b02207f8de78de.svg);
  color: #999999;
}

/* line 69, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-author.scss */
.blog-author__link--twitter {
  background-image: url(/assets/qlog/social/twitter-22b2f50932d0b6170ee100e3f3f33ad4f2478c0d74fe349f15dd5f441417805a.svg);
  color: #07a0f5;
}

/* line 74, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-author.scss */
.blog-author__social {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 14px 0 -6px;
  width: 100%;
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-button.scss */
.blog-button {
  appearance: none;
  background: #058add;
  border: 0;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  font: inherit;
  line-height: 25px;
  padding: 6px 20px;
  text-align: center;
}

/* line 13, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-button.scss */
.blog-button:hover {
  background: #069af6;
}

/* line 17, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-button.scss */
.blog-button:active {
  background: #047ac4;
}

/* line 22, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-button.scss */
.blog-button--trial {
  background: #c886df;
}

/* line 25, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-button.scss */
.blog-button--trial:hover {
  background: #d19ae4;
}

/* line 29, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-button.scss */
.blog-button--trial:active {
  background: #bf72da;
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-categories.scss */
.blog-categories {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 24px;
  max-width: 318px;
  padding: 0;
}

/* line 10, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-categories.scss */
.blog-categories__category {
  background: transparent url(/assets/qlog/icons/category-37bb3e4652e927cdf83f3d5e9161036a7b7d2889ad24a4c8c1ed12f581f905e3.svg) 0 50%/auto 16px no-repeat;
  flex: 0 0 50%;
  line-height: 25px;
  margin: 0 0 5px;
  overflow: hidden;
  padding: 0 0 0 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 21, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-categories.scss */
.blog-categories__category--archive {
  background-image: url(/assets/qlog/icons/archive-2d0b36e21e24ed869dee9eabca4ffb48d25b4a58a24a7054cfa1bc8634f44c0a.svg);
}

/* line 25, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-categories.scss */
.blog-categories__link:hover {
  text-decoration: underline;
}

/* line 4, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-columns.scss */
.blog-columns {
  margin: 0 auto 92px;
  max-width: 970px;
  padding: 0 24px;
}

/* line 10, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-columns.scss */
.blog-columns__sidebar {
  margin: 30px 0 0;
}

@media (min-width: 880px) {
  /* line 15, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-columns.scss */
  .blog-columns {
    align-items: flex-start;
    display: flex;
  }
  /* line 20, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-columns.scss */
  .blog-columns__main {
    flex: 1 1 auto;
  }
  /* line 24, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-columns.scss */
  .blog-columns__sidebar {
    flex: 0 0 318px;
    margin: 0 0 0 50px;
  }
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-empty.scss */
.blog-empty {
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  color: #999999;
  font-size: 22px;
  line-height: 28px;
  margin: 0 auto 64px;
  max-width: 768px;
  padding: 32px 24px;
  text-align: center;
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
.blog-featured-articles {
  margin: 0 0 -20px;
}

@media (min-width: 700px) {
  /* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
  .blog-featured-articles {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
}

/* line 11, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
.blog-featured-articles__article {
  background-size: cover;
  border-radius: 6px;
  flex: 1 1 auto;
  height: 50vh;
  margin: 0 0 20px;
  max-height: 300px;
  min-height: 192px;
  overflow: hidden;
  position: relative;
  transition: transform 125ms ease-in-out;
}

/* line 23, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
.blog-featured-articles__article:hover {
  transform: scale(1.0125);
}

@media (min-width: 700px) {
  /* line 28, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
  .blog-featured-articles__article:nth-child(even) {
    margin: 0 0 20px 20px;
  }
}

/* line 34, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
.blog-featured-articles__article--empty {
  height: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

@media (min-width: 700px) {
  /* line 40, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
  .blog-featured-articles__article--boxes-bottom-left {
    width: calc(40% - 10px);
  }
}

@media (min-width: 700px) {
  /* line 46, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
  .blog-featured-articles__article--boxes-bottom-right {
    width: calc(60% - 10px);
  }
}

@media (min-width: 700px) {
  /* line 52, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
  .blog-featured-articles__article--boxes-top-left {
    width: calc(60% - 10px);
  }
}

@media (min-width: 700px) {
  /* line 58, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
  .blog-featured-articles__article--boxes-top-right {
    width: calc(40% - 10px);
  }
}

/* line 64, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
.blog-featured-articles__date {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 22px;
  margin: 6px 0 0;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

/* line 72, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
.blog-featured-articles__link {
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  left: 0;
  padding: 40px;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (min-width: 700px) {
  /* line 85, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
  .blog-featured-articles__article--boxes-bottom-right .blog-featured-articles__link, .blog-featured-articles__article--boxes-top-left .blog-featured-articles__link {
    padding: 40px 150px 40px 40px;
  }
}

/* line 92, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
.blog-featured-articles__title {
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 32px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

/* line 100, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-featured-articles.scss */
.blog-featured-articles__link:hover .blog-featured-articles__title {
  text-decoration: underline;
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
.blog-header {
  padding: 32px 0;
}

@media (min-width: 800px) {
  /* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
  .blog-header {
    padding: 72px 0 40px;
  }
}

/* line 9, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
.blog-header--centered {
  margin: 0 auto;
  max-width: 768px;
  text-align: center;
}

/* line 15, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
.blog-header__lead {
  color: #686868;
  font-size: 21px;
  margin: 10px 0 0;
  letter-spacing: -0.12px;
  line-height: 29px;
}

@media (min-width: 800px) {
  /* line 23, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
  .blog-header__byline {
    margin: 0 12px 0 0;
    padding: 0 13px 0 0;
    position: relative;
  }
  /* line 29, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
  .blog-header__byline::after {
    background: #c3c3c3;
    content: "";
    display: block;
    height: 1em;
    left: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
  }
}

/* line 43, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
.blog-header__category {
  text-decoration: underline;
  text-decoration-color: #a8a8a8;
}

/* line 47, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
.blog-header__category:hover {
  text-decoration-color: #8f8f8f;
}

/* line 51, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
.blog-header__category:active {
  text-decoration-color: #757575;
}

/* line 56, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
.blog-header__meta {
  font-size: 16px;
  line-height: 1.5;
  margin: 8px 0 0;
  opacity: 0.5;
}

@media (min-width: 560px) {
  /* line 56, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
  .blog-header__meta {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (min-width: 800px) {
  /* line 56, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
  .blog-header__meta {
    display: flex;
  }
}

/* line 72, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
.blog-header__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.125em;
}

@media (min-width: 480px) {
  /* line 72, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
  .blog-header__title {
    font-size: 28px;
  }
}

@media (min-width: 560px) {
  /* line 72, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
  .blog-header__title {
    font-size: 32px;
  }
}

@media (min-width: 800px) {
  /* line 72, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-header.scss */
  .blog-header__title {
    font-size: 46px;
  }
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-listing.scss */
.blog-listing {
  align-items: center;
  display: flex;
}

/* line 5, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-listing.scss */
.blog-listing:not(:last-child) {
  margin: 0 0 20px;
}

/* line 10, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-listing.scss */
.blog-listing + .blog-listing {
  border-top: 1px solid #efefef;
  padding: 20px 0 0;
}

/* line 15, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-listing.scss */
.blog-listing__content {
  flex: 1 1 auto;
  min-width: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 22, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-listing.scss */
.blog-listing__date {
  color: #cbcbcb;
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 4px;
}

/* line 29, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-listing.scss */
.blog-listing__excerpt {
  font-size: 15px;
  line-height: 23px;
}

/* line 34, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-listing.scss */
.blog-listing__link:hover {
  text-decoration: underline;
}

/* line 38, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-listing.scss */
.blog-listing__icon {
  display: block;
  height: auto;
  width: 48px;
}

/* line 43, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-listing.scss */
.blog-listing__icon svg {
  display: block;
  width: 100%;
}

/* line 49, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-listing.scss */
.blog-listing__image {
  border-radius: 4px;
  height: 114px;
  object-fit: cover;
  width: 100%;
}

/* line 56, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-listing.scss */
.blog-listing__image--icon {
  align-items: center;
  display: flex;
  justify-content: center;
}

/* line 62, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-listing.scss */
.blog-listing__image-link {
  flex: 0 0 auto;
  margin: 0 0 0 30px;
  max-width: 170px;
  transition: transform 125ms ease-in-out;
  width: 25%;
}

/* line 69, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-listing.scss */
.blog-listing__image-link:hover {
  transform: scale(1.025);
}

/* line 74, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-listing.scss */
.blog-listing__title {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 25px;
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown {
  font-size: 16px;
  line-height: 1.75em;
}

@media (min-width: 560px) {
  /* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
  .blog-markdown {
    font-size: 18px;
  }
}

/* line 9, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown > *:first-child {
  margin-top: 0 !important;
}

/* line 13, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown img {
  background-color: #fff;
  box-sizing: content-box;
}

/* line 18, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown h1,
.blog-markdown h2,
.blog-markdown h3,
.blog-markdown h4,
.blog-markdown h5,
.blog-markdown h6,
.blog-markdown table {
  margin: 32px 0 14px;
}

@media (min-width: 800px) {
  /* line 18, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
  .blog-markdown h1,
.blog-markdown h2,
.blog-markdown h3,
.blog-markdown h4,
.blog-markdown h5,
.blog-markdown h6,
.blog-markdown table {
    margin: 44px 0 26px;
  }
}

/* line 32, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown h1,
.blog-markdown h2,
.blog-markdown h3,
.blog-markdown h4,
.blog-markdown h5,
.blog-markdown h6 {
  font-weight: 600;
  line-height: 1.25;
  position: relative;
}

/* line 43, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown b,
.blog-markdown strong {
  font-weight: 600;
}

/* line 48, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown blockquote,
.blog-markdown dl,
.blog-markdown ol,
.blog-markdown p,
.blog-markdown pre,
.blog-markdown table,
.blog-markdown ul {
  margin-bottom: 20px;
}

@media (min-width: 800px) {
  /* line 48, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
  .blog-markdown blockquote,
.blog-markdown dl,
.blog-markdown ol,
.blog-markdown p,
.blog-markdown pre,
.blog-markdown table,
.blog-markdown ul {
    margin-bottom: 25px;
  }
}

/* line 62, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown li + li {
  margin: 12px 0 0;
}

/* line 66, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown ol,
.blog-markdown ul {
  margin-left: 1.5em;
}

@media (min-width: 800px) {
  /* line 66, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
  .blog-markdown ol,
.blog-markdown ul {
    margin-left: 2em;
  }
}

/* line 75, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown ol {
  list-style: decimal;
}

/* line 79, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown ul {
  list-style: disc;
}

/* line 83, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown sup a {
  border: 0 !important;
  color: #999 !important;
  margin-left: 2px;
}

/* line 89, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown div.footnotes {
  border-top: 1px solid #efefef;
  color: #666;
  font-size: 12px;
  margin-top: 40px;
  padding-top: 15px;
}

/* line 90, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown div.footnotes hr {
  border-color: #efefef;
  height: 2px;
  margin: 60px auto;
  max-width: 75%;
}

/* line 97, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown div.footnotes > hr {
  display: none;
}

/* line 107, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown div.footnotes p {
  margin: 0;
}

/* line 110, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown div.footnotes p a {
  border: 0;
  color: #999;
  font-weight: 600;
}

/* line 117, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown div.footnotes li + li {
  margin-top: 6px;
}

/* line 122, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown h1 {
  border-bottom: 2px solid #eee;
  font-size: 2em;
  font-weight: 600;
  padding-bottom: 0.3em;
}

/* line 129, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown h2 {
  border-bottom: 2px solid #eee;
  font-size: 1.5em;
  padding-bottom: 0.3em;
}

/* line 135, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown h3 {
  font-size: 1.25em;
}

/* line 139, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.codeTitle {
  background: #eee;
  border-bottom: 1px dashed #dcdcdc;
  border-radius: 4px 4px 0 0;
  color: #888;
  font-size: 12px;
  margin-bottom: 0;
  padding: 8px 16px;
}

/* line 149, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown pre {
  background: #f2f2f2;
  border-radius: 4px;
  line-height: 1.45;
  overflow: auto;
  padding: 16px;
  white-space: pre;
  word-wrap: normal;
}

/* line 158, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown pre code {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-size: inherit;
  padding: 0;
}

/* line 167, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.codeTitle + pre {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 172, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown ol a,
.blog-markdown p a,
.blog-markdown ul a {
  border-bottom: 1px solid #c7e5fa;
  color: #39a5ef;
}

/* line 178, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown ol a:hover,
.blog-markdown p a:hover,
.blog-markdown ul a:hover {
  color: #107fcb;
}

/* line 182, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown ol a.brandLink,
.blog-markdown p a.brandLink,
.blog-markdown ul a.brandLink {
  border-bottom: 1px solid #ddd;
  color: inherit;
  color: #555;
}

/* line 187, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown ol a.brandLink:hover,
.blog-markdown p a.brandLink:hover,
.blog-markdown ul a.brandLink:hover {
  color: #222;
  text-decoration: none;
}

/* line 194, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p img {
  display: block;
  margin: auto;
  max-width: 100%;
  text-align: center;
}

/* line 201, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.big {
  font-size: 22px;
}

/* line 205, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox {
  background: #fffff1;
  border: 2px solid #e8e8e2;
  border-radius: 6px;
  color: #888878;
  font-size: 90%;
  font-weight: 500;
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 20px;
}

/* line 216, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox a {
  border-color: #d0d0c9;
  color: #888878;
}

/* line 220, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox a:hover {
  color: #5f5f54;
}

/* line 225, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox code {
  background-color: rgba(0, 0, 0, 0.05);
}

/* line 229, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox.blue {
  background-color: #f2f8ff;
  border-color: #cfd8e4;
  color: #6890c5;
}

/* line 234, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox.blue a {
  border-color: #d7e1ef;
  color: #6890c5;
}

/* line 238, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox.blue a:hover {
  color: #3e69a2;
}

/* line 244, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox.purple {
  background-color: #fbf5ff;
  border-color: #dcd3e2;
  color: #924db9;
}

/* line 249, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox.purple a {
  border-color: #d5bbe4;
  color: #924db9;
}

/* line 253, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox.purple a:hover {
  color: #683485;
}

/* line 259, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox.red {
  background-color: #fff5f5;
  border-color: #ebd4d4;
  color: #dc6b6b;
}

/* line 264, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox.red a {
  border-color: #f9e7e7;
  color: #dc6b6b;
}

/* line 268, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox.red a:hover {
  color: #cb3030;
}

/* line 274, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox.green {
  background-color: #f5fff2;
  border-color: #cbdac7;
  color: #5ac249;
}

/* line 279, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox.green a {
  border-color: #c2e8bc;
  color: #5ac249;
}

/* line 283, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown p.colorBox.green a:hover {
  color: #3d8f30;
}

/* line 290, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown .embeddedVideo {
  margin: 20px 0;
  padding: 0 0 56.25%;
  position: relative;
}

/* line 295, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown .embeddedVideo iframe {
  height: 100% !important;
  position: absolute;
  width: 100% !important;
}

@media (min-width: 800px) {
  /* line 290, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
  .blog-markdown .embeddedVideo {
    margin: 60px 0;
  }
}

/* line 309, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown .imageCaption {
  color: #999;
  display: block;
  font-size: 12px;
  margin-bottom: 60px;
  margin-top: 10px;
  text-align: center;
}

/* line 318, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown img.right {
  float: right;
  margin: 0 -100px 40px 40px;
  max-width: 500px;
}

/* line 324, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown img.left {
  float: left;
  margin: 0 40px 40px -100px;
  max-width: 500px;
}

/* line 330, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown img.radius {
  border-radius: 6px;
}

/* line 334, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown img.bordered {
  border: 3px solid #fff;
}

/* line 338, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown img.screenshot {
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.125);
  margin: 60px auto 60px auto;
  max-width: 100%;
}

/* line 344, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown img.shadow {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

/* line 348, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown img.center,
.blog-markdown img.centre {
  margin: 40px auto 60px auto;
  max-width: 90%;
}

/* line 354, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown img.big {
  margin-left: -70px !important;
  margin-right: -70px !important;
  max-width: calc(100% + 70px + 70px) !important;
}

/* line 362, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown blockquote {
  border-left: 6px solid #efefef;
  padding-left: 30px;
}

/* line 366, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown blockquote p {
  color: #888;
  font-size: 24px;
  font-style: italic;
  line-height: 1.7;
}

/* line 374, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown code {
  background: #efefef;
  border-radius: 3px;
  padding: 0.15em 0.35em;
}

/* line 380, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown mark {
  background: #fffcdf;
  padding: 0.15em 0.35em;
}

/* line 385, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown table {
  margin-bottom: 40px;
  width: 100%;
}

/* line 389, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown table td,
.blog-markdown table th {
  padding: 8px 0;
}

/* line 396, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown table thead tr td,
.blog-markdown table thead tr th {
  border-bottom: 2px solid #000;
  font-weight: 600;
}

/* line 406, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown table tbody tr td {
  border-bottom: 1px solid #efefef;
}

/* line 412, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
.blog-markdown table tbody tr:last-child td {
  border-bottom-color: #000;
}

@media (max-width: 920px) {
  /* line 422, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-markdown.scss */
  .blog-markdown img.big {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-pagination.scss */
.blog-pagination {
  display: flex;
  font-size: 16px;
  justify-content: center;
  line-height: 26px;
  margin: 0 0 60px;
}

/* line 9, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-pagination.scss */
.blog-pagination__button {
  color: #a8a8a8;
  display: block;
  padding: 4px 16px 5px;
}

/* line 14, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-pagination.scss */
.blog-pagination__button:hover {
  color: #828282;
}

/* line 19, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-pagination.scss */
.blog-pagination__button--text {
  background: #fafafa;
}

/* line 23, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-pagination.scss */
.blog-pagination__button.is-current {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.175);
  color: #058add;
  font-weight: 700;
}

/* line 29, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-pagination.scss */
.blog-pagination__container {
  align-items: center;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  display: flex;
  justify-content: center;
}

/* line 36, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-pagination.scss */
.blog-pagination__container > :first-child {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

/* line 41, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-pagination.scss */
.blog-pagination__container > :last-child {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

/* line 46, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-pagination.scss */
.blog-pagination__container > :not(:last-child) {
  border-right: 1px solid #d7d7d7;
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-post.scss */
.blog-post {
  border-top: 1px solid #333333;
}

/* line 5, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-post.scss */
.blog-post__aside {
  margin: 0 0 60px;
}

/* line 9, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-post.scss */
.blog-post__content {
  margin: 0 0 80px;
}

/* line 13, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-post.scss */
.blog-post__icon {
  width: 100px;
}

/* line 16, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-post.scss */
.blog-post__icon svg {
  display: block;
  width: 100%;
}

/* line 22, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-post.scss */
.blog-post__image {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  height: 30vh;
  margin: 0 auto 20px;
  max-width: 1000px;
  object-fit: cover;
  width: 100%;
}

@media (min-height: 756px) {
  /* line 22, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-post.scss */
  .blog-post__image {
    height: 450px;
  }
}

@media (min-width: 560px) {
  /* line 22, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-post.scss */
  .blog-post__image {
    margin: 0 auto 32px;
  }
}

@media (min-width: 800px) {
  /* line 22, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-post.scss */
  .blog-post__image {
    margin: 0 auto 60px;
  }
}

@media (min-width: 1000px) {
  /* line 22, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-post.scss */
  .blog-post__image {
    border-radius: 6px;
  }
}

/* line 48, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-post.scss */
.blog-post__image--icon {
  align-items: center;
  display: flex;
  height: 260px;
  justify-content: center;
}

/* line 55, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-post.scss */
.blog-post__title {
  font-size: 46px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 52px;
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 578px) {
  /* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
  .blog-rater {
    flex-direction: row;
  }
}

/* line 12, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater__button {
  appearance: none;
  background: #fafafa 6px 50% / 15px no-repeat;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  color: #999999;
  cursor: pointer;
  display: block;
  font-size: 12px;
  line-height: 26px;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: 0 8px 0 26px;
}

/* line 27, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater__button:hover {
  border-color: #afdbf9;
  color: gray;
}

/* line 32, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater__button:active {
  background-color: #ededed;
}

/* line 36, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater__checkbox:checked ~ .blog-rater__button {
  background-color: #f6fbfe;
  border-color: #39a5ef;
  color: #39a5ef;
  font-weight: 600;
}

/* line 44, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater__checkbox {
  border: 0;
  clip: rect(0, 0, 0, 0);
  display: block;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  margin: -1px 0 0 -1px;
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 59, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater__button--heart {
  background-image: url(/assets/qlog/reactions/heart-3e97709aad6067ca7047908149e39a358e573890790a1749bb6fb8d822007fd1.png);
}

/* line 63, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater__button--laughing {
  background-image: url(/assets/qlog/reactions/laughing-0c7ae5f45d41ef979d2770f78d3507ccd6047b7132e2d35c1edfd2a30508e42f.png);
}

/* line 67, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater__button--penguin {
  background-image: url(/assets/qlog/reactions/penguin-ea95882f1b2ebc1efa538c7d005a3bbab18fc7eb4f861a7dcf5aff9845fb5195.png);
}

/* line 71, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater__button--sad {
  background-image: url(/assets/qlog/reactions/sad-4e841aa6f4cc29f7adb9f228243dd0512193dafc55af05b31048beb4cfaed0d4.png);
}

/* line 75, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater__button--thumbsup {
  background-image: url(/assets/qlog/reactions/thumbsup-0521c4e4c9d15caab660409e8e3030f3132401e60138fd1b62dc49aec195175e.png);
}

/* line 79, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater__option {
  flex: 0 0 auto;
}

/* line 82, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater__option:not(:last-child) {
  margin: 0 4px 0 0;
}

@media (min-width: 360px) {
  /* line 87, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
  .blog-rater__option:not(:last-child) {
    margin: 0 6px 0 0;
  }
}

/* line 93, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater__options {
  align-items: center;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 8px 0 0;
}

@media (min-width: 578px) {
  /* line 93, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
  .blog-rater__options {
    margin: 0 0 0 20px;
  }
}

/* line 105, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-rater.scss */
.blog-rater__text {
  color: #999999;
  flex: 0 0 auto;
  font: inherit;
  white-space: nowrap;
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-section.scss */
.blog-section ~ .blog-section {
  margin: 30px 0 0;
}

/* line 5, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-section.scss */
.blog-section__description {
  color: #999999;
  font-size: 13px;
  line-height: 21px;
  margin: 0 0 20px;
}

/* line 12, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-section.scss */
.blog-section__title {
  border-top: 4px solid #efefef;
  color: #999999;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 24px;
  padding: 12px 0 0;
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
.blog-share {
  background: #fffff1;
  border-radius: 6px;
  border: 1px dashed #e8e8e2;
  color: #888878;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  margin: 30px 0 0;
  padding: 20px;
}

@media (min-width: 800px) {
  /* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
  .blog-share {
    display: flex;
    justify-content: space-between;
  }
}

/* line 18, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
.blog-share__enjoy {
  display: block;
  font-size: 18px;
  line-height: 26px;
}

@media (min-width: 336px) {
  /* line 18, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
  .blog-share__enjoy {
    display: inline;
    font: inherit;
  }
}

@media (min-width: 376px) and (max-width: 511px) {
  /* line 29, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
  .blog-share__extra {
    display: none;
  }
}

/* line 36, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
.blog-share__item:not(:last-child) {
  margin: 0 0 12px;
}

@media (min-width: 376px) {
  /* line 41, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
  .blog-share__item:not(:last-child) {
    margin: 0 20px 0 0;
  }
}

/* line 47, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
.blog-share__link {
  background: transparent 0 50% / 16px auto no-repeat;
  padding: 0 0 0 22px;
}

/* line 51, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
.blog-share__link:hover {
  text-decoration: underline;
}

/* line 56, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
.blog-share__link--facebook {
  background-image: url(/assets/qlog/share/facebook-a1ee1e19d19affe56f9d1a06f5d69c8b97cb655e1d2a87a14c7617d776f03640.svg);
}

/* line 60, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
.blog-share__link--linkedin {
  background-image: url(/assets/qlog/share/linkedin-d1a4dc286a84628e1ef576bf2ccc7d3743fb0d40234df27b0b0623a916a8f2da.svg);
}

/* line 64, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
.blog-share__link--twitter {
  background-image: url(/assets/qlog/share/twitter-c7854b7bc08bfced762f09282dbdaf3aba0126dca3c85730c4ef7862c068f620.svg);
}

/* line 68, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
.blog-share__list {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  justify-content: center;
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}

@media (min-width: 376px) {
  /* line 68, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
  .blog-share__list {
    flex-direction: row;
  }
}

@media (min-width: 800px) {
  /* line 68, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
  .blog-share__list {
    justify-content: flex-start;
    margin: 0 0 0 20px;
  }
}

/* line 88, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
.blog-share__text {
  font: inherit;
  text-align: center;
}

@media (min-width: 800px) {
  /* line 88, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-share.scss */
  .blog-share__text {
    text-align: center;
  }
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-signup-success.scss */
.blog-signup-success {
  background: transparent url(/assets/qlog/icons/tick-0089ef22281d1763977ec28223b8085002f6c4112075bcdcb28324db70ab6ae5.svg) 12px 50%/20px auto no-repeat;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  font-weight: 700;
  padding: 8px 12px 8px 40px;
}

/* line 9, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-signup-success.scss */
.blog-signup-success--hidden {
  display: none !important;
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-signup.scss */
.blog-signup {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

/* line 7, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-signup.scss */
.blog-signup--hidden {
  display: none !important;
}

/* line 11, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-signup.scss */
.blog-signup__button {
  flex: 0 0 auto;
  margin: 0 0 0 10px;
}

/* line 16, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-signup.scss */
.blog-signup__error {
  color: #e63d46;
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 18px;
  margin: 6px 0 0;
  width: 100%;
}

/* line 25, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-signup.scss */
.blog-signup__input {
  background: #ececec url(/assets/qlog/icons/email-4383e31ecf5e804f7b04a9eb08cf7275c94d1410a8b1ef54c515e1be5243d77b.svg) 12px 55% no-repeat;
  border: 2px solid #ececec;
  border-radius: 3px;
  flex: 1 1 auto;
  font: inherit;
  line-height: 25px;
  outline: 0;
  padding: 4px 12px 4px 36px;
}

/* line 35, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-signup.scss */
.blog-signup__input:focus {
  background-color: #ffffff;
  border-color: #cec8c8;
}

/* line 1, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-subhead.scss */
.blog-subhead {
  align-items: center;
  display: flex;
  margin: 0 0 6px;
}

/* line 7, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-subhead.scss */
.blog-subhead__lozenge {
  background: #61d156;
  border-radius: 2px;
  color: #ffffff;
  font-size: 8px;
  font-weight: 700;
  line-height: 14px;
  margin: 1px 0 0 5px;
  padding: 0 5px;
  text-transform: uppercase;
}

/* line 19, ../../../usr/local/bundle/bundler/gems/qlog-0d15fd7c263c/app/assets/stylesheets/qlog/components/_blog-subhead.scss */
.blog-subhead__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

/* line 1, app/assets/stylesheets/blog/_blog-about.scss */
.blog-about__logo {
  height: 36px;
}

/* line 1, app/assets/stylesheets/blog/_blog-header.scss */
.blog-header {
  padding: 45px 0 25px;
}

/* line 5, app/assets/stylesheets/blog/_blog-header.scss */
.blog-header__lead {
  color: #686868;
  line-height: 25px;
  margin: 10px auto 0;
}

/* line 11, app/assets/stylesheets/blog/_blog-header.scss */
.blog-header__meta {
  font-size: 18px;
}

/* line 15, app/assets/stylesheets/blog/_blog-header.scss */
.blog-header__title {
  font-size: 34px;
  letter-spacing: -0.075em;
}

@media (min-width: 420px) {
  /* line 21, app/assets/stylesheets/blog/_blog-header.scss */
  .blog-header__title {
    font-size: 38px;
  }
  /* line 25, app/assets/stylesheets/blog/_blog-header.scss */
  .blog-header__lead {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 580px) {
  /* line 32, app/assets/stylesheets/blog/_blog-header.scss */
  .blog-header {
    padding: 65px 0 45px;
  }
  /* line 36, app/assets/stylesheets/blog/_blog-header.scss */
  .blog-header__title {
    font-size: 46px;
  }
  /* line 40, app/assets/stylesheets/blog/_blog-header.scss */
  .blog-header__lead {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (min-width: 900px) {
  /* line 47, app/assets/stylesheets/blog/_blog-header.scss */
  .blog-header {
    padding: 110px 0 70px;
  }
}

@media (min-width: 1020px) {
  /* line 53, app/assets/stylesheets/blog/_blog-header.scss */
  .blog-header__title {
    font-size: 53px;
  }
  /* line 57, app/assets/stylesheets/blog/_blog-header.scss */
  .blog-header__lead {
    font-size: 22px;
    line-height: 32px;
  }
  /* line 62, app/assets/stylesheets/blog/_blog-header.scss */
  .blog-header__lead--secondary {
    font-size: 18px;
    line-height: 28px;
  }
}

/* line 2, app/assets/stylesheets/generic/_utility.scss */
.u-clearfix:after, .u-clearfix:before {
  content: ' ';
  display: table;
}

/* line 8, app/assets/stylesheets/generic/_utility.scss */
.u-clearfix:after {
  clear: both;
}

/* line 13, app/assets/stylesheets/generic/_utility.scss */
.u-medium {
  font-weight: 600;
}

/* line 17, app/assets/stylesheets/generic/_utility.scss */
.u-visuallyHidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  display: block;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  margin: -1px 0 0 -1px;
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 32, app/assets/stylesheets/generic/_utility.scss */
.flex {
  display: flex;
}

/* line 36, app/assets/stylesheets/generic/_utility.scss */
.m-0 {
  margin: 0;
}

/* line 40, app/assets/stylesheets/generic/_utility.scss */
.space-x-2 {
  gap: 0.5rem;
}

/* line 44, app/assets/stylesheets/generic/_utility.scss */
.justify-center {
  justify-content: center;
}

/* line 48, app/assets/stylesheets/generic/_utility.scss */
.bg-black {
  background-color: #000;
}

/* line 52, app/assets/stylesheets/generic/_utility.scss */
.text-white {
  color: #fff;
}

/* line 56, app/assets/stylesheets/generic/_utility.scss */
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 61, app/assets/stylesheets/generic/_utility.scss */
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* line 66, app/assets/stylesheets/generic/_utility.scss */
.font-semibold {
  font-weight: 600;
}

/* line 70, app/assets/stylesheets/generic/_utility.scss */
.text-yellow-500 {
  color: #f59e0b;
}

/* line 74, app/assets/stylesheets/generic/_utility.scss */
.underline {
  text-decoration: underline;
}

/* line 1, app/assets/stylesheets/generic/_state.scss */
html.has-openMenu,
html.has-openModal {
  overflow-y: hidden;
}

/* line 6, app/assets/stylesheets/generic/_state.scss */
.is-hidden {
  display: none !important;
}