/* Fonts */
@font-face {
  font-family: "nunito";
  src: url(https://dev-freedom.com/fonts/nunito-v26-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-300.woff2) format("woff2");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "nunito";
  src: url(https://dev-freedom.com/fonts/nunito-v26-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-regular.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "nunito";
  src: url(https://dev-freedom.com/fonts/nunito-v26-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-600.woff2) format("woff2");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "nunito";
  src: url(https://dev-freedom.com/fonts/nunito-v26-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-800.woff2) format("woff2");
  font-weight: 800;
  font-display: swap;
}

/* gabarito-400 - latin */
@font-face {
  font-display: swap;
  font-family: "Gabarito";
  font-weight: 400;
  src: url(https://dev-freedom.com/fonts/gabarito-v9-latin-400.woff2) format("woff2");
}

/* gabarito-500 - latin */
@font-face {
  font-display: swap;
  font-family: "Gabarito";
  font-weight: 500;
  src: url(https://dev-freedom.com/fonts/gabarito-v9-latin-500.woff2) format("woff2");
}

/* gabarito-600 - latin */
@font-face {
  font-display: swap;
  font-family: "Gabarito";
  font-weight: 600;
  src: url(https://dev-freedom.com/fonts/gabarito-v9-latin-600.woff2) format("woff2");
}

/* gabarito-700 - latin */
@font-face {
  font-display: swap;
  font-family: "Gabarito";
  font-weight: 700;
  src: url(https://dev-freedom.com/fonts/gabarito-v9-latin-700.woff2) format("woff2");
}

/* gabarito-800 - latin */
@font-face {
  font-display: swap;
  font-family: "Gabarito";
  font-weight: 800;
  src: url(https://dev-freedom.com/fonts/gabarito-v9-latin-800.woff2) format("woff2");
}

/* gabarito-900 - latin */
@font-face {
  font-display: swap;
  font-family: "Gabarito";
  font-weight: 900;
  src: url(https://dev-freedom.com/fonts/gabarito-v9-latin-900.woff2) format("woff2");
}

/* young-serif-400 - latin */
@font-face {
  font-display: swap;
  font-family: "Young Serif";
  font-weight: 400;
  src: url(https://dev-freedom.com/fonts/young-serif-v2-latin-400.woff2) format("woff2");
}

/* Definitions */
/* 1em = 16px */
/* Foundation breakpoints as variables */
/* Special-case breakpoints */
/* Legacy breakpoints */
/* Border radius */
/* Colors */
/* Letter Spacing */
/* Fonts */
/* Spacing */
/* 1em = 16px */
/* line 13, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-hero {
  font: normal 3.75rem/4.125rem Young Serif, serif;
  letter-spacing: 0;
  text-transform: none;
}

/* line 17, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-heading-1 {
  font: 600 2.75rem/3.1875rem Gabarito, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

/* line 21, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-heading-2 {
  font: 600 2.125rem/2.5625rem Gabarito, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

/* line 25, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-heading-3, .intro-card-subtitle, .intro-card-title, .credential-form-wrapper h1 {
  font: 500 1.75rem/2.125rem Gabarito, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

/* line 29, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-heading-4 {
  font: 500 1.375rem/1.75rem Gabarito, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

/* line 35, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-body-large, .intro-testimonial-title, .intro-feature-text strong {
  font: normal 1.25rem/1.5625rem Gabarito, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

/* line 39, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-body-normal, .intro-benefits-list li, .intro-testimonial-quote, .intro-feature-text span, .credential-form-wrapper p {
  font: normal 1rem/1.3125rem Gabarito, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

/* line 43, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-body-small, .intro-testimonial-author, .intro-card-logo-text, .credential-form-wrapper .password-reset-prompt, .credential-form-wrapper .alternate-prompt {
  font: normal 0.8125rem/1.125rem Gabarito, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

/* line 47, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-body-tiny, .credential-form .hint {
  font: normal 0.6875rem/0.8125rem Gabarito, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

/* line 167, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-button-size-large {
  border: none;
  margin: 0;
  padding: 0;
  transition: none;
  font: bold 1.25rem/1.25rem Gabarito, sans-serif;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  border-radius: 6.25rem;
  height: 4.25rem;
  padding: 0.5rem 1rem;
  text-align: center;
}

/* line 157, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-button-size-large:hover, .core-button-size-large:focus {
  cursor: pointer;
}

/* line 162, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-button-size-large:focus:not(.focus-visible) {
  outline: 0;
}

/* line 176, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-button-size-normal, .intro-card-button, .onboarding-next-button, .credential-form input[type="submit"] {
  border: none;
  margin: 0;
  padding: 0;
  transition: none;
  font: 700 1rem/1rem Gabarito, sans-serif;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  border-radius: 6.25rem;
  height: 3rem;
  padding: 0.5rem 1.25rem;
  text-align: center;
}

/* line 157, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-button-size-normal:hover, .intro-card-button:hover, .onboarding-next-button:hover, .credential-form input[type="submit"]:hover, .core-button-size-normal:focus, .intro-card-button:focus, .onboarding-next-button:focus, .credential-form input[type="submit"]:focus {
  cursor: pointer;
}

/* line 162, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-button-size-normal:focus:not(.focus-visible), .intro-card-button:focus:not(.focus-visible), .onboarding-next-button:focus:not(.focus-visible), .credential-form input[type="submit"]:focus:not(.focus-visible) {
  outline: 0;
}

/* line 185, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-button-color-primary, .intro-card-button, .onboarding-next-button, .credential-form input[type="submit"] {
  background-color: var(--background-action-static);
  color: var(--foreground-inverse-static);
}

/* line 189, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-button-color-primary:hover, .intro-card-button:hover, .onboarding-next-button:hover, .credential-form input[type="submit"]:hover {
  background-color: var(--background-action-strong);
  color: var(--foreground-inverse-static);
}

/* line 194, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-button-color-primary:active, .intro-card-button:active, .onboarding-next-button:active, .credential-form input[type="submit"]:active {
  background-color: var(--background-action-strongest);
  color: var(--foreground-inverse-static);
}

/* line 199, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-button-color-primary:disabled, .intro-card-button:disabled, .onboarding-next-button:disabled, .credential-form input[type="submit"]:disabled {
  background-color: var(--background-weak);
  color: var(--foreground-weak);
}

/* line 207, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-input-default, .credential-form input[type="text"],
.credential-form input[type="email"],
.credential-form input[type="password"] {
  font: normal 1rem/1.3125rem Gabarito, sans-serif;
  letter-spacing: 0;
  text-transform: none;
  background: white;
  border: 0.125rem solid var(--border);
  border-radius: 0.5rem;
  box-shadow: none;
  color: #323531;
  height: 3rem;
  padding: 0.75rem;
}

/* line 218, app/assets/stylesheets/definitions/_core_design_system.scss */
.core-input-label, .credential-form .forgot-password-link, .credential-form label {
  font: 600 0.8125rem/0.8125rem Gabarito, sans-serif;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
}

/* 1em = 16px */
/* line 10, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-heading-1-display {
  font: normal 5rem/120% Young Serif, serif;
  letter-spacing: -0.05rem;
}

/* line 14, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-heading-2-display {
  font: normal 4.25rem/120% Young Serif, serif;
  letter-spacing: -0.0425rem;
}

/* line 18, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-heading-1 {
  font: normal 4.25rem/120% Young Serif, serif;
  letter-spacing: -0.0425rem;
}

/* line 22, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-heading-2 {
  font: normal 3.5rem/120% Young Serif, serif;
  letter-spacing: -0.035rem;
}

/* line 26, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-heading-3, .plans-template-content .whats-included-section .section-heading, .plans-template-content .feature-illustrations-section h2 {
  font: normal 3rem/120% Young Serif, serif;
  letter-spacing: -0.03rem;
}

/* line 30, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-heading-4, .plans-template-content .faq-title {
  font: normal 2.5rem/120% Young Serif, serif;
  letter-spacing: -0.025rem;
}

/* line 34, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-heading-5 {
  font: normal 2rem/120% Young Serif, serif;
  letter-spacing: -0.02rem;
}

/* line 38, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-heading-6, .plans-template-content .feature-illustrations-section .feature-illustrations-list h3 {
  font: normal 2rem/120% Gabarito, sans-serif;
  letter-spacing: -0.02rem;
}

/* line 42, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-heading-3-faq, .plans-template-content summary.faq-question > span:first-child {
  font: normal 1.25rem/120% Gabarito, sans-serif;
  letter-spacing: -0.0125rem;
}

/* line 48, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-body-xxl {
  font: normal 2rem/120% Gabarito, sans-serif;
  letter-spacing: -0.02rem;
}

/* line 52, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-body-xl {
  font: normal 1.75rem/120% Gabarito, sans-serif;
  letter-spacing: -0.0175rem;
}

/* line 56, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-body-l {
  font: normal 1.5rem/120% Gabarito, sans-serif;
  letter-spacing: -0.015rem;
}

/* line 60, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-body-m, .plans-template-content .whats-included-section .whats-included-grid th,
.plans-template-content .whats-included-section .whats-included-grid td, .plans-template-content .plans-testimonial .short-quote, .plans-template-content .freedom-forever-description-section p {
  font: normal 1.25rem/120% Gabarito, sans-serif;
  letter-spacing: -0.0125rem;
}

/* line 64, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-body-s, .plans-template-content .whats-included-section .whats-included-grid .platform, .plans-template-content .plans-testimonial .byline, .plans-template-content .plan-boxes .plan-features li, .plans-template-content .freedom-forever-description-section a, .plans-template-content .faq-answer ul li, .plans-template-content .faq-answer p {
  font: normal 1rem/120% Gabarito, sans-serif;
  letter-spacing: -0.01rem;
}

/* line 68, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-body-xs, .plans-template-content .legal-links a,
.plans-template-content .legal-links button, .plans-template-content .copyright, .plans-template-content .back-to-top, .plans-template-content .footer-column a, .plans-template-content .footer-column h3 {
  font: normal 0.875rem/120% Gabarito, sans-serif;
  letter-spacing: -0.00875rem;
}

/* line 72, app/assets/stylesheets/definitions/_marketing_design_system.scss */
.marketing-body-xxs {
  font: normal 0.75rem/120% Gabarito, sans-serif;
  letter-spacing: -0.0075rem;
}

/* Links */
/* Hovers */
/*
 Media query that specifically targets IE 10/11

 Used for solving any layout issues that only occur in those versions.

 See https://philipnewcomer.net/2014/04/target-internet-explorer-10-11-css/
 */
/*
  Creates a "flex grid" that starts as a single column, and turns into a grid
  above a certain media size determined by the cell width, gutter width, and
  side padding.

  For example:

  flex-grid-container([
    ("columns": 3, "cell-width": 300px, "gutter-width": 10px, "mq-padding": 4px),
    ("columns": 2, "cell-width": 600px, "gutter-width": 40px, "mq-padding": 11px)
  ])

  Below 928px, this will be a single column at 100% width
  Above 928px, it will be 920px wide: 3 columns of 300px each with a 10px gutter
  Above 1262px, it will be 1240px wide: 2 columns of 600px each with a 40px gutter

  The padding prevents the media query from "jumping up" until there is sufficient
  space on either side so that it doesn't collide with the edge of the browser.
 */
/*
  Creates a cell for a flex grid using the same syntax as above.

  At single-column size, the cell is 100% width. At larger sizes,
  it is 100% divided by the number of columns, with an optional
  gutter between them.

  The gutter is implemented as a right margin excluding the last
  cell in a "row". Note that the width is a combination of css `calc()`
  and sass calculations. The final expression, which is interpreted
  by the browser at runtime, is something like:

  width: calc(50% - 10px);

  Note: `max-width` is overridden to `auto`, in case it was set to a
  value smaller than 100% at some point above the mixin, for example
  when setting a custom max-width for mobile, so that the item is
  indented or smaller than the 1-column width.
 */
/*
  Shortcut for a media query to apply styles at certain grid sizes.
  For example, if the text should be larger, or margins/padding on the
  elements inside the cell should be increased.
 */
/* Remove Foundation defaults for `button` and add useful defaults instead */
/* General Style Elements */
/* Buttons are considered anything that can be clicked */
/* Normal green button used in app */
/* line 4, app/assets/stylesheets/general/_buttons.scss */
.green-button {
  background: #6ec05d !important;
  color: white !important;
  font-family: proxima-nova, sans-serif;
  letter-spacing: 1.7px;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.green-button:hover, .green-button:focus {
  opacity: 0.4;
  cursor: pointer;
}

/* line 11, app/assets/stylesheets/general/_buttons.scss */
.green-button span {
  color: white !important;
}

/* line 16, app/assets/stylesheets/general/_buttons.scss */
.green-button-purchase {
  background: #6ec05d !important;
  color: white !important;
  font-family: proxima-nova, sans-serif;
  letter-spacing: 1.7px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 7px 7px rgba(0, 0, 0, 0.4);
  background-clip: padding-box;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.green-button-purchase:hover, .green-button-purchase:focus {
  opacity: 0.4;
  cursor: pointer;
}

/* line 27, app/assets/stylesheets/general/_buttons.scss */
.green-button-register {
  background: #6ec05d !important;
  color: white !important;
  font-family: proxima-nova, sans-serif;
  font-size: 20px;
  letter-spacing: 1.7px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 7px 7px rgba(0, 0, 0, 0.4);
  background-clip: padding-box;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.green-button-register:hover, .green-button-register:focus {
  opacity: 0.9;
  cursor: pointer;
}

/* line 40, app/assets/stylesheets/general/_buttons.scss */
.big-cta-button {
  border-radius: 12px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin: 0;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.big-cta-button:hover, .big-cta-button:focus {
  opacity: 0.4;
  cursor: pointer;
}

/* line 47, app/assets/stylesheets/general/_buttons.scss */
.big-cta-button span {
  background-color: #6ec05d;
  border-radius: 4px;
  color: white;
  display: inline-block;
  font-size: 1.2em;
  letter-spacing: 1.5px;
  margin: 8px;
  min-width: 330px;
  padding: 18px 20px;
  text-align: center;
}

@media only screen and (min-width: 22.5em) {
  /* line 47, app/assets/stylesheets/general/_buttons.scss */
  .big-cta-button span {
    font-size: 1.5em;
  }
}

@media only screen and (min-width: 24em) {
  /* line 47, app/assets/stylesheets/general/_buttons.scss */
  .big-cta-button span {
    font-size: 1.6em;
  }
}

/* line 69, app/assets/stylesheets/general/_buttons.scss */
.new-cta-button {
  background: #6ec05d;
  border-radius: 3px;
  box-sizing: border-box;
  color: white;
  font: bold 18px/18px proxima-nova, Helvetica, sans-serif;
  letter-spacing: 1.39px;
  padding: 12px 24px;
  text-align: center;
  text-transform: uppercase;
}

/* line 80, app/assets/stylesheets/general/_buttons.scss */
.new-cta-button:hover {
  color: white;
}

/* line 85, app/assets/stylesheets/general/_buttons.scss */
.new-submit-button, .guest-pass-page-content .cta-button, .guest-pass-page-content .redemption-form input[type="submit"] {
  background: #6ec05d;
  border-radius: 3px;
  border-width: 0;
  color: white;
  font: bold 14px/14px proxima-nova, Helvetica, sans-serif;
  letter-spacing: 1.08px;
  margin: 0;
  padding: 18px;
  text-align: center;
  text-transform: uppercase;
}

/* line 98, app/assets/stylesheets/general/_buttons.scss */
.design-system-button, .classic-plans-template-content .trial-cta .cta-button, .classic-plans-template-content .trial-cta .guest-pass-page-content .redemption-form input[type="submit"], .guest-pass-page-content .redemption-form .classic-plans-template-content .trial-cta input[type="submit"], .classic-plans-template-content .plan-boxes .plan-button {
  border-radius: 100px;
  display: inline-block;
  font-family: proxima-nova, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 45px;
  letter-spacing: 1px;
  line-height: 45px;
  text-align: center;
  text-transform: uppercase;
}

/* line 111, app/assets/stylesheets/general/_buttons.scss */
.primary-button, .classic-plans-template-content .plan-boxes .plan-button {
  background-color: #6ec05d;
  border: 1px solid #6ec05d;
  color: white;
}

/* line 117, app/assets/stylesheets/general/_buttons.scss */
.tertiary-button, .classic-plans-template-content .trial-cta .cta-button, .classic-plans-template-content .trial-cta .guest-pass-page-content .redemption-form input[type="submit"], .guest-pass-page-content .redemption-form .classic-plans-template-content .trial-cta input[type="submit"] {
  background-color: white;
  border: 1px solid #EFEFEF;
  color: #6ec05d;
}

/* line 4, app/assets/stylesheets/general/_icons.scss */
.platform-mac,
.platform-macos {
  background-image: url(https://dev-freedom.com/assets/icons/platforms/warm-gray/mac-f930422d870dacca467fe1eab83ff043a9cc941fe15293d42319517a22498f99.svg);
}

/* line 9, app/assets/stylesheets/general/_icons.scss */
.platform-windows {
  background-image: url(https://dev-freedom.com/assets/icons/platforms/warm-gray/windows-63751a3884978c4f78061b4852006881c6d4765b382a3135018d14eaa3a07d01.svg);
}

/* line 13, app/assets/stylesheets/general/_icons.scss */
.platform-ios {
  background-image: url(https://dev-freedom.com/assets/icons/platforms/warm-gray/ios-afba57164ca66ce1b09dab7768005d56aea22a90b16dd14ef4d300b254585db7.svg);
}

/* line 17, app/assets/stylesheets/general/_icons.scss */
.platform-android {
  background-image: url(https://dev-freedom.com/assets/icons/platforms/warm-gray/android-b06eba530dc742c2e993bbefc069720e6f833b0d3a2470b7dcbd56bb39d7c9f7.svg);
}

/* line 21, app/assets/stylesheets/general/_icons.scss */
.platform-chromeos {
  background-image: url(https://dev-freedom.com/assets/icons/platforms/warm-gray/chromeos-0577bddf39baf93b6ed0c29f95af553f71cf115c68959da915ec0944b7f5a382.svg);
}

/* line 25, app/assets/stylesheets/general/_icons.scss */
.platform-linux {
  background-image: url(https://dev-freedom.com/assets/icons/platforms/warm-gray/linux-be01d59ad9f8eff01e1966b56fd5f10152ec99d5fc790641f645101afe21cb8b.svg);
}

/* line 1, app/assets/stylesheets/general/_default_text_stuff.scss */
h1,
h2,
h3 {
  font-family: proxima-nova, sans-serif;
}

/* line 7, app/assets/stylesheets/general/_default_text_stuff.scss */
body,
h5,
li {
  font-family: proxima-nova, sans-serif;
}

/* line 13, app/assets/stylesheets/general/_default_text_stuff.scss */
h5 {
  font-size: 1rem;
}

/* line 17, app/assets/stylesheets/general/_default_text_stuff.scss */
h1,
h2,
h3,
h4,
h5,
p,
li,
label {
  color: #808184;
}

/* line 1, app/assets/stylesheets/general/_foundation_rows.scss */
.full-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: initial;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1, app/assets/stylesheets/general/_foundation_rows.scss */
  .full-width {
    max-width: 2800px !important;
  }
}

/* Form validation css */
/* line 2, app/assets/stylesheets/general/_forms.scss */
.field {
  margin-bottom: 10px;
}

/* line 5, app/assets/stylesheets/general/_forms.scss */
.field input {
  margin-bottom: 0;
}

/* line 9, app/assets/stylesheets/general/_forms.scss */
.field .validate {
  display: none;
}

/* line 13, app/assets/stylesheets/general/_forms.scss */
.field .field_with_errors + .validate {
  display: block;
}

/* line 17, app/assets/stylesheets/general/_forms.scss */
.field .validation-tag {
  font: 12px/16px proxima-nova, Helvetica, sans-serif;
}

/* line 21, app/assets/stylesheets/general/_forms.scss */
.field .validation-tag.error {
  display: inline;
  color: #CD5C5C;
}

/* line 26, app/assets/stylesheets/general/_forms.scss */
.field span.mailverify {
  display: block;
}

/* line 30, app/assets/stylesheets/general/_forms.scss */
.field span.mailvalidate:not(.invalid),
.field span.mailverify:not(.invalid) {
  display: none;
}

/* line 36, app/assets/stylesheets/general/_forms.scss */
.form-actions {
  margin-top: 20px;
}

/* line 1, app/assets/stylesheets/general/_separators.scss */
.hr-spacer {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media only screen and (max-width: 500px) {
  /* line 1, app/assets/stylesheets/general/_separators.scss */
  .hr-spacer {
    padding-bottom: 0px;
  }
}

/* line 1, app/assets/stylesheets/general/_responsive_breaks.scss */
.rbr-small {
  display: block;
}

@media only screen and (min-width: 40.063em) {
  /* line 1, app/assets/stylesheets/general/_responsive_breaks.scss */
  .rbr-small {
    display: none;
  }
}

/* line 9, app/assets/stylesheets/general/_responsive_breaks.scss */
.rbr-medium {
  display: none;
}

@media only screen and (min-width: 40.063em) {
  /* line 9, app/assets/stylesheets/general/_responsive_breaks.scss */
  .rbr-medium {
    display: block;
  }
}

@media only screen and (min-width: 64.063em) {
  /* line 9, app/assets/stylesheets/general/_responsive_breaks.scss */
  .rbr-medium {
    display: none;
  }
}

/* line 21, app/assets/stylesheets/general/_responsive_breaks.scss */
.rbr-large {
  display: none;
}

@media only screen and (min-width: 64.063em) {
  /* line 21, app/assets/stylesheets/general/_responsive_breaks.scss */
  .rbr-large {
    display: block;
  }
}

/* line 29, app/assets/stylesheets/general/_responsive_breaks.scss */
.rbr-medium-up {
  display: none;
}

@media only screen and (min-width: 40.063em) {
  /* line 29, app/assets/stylesheets/general/_responsive_breaks.scss */
  .rbr-medium-up {
    display: block;
  }
}

/* line 37, app/assets/stylesheets/general/_responsive_breaks.scss */
.rbr-no-medium-tablet {
  display: block;
}

@media only screen and (min-width: 40.063em) {
  /* line 37, app/assets/stylesheets/general/_responsive_breaks.scss */
  .rbr-no-medium-tablet {
    display: block;
  }
}

@media only screen and (min-width: 40.063em) and (max-width: 48em) {
  /* line 37, app/assets/stylesheets/general/_responsive_breaks.scss */
  .rbr-no-medium-tablet {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/general/_confetti_background.scss */
.confetti-background, .external-page-layout .perks-page-content {
  background: url(https://dev-freedom.com/assets/layouts/confetti-background-85960d300a2c54a127410d7f87bb1d3921652735c793206926eb5885a4105a95.png) top center repeat;
}

/* line 1, app/assets/stylesheets/layouts/_internal_page.scss */
.internal-page-layout {
  --background: white;
  --primary-text-color: black;
  --primary-border-color: #817E7E;
  --primary-background-color: white;
  --secondary-background-color: #FBFDFB;
  --primary-link-color: #5DC069;
  --primary-link-hover-color: #339552;
  --primary-hint-color: #817E7E;
  --plain-link-color: #189BE0;
  --plain-link-hover-color: #066AFA;
  --primary-label-color: #333333;
  --foreground-weakest: #C0BDB4;
  --warning-background-color: #FEFAFB;
  --background-action-static: #92C181;
  --background-action-strong: #7D9F76;
  --background-action-strongest: #5F7A64;
  --background-error: #D76335;
  --background-weak: #BFBCB1;
  --border: #BFBCB1;
  --border-strong: #757A72;
  --foreground: #323531;
  --foreground-action: #92C181;
  --foreground-error: #F77D4D;
  --foreground-inverse-static: #FFFFFF;
  --foreground-weak: #757A72;
  --surface: #ECF3E8;
  background-color: var(--primary-background-color);
  color: var(--primary-text-color);
}

/* line 7, app/assets/stylesheets/layouts/_internal_page.scss */
.internal-page-layout.credential-page-layout {
  background-color: var(--surface);
}

/* line 12, app/assets/stylesheets/layouts/_internal_page.scss */
.row.first-row {
  margin-top: 48px;
  margin-bottom: 28px;
}

/* line 17, app/assets/stylesheets/layouts/_internal_page.scss */
.topnav-spacer {
  padding-bottom: 50px;
}

/* line 1, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.internal-topnav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 5px 20px 20px;
  background: #6ec05d;
}

@media only screen and (min-width: 40.063em) {
  /* line 1, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
  .internal-topnav {
    align-items: center;
    flex-direction: row;
    gap: 16px;
    padding: 20px 20px 20px 24px;
  }
}

/* line 15, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.internal-topnav .nav-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* line 22, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.internal-topnav .logo {
  display: block;
  height: 32px;
  max-width: 44px;
}

/* line 27, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.internal-topnav .logo.premium {
  max-width: 130px;
}

/* line 31, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.internal-topnav .logo:hover {
  opacity: 70%;
}

/* line 36, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.internal-topnav .menu-icon {
  background: no-repeat url(https://dev-freedom.com/assets/icons/menu-icon-white-fa7a0a021b165066177e879e9cad8e5599b939f5cc2f424e623b8c525e96dadb.svg) center center;
  width: 55px;
  height: 34px;
  padding: 0;
  color: white;
}

@media only screen and (min-width: 40.063em) {
  /* line 36, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
  .internal-topnav .menu-icon {
    display: none;
  }
}

/* line 49, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.internal-topnav.inhibited {
  display: none;
}

/* line 54, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.nav-items {
  display: none;
}

@media only screen and (min-width: 40.063em) {
  /* line 54, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
  .nav-items {
    display: block;
    flex-direction: row;
  }
}

/* line 62, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.nav-items.expanded {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 40.063em) {
  /* line 62, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
  .nav-items.expanded {
    flex-direction: row;
  }
}

/* line 71, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.nav-items ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}

@media only screen and (min-width: 40.063em) {
  /* line 71, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
  .nav-items ul {
    flex-direction: row;
    align-items: center;
    margin: 0;
  }
}

/* line 87, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.nav-items .nav-item {
  color: white;
  padding: 3px 1px;
}

@media only screen and (min-width: 40.063em) {
  /* line 91, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
  .nav-items .nav-item.hide-for-medium {
    display: none;
  }
}

@media only screen and (min-width: 50em) {
  /* line 91, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
  .nav-items .nav-item.hide-for-medium {
    display: list-item;
  }
}

@media only screen and (min-width: 40.063em) {
  /* line 87, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
  .nav-items .nav-item {
    padding: 0 8px;
  }
  /* line 104, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
  .nav-items .nav-item:first-child {
    padding-left: 0;
  }
}

/* line 109, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.nav-items .nav-item form {
  display: inline;
  margin: 0;
}

/* line 114, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.nav-items .nav-item a,
.nav-items .nav-item .sign-out-button {
  font: bold 16px/24px proxima-nova, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  border-width: 0;
  background-color: #6ec05d;
  color: white;
}

/* line 123, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.nav-items .nav-item a:hover,
.nav-items .nav-item .sign-out-button:hover {
  color: #255a36;
}

@media only screen and (min-width: 40.063em) {
  /* line 128, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
  .nav-items .nav-item.upgrade, .nav-items .nav-item.dashboard {
    padding-right: 6px;
  }
}

/* line 134, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
.nav-items .nav-item.upgrade a, .nav-items .nav-item.dashboard a {
  white-space: nowrap;
}

@media only screen and (min-width: 40.063em) {
  /* line 134, app/assets/stylesheets/layouts/internal_page/_topnav.scss */
  .nav-items .nav-item.upgrade a, .nav-items .nav-item.dashboard a {
    border: 2px solid white;
    border-radius: 3px;
    padding: 6px 12px;
  }
}

/* line 1, app/assets/stylesheets/layouts/internal_page/_alerts.scss */
.alert {
  background: var(--background-error) !important;
}

/* line 5, app/assets/stylesheets/layouts/internal_page/_alerts.scss */
.success {
  background: #DCDCDC !important;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.success:hover, .success:focus {
  opacity: 0.4;
  cursor: pointer;
}

/* line 10, app/assets/stylesheets/layouts/internal_page/_alerts.scss */
.alert-box {
  background-color: var(--primary-background-color);
  font-weight: bold;
}

/* line 15, app/assets/stylesheets/layouts/internal_page/_alerts.scss */
.alert-box-success {
  border-color: #6ec05d;
  color: #6ec05d;
}

/* line 20, app/assets/stylesheets/layouts/internal_page/_alerts.scss */
.alert-box.notice {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  color: black;
}

/* line 26, app/assets/stylesheets/layouts/internal_page/_alerts.scss */
.alert-box.alert,
.alert-box.error {
  border-color: var(--background-error);
  color: var(--foreground-inverse-static);
}

/* line 32, app/assets/stylesheets/layouts/internal_page/_alerts.scss */
.alert-box.error {
  background-color: var(--background-error);
}

/* line 1, app/assets/stylesheets/shared/_page_header.scss */
.page-header {
  margin: 0 auto auto auto;
  padding-top: 38px;
  font-family: proxima-nova, Helvetica, sans-serif;
  font-weight: bold;
  color: #262626;
  text-align: center;
}

@media only screen and (min-width: 40.063em) {
  /* line 1, app/assets/stylesheets/shared/_page_header.scss */
  .page-header {
    padding-top: 60px;
  }
}

/* line 1, app/assets/stylesheets/shared/_page_subheader.scss */
.page-subheader {
  margin: 5px 0 40px 0;
  font-size: 28px;
  font-family: proxima-nova, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.2px;
  text-align: center;
  color: black;
}

/* line 1, app/assets/stylesheets/shared/_tabbed_content.scss */
.tabbed-content {
  font-family: proxima-nova, Helvetica, sans-serif;
  line-height: 1;
}

/* line 5, app/assets/stylesheets/shared/_tabbed_content.scss */
.tabbed-content .tablist-items {
  display: flex;
}

/* line 9, app/assets/stylesheets/shared/_tabbed_content.scss */
.tabbed-content .tab {
  background-color: white;
  color: #6ec05d;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.tabbed-content .tab:hover, .tabbed-content .tab:focus {
  outline: 0;
  cursor: pointer;
}

/* line 19, app/assets/stylesheets/shared/_tabbed_content.scss */
.tabbed-content .tabpanel:focus {
  outline: 0;
}

@media only screen and (max-width: 40em) {
  /* line 29, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tablist {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px 0;
    border: 1px solid #979797;
    border-width: 1px 0;
  }
  /* line 38, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tablist-label {
    margin: 0 5px 0 24px;
    padding: 4px 25px 4px 0;
    background: no-repeat url(https://dev-freedom.com/assets/icons/caret-down-green-070937f234907d519ea60a938b3bcd1a0983b9961ccd52d296763f7c1d673aff.svg) center right;
    background-size: 11px 7px;
    color: #979797;
  }
  /* line 46, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tablist-items {
    flex-direction: column;
    flex-grow: 2;
    margin-right: 24px;
  }
  /* line 55, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tablist-items.open .tab[aria-selected="true"] {
    background-color: #F2FBF6;
  }
  /* line 62, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tab {
    padding: 4px 0 4px 5px;
  }
  /* line 65, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tab[aria-selected="true"] {
    font-weight: bold;
  }
  /* line 77, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tablist-items {
    position: relative;
  }
  /* line 80, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tablist-items .tab {
    width: 100%;
    position: absolute;
  }
  /* line 84, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tablist-items .tab[aria-selected="true"] {
    display: block;
    z-index: 2;
  }
  /* line 91, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tablist-items.open .tab {
    position: relative;
  }
}

@media only screen and (min-width: 40.063em) {
  /* line 103, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tablist-label {
    display: none;
  }
  /* line 107, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tab {
    border: 1px solid transparent;
    margin: 0;
    padding: 14px 22px;
    overflow: visible;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.14px;
    text-align: center;
  }
  /* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
  .tabbed-content .tab:hover, .tabbed-content .tab:focus {
    color: black;
    cursor: pointer;
  }
  /* line 121, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tab[aria-selected="true"] {
    position: relative;
    border-color: #979797;
    border-radius: 3px 3px 0px 0px;
    color: #676767;
  }
  /* line 127, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tab[aria-selected="true"]:after {
    position: absolute;
    z-index: 3;
    bottom: -1px;
    right: 0;
    left: 0;
    height: 2px;
    background-color: white;
    content: '';
  }
  /* line 140, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tablist-items {
    flex-direction: row;
    margin: 0 0 -1px 0;
  }
  /* line 145, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tabpanel {
    position: relative;
    border: 1px solid #979797;
    border-radius: 3px;
  }
  /* line 150, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tabpanel:first-child {
    border-radius: 0 3px 3px 3px;
  }
}

@media only screen and (min-width: 64.063em) {
  /* line 159, app/assets/stylesheets/shared/_tabbed_content.scss */
  .tabbed-content .tab {
    padding: 18px 45px;
    font-size: 20px;
  }
}

/* line 1, app/assets/stylesheets/shared/_credential_form_wrapper.scss */
.credential-form-wrapper {
  background-color: var(--background);
  border-radius: 1rem;
  margin: 0.625rem auto;
  max-width: 27.75rem;
  padding: 2rem;
}

@media only screen and (min-width: 40.063em) {
  /* line 1, app/assets/stylesheets/shared/_credential_form_wrapper.scss */
  .credential-form-wrapper {
    margin: 6.25rem auto 2.5rem auto;
  }
}

/* line 12, app/assets/stylesheets/shared/_credential_form_wrapper.scss */
.credential-form-wrapper .freedom-logo {
  width: 8.75rem;
  margin: 0 0 0.75rem 0;
  padding: 0.25rem 0 0.3125rem 0;
}

/* line 18, app/assets/stylesheets/shared/_credential_form_wrapper.scss */
.credential-form-wrapper a {
  color: var(--foreground-action);
}

/* line 22, app/assets/stylesheets/shared/_credential_form_wrapper.scss */
.credential-form-wrapper h1 {
  color: var(--foreground);
  margin: 0 0 2rem 0;
}

/* line 28, app/assets/stylesheets/shared/_credential_form_wrapper.scss */
.credential-form-wrapper p {
  color: var(--foreground);
}

/* line 33, app/assets/stylesheets/shared/_credential_form_wrapper.scss */
.credential-form-wrapper h1 + .credential-form,
.credential-form-wrapper h1 + .sso-options {
  margin-top: 2rem;
}

/* line 38, app/assets/stylesheets/shared/_credential_form_wrapper.scss */
.credential-form-wrapper h1 + p.small {
  margin-top: 0.5rem;
}

/* line 42, app/assets/stylesheets/shared/_credential_form_wrapper.scss */
.credential-form-wrapper .alternate-prompt {
  color: var(--foreground);
  margin: 2rem 0 0 0;
  text-align: center;
}

/* line 49, app/assets/stylesheets/shared/_credential_form_wrapper.scss */
.credential-form-wrapper .password-reset-prompt {
  margin: 2rem 0 0 0;
  text-align: center;
}

/* line 2, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .field {
  margin: 0 0 1.5rem 0;
}

/* line 5, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .field .field_with_errors + .validate {
  display: none;
}

/* line 8, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .field .field_with_errors + .validate.invalid {
  display: inline;
}

/* line 14, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .validation-tag {
  font: 0.75rem/1rem Gabarito, sans-serif;
}

/* line 17, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .validation-tag.error {
  color: var(--foreground-error);
}

/* line 22, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form label {
  color: var(--primary-label-color);
  display: block;
  padding: 0 0 0.8125rem 0.125rem;
}

/* line 29, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .label-with-help {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  line-height: 1;
  padding: 0 0 0.8125rem 0.125rem;
}

/* line 37, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .label-with-help label {
  margin: 0;
  padding: 0;
  line-height: 0.9375rem;
}

/* line 44, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .hint {
  color: var(--foreground-weak);
}

/* line 49, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .form-actions {
  margin: 2rem 0 0 0;
}

/* line 60, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .field_with_errors input[type="text"],
.credential-form .field_with_errors input[type="email"],
.credential-form .field_with_errors input[type="password"] {
  border-color: var(--foreground-error);
}

/* line 67, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form input[type="submit"] {
  display: block;
  width: 100%;
}

/* line 74, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .password-wrapper {
  position: relative;
}

/* line 84, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form input.password-input {
  padding-right: 2rem;
}

/* line 88, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .password-toggle-button {
  background-color: transparent;
  color: #808184;
  font-family: proxima-nova, sans-serif;
  margin: 0;
  padding: 0;
  transition: none;
  box-sizing: border-box;
  background: transparent url(https://dev-freedom.com/assets/icons/eye-sprites-5110a535b637a9036946dd3c1e71c981072362c5821b386ed26b33d3c03e5891.svg) top left no-repeat;
  background-clip: content-box;
  background-size: 2.625rem;
  border: 0.0625rem solid transparent;
  right: 0.5rem;
  bottom: 0.5rem;
  height: 2rem;
  width: 2rem;
  padding: 0.28125rem;
  position: absolute;
  background-position: left 0.28125rem top 0.28125rem;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.credential-form .password-toggle-button:hover, .credential-form .password-toggle-button:focus {
  background-color: transparent;
  cursor: pointer;
}

/* line 14, app/assets/stylesheets/definitions/mixins/_button_reset.scss */
.credential-form .password-toggle-button:focus:not(.focus-visible) {
  outline: 0;
}

/* line 103, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .password-toggle-button:hover {
  background-position: left 0.28125rem top -1.03125rem;
}

/* line 105, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .password-toggle-button:focus-visible {
  border: 0.0625rem dotted var(--primary-border-color);
}

/* line 110, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .password-toggle-button.password-visible {
  background-position: left -1.03125rem top 0.28125rem;
}

/* line 112, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .password-toggle-button.password-visible:hover {
  background-position: left -1.03125rem top -1.03125rem;
}

/* line 115, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form ::-ms-reveal {
  display: none;
}

/* line 119, app/assets/stylesheets/shared/_credential_form.scss */
.credential-form .forgot-password-link {
  display: block;
  margin: 1.5rem auto;
}

/* line 2, app/assets/stylesheets/shared/_sso_options.scss */
.sso-options form {
  margin: 0;
  line-height: 0;
}

/* line 7, app/assets/stylesheets/shared/_sso_options.scss */
.sso-options .sso-button-stretcher {
  display: block;
  text-align: center;
}

/* line 12, app/assets/stylesheets/shared/_sso_options.scss */
.sso-options .sso-button {
  max-width: 100%;
  max-height: 3rem;
}

/* line 19, app/assets/stylesheets/shared/_sso_options.scss */
.sso-options .sso-divider {
  align-items: center;
  color: var(--border-strong);
  display: grid;
  font: bold 0.8125rem/100% Gabarito, sans-serif;
  grid-gap: 1rem;
  grid-template-columns: 1fr auto 1fr;
  text-transform: uppercase;
  margin: 2rem 0;
}

/* line 29, app/assets/stylesheets/shared/_sso_options.scss */
.sso-options .sso-divider:before, .sso-options .sso-divider:after {
  border-top: 0.0625rem solid var(--border-strong);
  content: "";
  display: block;
}

/* line 37, app/assets/stylesheets/shared/_sso_options.scss */
.sso-options #google-sso-form {
  margin-bottom: 2rem;
  display: block;
  text-align: center;
}

/* line 1, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-page-content {
  --background: white;
  --primary-text-color: black;
  --primary-border-color: #817E7E;
  --primary-background-color: white;
  --secondary-background-color: #FBFDFB;
  --primary-link-color: #5DC069;
  --primary-link-hover-color: #339552;
  --primary-hint-color: #817E7E;
  --plain-link-color: #189BE0;
  --plain-link-hover-color: #066AFA;
  --primary-label-color: #333333;
  --foreground-weakest: #C0BDB4;
  --warning-background-color: #FEFAFB;
  --background-action-static: #92C181;
  --background-action-strong: #7D9F76;
  --background-action-strongest: #5F7A64;
  --background-error: #D76335;
  --background-weak: #BFBCB1;
  --border: #BFBCB1;
  --border-strong: #757A72;
  --foreground: #323531;
  --foreground-action: #92C181;
  --foreground-error: #F77D4D;
  --foreground-inverse-static: #FFFFFF;
  --foreground-weak: #757A72;
  --surface: #ECF3E8;
  background-color: #FFFFFF;
  min-height: 100vh;
  position: relative;
}

/* line 9, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-header {
  position: absolute;
  top: 1.81rem;
  left: 0;
  padding: 0.5rem 5rem;
  text-align: left;
}

@media only screen and (max-width: 40em) {
  /* line 9, app/assets/stylesheets/pages/_onboarding.scss */
  .onboarding-header {
    padding: 0.5rem 1.25rem;
  }
}

/* line 21, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-logo-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

/* line 26, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-logo-link:hover {
  opacity: 0.8;
}

/* line 31, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-logo {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #5F7A64;
  mask-image: url(https://dev-freedom.com/assets/onboarding/freedom-logo-full-d02c2b04bf6b03ebb6acd2a1674c91b160f53af529eb7889f4d210b0975431ae.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  display: block;
  width: 9.285rem;
  height: 1.5rem;
  mask-size: 100% 100%;
}

/* line 40, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-content {
  width: 31.25rem;
  margin: 0 auto;
  padding: 8.5rem 0 3.75rem;
}

@media only screen and (max-width: 40em) {
  /* line 40, app/assets/stylesheets/pages/_onboarding.scss */
  .onboarding-content {
    width: auto;
    max-width: 31.25rem;
    padding: 6.25rem 1.25rem 3.75rem;
  }
}

/* line 52, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-title {
  font: 600 2.125rem/2.5625rem Gabarito, sans-serif;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  color: #111110;
  margin: 0 0 2.5rem 0;
}

@media only screen and (max-width: 40em) {
  /* line 52, app/assets/stylesheets/pages/_onboarding.scss */
  .onboarding-title {
    font: 600 1.625rem/2rem Gabarito, sans-serif;
    letter-spacing: 0;
    text-transform: none;
  }
}

/* line 63, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-survey {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

/* line 69, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-question-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 75, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-question-text {
  font: 600 1.25rem/1.5625rem Gabarito, sans-serif;
  letter-spacing: 0;
  text-transform: none;
  color: #111110;
  margin: 0;
}

@media only screen and (max-width: 40em) {
  /* line 75, app/assets/stylesheets/pages/_onboarding.scss */
  .onboarding-question-text {
    font: 600 1.125rem/1.4375rem Gabarito, sans-serif;
    letter-spacing: 0;
    text-transform: none;
  }
}

/* line 85, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-question-options {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 91, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-question-choice {
  margin: 0;
}

/* line 95, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-question-choice .real-control {
  opacity: 0;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* line 103, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-control-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  height: 2rem;
}

/* line 110, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-control-line label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  cursor: pointer;
}

/* line 120, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-pseudo-label {
  font: normal 1.25rem/1.5625rem Gabarito, sans-serif;
  letter-spacing: 0;
  text-transform: none;
  color: #111110;
}

@media only screen and (max-width: 40em) {
  /* line 120, app/assets/stylesheets/pages/_onboarding.scss */
  .onboarding-pseudo-label {
    font: normal 1.125rem/1.4375rem Gabarito, sans-serif;
    letter-spacing: 0;
    text-transform: none;
  }
}

/* line 129, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-pseudo-control {
  width: 2rem;
  height: 2rem;
  background-color: #FFFFFF;
  border: 1px solid #BFBCB1;
  display: block;
  flex-shrink: 0;
  box-sizing: border-box;
}

/* line 139, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-pseudo-control:active {
  background: #EDEDEA;
}

/* line 143, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-pseudo-radio {
  border-radius: 50%;
}

/* line 147, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-pseudo-checkbox {
  width: 1.75rem;
  height: 1.75rem;
  margin-left: 0.1875rem;
  margin-right: 0.1875rem;
}

/* line 155, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-question-choice .real-control:focus + .onboarding-control-line .onboarding-pseudo-control {
  border-color: #5AC5FA;
  box-shadow: 0 0 0 0.125rem rgba(90, 197, 250, 0.3);
}

/* line 162, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-question-choice .real-control:checked + .onboarding-control-line .onboarding-pseudo-control {
  background: no-repeat center center / contain;
}

/* line 166, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-question-choice .real-control:checked + .onboarding-control-line .onboarding-pseudo-checkbox {
  background-image: url(https://dev-freedom.com/assets/icons/checkbox-checked-f8002165cd7646195c2dcc4a9acabae49d939974749305905adea5f25e1cc235.png);
}

/* line 170, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-question-choice .real-control:checked + .onboarding-control-line .onboarding-pseudo-radio {
  background-image: url(https://dev-freedom.com/assets/icons/radio-checked-1db0e4b345b5bb418a140865e2b26bf0ece5751bceb0e69188d1cc961932cbc8.png);
}

/* line 175, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-form-action {
  margin-top: 0;
}

/* line 179, app/assets/stylesheets/pages/_onboarding.scss */
.onboarding-next-button {
  display: block;
  width: 100%;
  border-radius: 6.25rem !important;
}

/* line 1, app/assets/stylesheets/pages/_intro.scss */
.intro-page-content {
  --background: white;
  --primary-text-color: black;
  --primary-border-color: #817E7E;
  --primary-background-color: white;
  --secondary-background-color: #FBFDFB;
  --primary-link-color: #5DC069;
  --primary-link-hover-color: #339552;
  --primary-hint-color: #817E7E;
  --plain-link-color: #189BE0;
  --plain-link-hover-color: #066AFA;
  --primary-label-color: #333333;
  --foreground-weakest: #C0BDB4;
  --warning-background-color: #FEFAFB;
  --background-action-static: #92C181;
  --background-action-strong: #7D9F76;
  --background-action-strongest: #5F7A64;
  --background-error: #D76335;
  --background-weak: #BFBCB1;
  --border: #BFBCB1;
  --border-strong: #757A72;
  --foreground: #323531;
  --foreground-action: #92C181;
  --foreground-error: #F77D4D;
  --foreground-inverse-static: #FFFFFF;
  --foreground-weak: #757A72;
  --surface: #ECF3E8;
  background: center/cover no-repeat url(https://dev-freedom.com/assets/background/crinkled-paper-intro-4a40a9e07d86b0cea07619905b710003cdcc20c19fa7e8fa1c7c48e6d38f2d02.webp);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.25rem;
}

/* line 12, app/assets/stylesheets/pages/_intro.scss */
.intro-header {
  display: none;
}

/* line 16, app/assets/stylesheets/pages/_intro.scss */
.intro-content {
  width: 100%;
  max-width: 46.25rem;
  margin: 0 auto;
}

/* line 22, app/assets/stylesheets/pages/_intro.scss */
.intro-form {
  display: flex;
  flex-direction: column;
  margin: 0;
}

/* line 28, app/assets/stylesheets/pages/_intro.scss */
.intro-card {
  background-color: #1F4A30;
  border-radius: 1.25rem;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
  padding: 0 1.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 46.25rem;
}

/* line 39, app/assets/stylesheets/pages/_intro.scss */
.intro-card-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem 0 3rem;
}

/* line 46, app/assets/stylesheets/pages/_intro.scss */
.intro-card-logo {
  display: block;
  width: 1.4rem;
  height: 1.25rem;
  background: url(https://dev-freedom.com/assets/intro/freedom-logo-white-06c3afd98d87181e6b753e5c6b48e206a9b1c776e64207a4a72f939be2686ec5.svg) center/contain no-repeat;
}

/* line 53, app/assets/stylesheets/pages/_intro.scss */
.intro-card-logo-text {
  font-weight: 600;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #FFFFFF;
}

/* line 62, app/assets/stylesheets/pages/_intro.scss */
.intro-card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
  padding: 0;
  gap: 0;
}

/* line 72, app/assets/stylesheets/pages/_intro.scss */
.intro-card-body--page-3 {
  position: relative;
  padding-bottom: 5.75rem;
}

@media (max-width: 48.3125rem) {
  /* line 72, app/assets/stylesheets/pages/_intro.scss */
  .intro-card-body--page-3 {
    padding-bottom: 1.5rem;
  }
}

/* line 81, app/assets/stylesheets/pages/_intro.scss */
.intro-card-title {
  color: #FFFFFF;
  max-width: 28rem;
}

/* line 88, app/assets/stylesheets/pages/_intro.scss */
.intro-highlight {
  color: #F8AD17;
}

/* line 92, app/assets/stylesheets/pages/_intro.scss */
.intro-card-subtitle {
  color: #FFFFFF;
  margin: 3rem 0;
}

/* line 99, app/assets/stylesheets/pages/_intro.scss */
.intro-card-illustration {
  align-self: stretch;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  width: calc(100% + 3rem);
  max-width: none;
  height: auto;
}

/* line 108, app/assets/stylesheets/pages/_intro.scss */
.intro-card-illustration {
  display: block;
}

/* line 114, app/assets/stylesheets/pages/_intro.scss */
.intro-card-body--page-2 .intro-card-illustration {
  margin-top: -1rem;
}

/* line 118, app/assets/stylesheets/pages/_intro.scss */
.intro-card-body--page-3 .intro-card-illustration {
  margin: 4rem -1.5rem;
}

/* line 122, app/assets/stylesheets/pages/_intro.scss */
.intro-feature-list {
  list-style: none;
  margin: -0.75rem 0 0;
  padding: 0;
  width: 100%;
  max-width: 28.5rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

/* line 135, app/assets/stylesheets/pages/_intro.scss */
.intro-feature-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 141, app/assets/stylesheets/pages/_intro.scss */
.intro-feature-icon,
.intro-benefit-icon {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}

/* line 149, app/assets/stylesheets/pages/_intro.scss */
.intro-icon-check-circle {
  width: 1.66669rem;
  height: 1.66669rem;
  mask-size: 1.66669rem 1.66669rem;
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #F8AD17;
  mask-image: url(https://dev-freedom.com/assets/intro/icon-check-circle-f9c2289aba90bd82dd77d94b84453e867bbfd7e5ddfadcd341c76ccd56341efa.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  background-position: center;
}

/* line 149, app/assets/stylesheets/pages/_intro.scss */
.intro-icon-clock-outline {
  width: 1.66669rem;
  height: 1.66669rem;
  mask-size: 1.66669rem 1.66669rem;
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #F8AD17;
  mask-image: url(https://dev-freedom.com/assets/intro/icon-clock-outline-8fe3670a2706c62aa9756576dd03568d60e2be1852ee506f97562df7271eafda.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  background-position: center;
}

/* line 149, app/assets/stylesheets/pages/_intro.scss */
.intro-icon-devices {
  width: 1.66669rem;
  height: 1.66669rem;
  mask-size: 1.66669rem 1.66669rem;
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #F8AD17;
  mask-image: url(https://dev-freedom.com/assets/intro/icon-devices-1c94f974ac4e77f80c2f1e87d62904e1b0a463a597f22f42bdade883fdcd9d26.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  background-position: center;
}

/* line 149, app/assets/stylesheets/pages/_intro.scss */
.intro-icon-calendar-outline {
  width: 1.66669rem;
  height: 1.66669rem;
  mask-size: 1.66669rem 1.66669rem;
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #F8AD17;
  mask-image: url(https://dev-freedom.com/assets/intro/icon-calendar-outline-dce22e6863d4dd475dcc1cbfb64e22e4a7730be838b3c3d30563b6a153461aaa.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  background-position: center;
}

/* line 149, app/assets/stylesheets/pages/_intro.scss */
.intro-icon-star-outline {
  width: 1.66669rem;
  height: 1.66669rem;
  mask-size: 1.66669rem 1.66669rem;
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #F8AD17;
  mask-image: url(https://dev-freedom.com/assets/intro/icon-star-outline-62002ac77c59e245290452439dea55e40b461c49e60ca281defe273ff8488baa.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  background-position: center;
}

/* line 157, app/assets/stylesheets/pages/_intro.scss */
.intro-feature-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 162, app/assets/stylesheets/pages/_intro.scss */
.intro-feature-text strong {
  font-weight: 600;
  color: #FFFFFF;
}

/* line 169, app/assets/stylesheets/pages/_intro.scss */
.intro-feature-text span {
  color: #FFFFFF;
}

/* line 176, app/assets/stylesheets/pages/_intro.scss */
.intro-card-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 1.25rem;
  row-gap: 3.5rem;
  width: 100%;
  align-items: stretch;
  text-align: left;
  padding: 0 0.5rem;
}

/* line 188, app/assets/stylesheets/pages/_intro.scss */
.intro-testimonial {
  background-color: #FFFFFF;
  border-radius: 1rem;
  padding: 2.3125rem;
  flex: 0 1 auto;
  width: 100%;
  max-width: 20.3125rem;
  min-height: 14.25rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}

/* line 203, app/assets/stylesheets/pages/_intro.scss */
.intro-testimonial-stars {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}

/* line 208, app/assets/stylesheets/pages/_intro.scss */
.intro-testimonial-stars img {
  width: 1.0625rem;
  height: 1.0625rem;
}

/* line 214, app/assets/stylesheets/pages/_intro.scss */
.intro-testimonial-title {
  font-weight: 600;
  color: #111110;
  display: block;
}

/* line 222, app/assets/stylesheets/pages/_intro.scss */
.intro-testimonial-quote {
  color: #111110;
  margin: 0;
}

/* line 229, app/assets/stylesheets/pages/_intro.scss */
.intro-testimonial-author {
  font-weight: 600;
  color: #7D9F76;
}

/* line 236, app/assets/stylesheets/pages/_intro.scss */
.intro-benefits-list {
  list-style: none;
  margin: 0;
  padding: 0 0.75rem;
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.75rem;
}

/* line 246, app/assets/stylesheets/pages/_intro.scss */
.intro-benefits-list li {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #FFFFFF;
}

/* line 256, app/assets/stylesheets/pages/_intro.scss */
.intro-card-action {
  display: flex;
  justify-content: center;
  padding: 2rem 1.5rem 0;
  margin-top: auto;
}

/* line 263, app/assets/stylesheets/pages/_intro.scss */
.intro-card-button {
  width: 16.375rem;
  height: 3rem;
  border-radius: 6.25rem !important;
}

/* line 271, app/assets/stylesheets/pages/_intro.scss */
.intro-card-button:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}

/* line 1, app/assets/stylesheets/pages/_downloads.scss */
.downloads-page-content {
  max-width: 1000px;
  margin: 0 auto 80px auto;
}

/* line 4, app/assets/stylesheets/general/_icons.scss */
.downloads-page-content .platform-mac,
.downloads-page-content .platform-macos {
  background-image: url(https://dev-freedom.com/assets/icons/platforms/gray/mac-4e2f47fb0ff3f0dd09a61fa060d8b645ce5170832dbf259bda75229961cd190d.svg);
}

/* line 9, app/assets/stylesheets/general/_icons.scss */
.downloads-page-content .platform-windows {
  background-image: url(https://dev-freedom.com/assets/icons/platforms/gray/windows-3fb7bfde436f9fdb15da655746562a72b567030e3fa6dd30f90a93368475e96a.svg);
}

/* line 13, app/assets/stylesheets/general/_icons.scss */
.downloads-page-content .platform-ios {
  background-image: url(https://dev-freedom.com/assets/icons/platforms/gray/ios-5d9cd6f76af7621a4dc156276b0241fbaec43f7caffb26afd6a09a46290f5503.svg);
}

/* line 17, app/assets/stylesheets/general/_icons.scss */
.downloads-page-content .platform-android {
  background-image: url(https://dev-freedom.com/assets/icons/platforms/gray/android-f33a0d2a7dd768a309e1eb33599bf5ef2a68ef9f16056f475620c8f8a6e9b0df.svg);
}

/* line 21, app/assets/stylesheets/general/_icons.scss */
.downloads-page-content .platform-chromeos {
  background-image: url(https://dev-freedom.com/assets/icons/platforms/gray/chromeos-6fe9c1036514039dbccbfb260fba7d294aa1e0456e8ac2ce01e6775213aca2bf.svg);
}

/* line 25, app/assets/stylesheets/general/_icons.scss */
.downloads-page-content .platform-linux {
  background-image: url(https://dev-freedom.com/assets/icons/platforms/gray/linux-a81dfe30c4e53a9fe7f3a4122e1e4e6d98752bfbd377d3fdd55deaf50fa74617.svg);
}

@media only screen and (min-width: 40.063em) {
  /* line 1, app/assets/stylesheets/pages/_downloads.scss */
  .downloads-page-content {
    padding: 0 20px;
  }
}

/* line 11, app/assets/stylesheets/pages/_downloads.scss */
.downloads-page-content header {
  margin: 0 20px;
}

/* line 14, app/assets/stylesheets/pages/_downloads.scss */
.downloads-page-content header .page-header {
  margin-bottom: 15px;
  font-size: 42px;
  letter-spacing: 0.14px;
  line-height: 49px;
}

/* line 21, app/assets/stylesheets/pages/_downloads.scss */
.downloads-page-content header .page-summary {
  margin-bottom: 36px;
  color: #676767;
  font-size: 16px;
  line-height: 24px;
  font-family: Roboto, Helvetica, sans-serif;
  font-weight: normal;
  text-align: center;
}

/* line 32, app/assets/stylesheets/pages/_downloads.scss */
.downloads-page-content hr {
  margin: 28px 0;
  border-width: 0;
}

@media only screen and (min-width: 40.063em) {
  /* line 32, app/assets/stylesheets/pages/_downloads.scss */
  .downloads-page-content hr {
    display: block;
    background-color: #979797;
    border-top: 1px dashed white;
  }
}

@media only screen and (min-width: 64.063em) {
  /* line 32, app/assets/stylesheets/pages/_downloads.scss */
  .downloads-page-content hr {
    margin: 48px 0;
  }
}

/* line 1, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information {
  display: flex;
  flex-direction: column;
  margin: 30px;
  color: black;
}

@media only screen and (min-width: 40.063em) {
  /* line 1, app/assets/stylesheets/pages/downloads/_installation_information.scss */
  .downloads-page-content .installation-information {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
    padding: 50px 70px 60px 60px;
  }
}

/* line 15, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information h3 {
  margin: 0 0 10px 0;
  color: black;
  font-size: 16px;
  font-family: Roboto, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 24px;
}

/* line 24, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information p {
  color: black;
  font-size: 16px;
  font-family: Roboto, Helvetica, sans-serif;
  line-height: 24px;
}

/* line 31, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information .client {
  margin: 0 0 34px 0;
  text-align: center;
}

@media only screen and (min-width: 40.063em) {
  /* line 31, app/assets/stylesheets/pages/downloads/_installation_information.scss */
  .downloads-page-content .installation-information .client {
    min-width: 180px;
    margin: 0 20px 0 0;
    text-align: left;
  }
}

@media only screen and (min-width: 40.063em) {
  /* line 42, app/assets/stylesheets/pages/downloads/_installation_information.scss */
  .downloads-page-content .installation-information .instructions {
    max-width: 300px;
    margin: 0 30px 0 0;
  }
}

/* line 48, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information .instructions ol {
  list-style: none;
  counter-reset: instructions-counter;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

/* line 56, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information .instructions ol li {
  counter-increment: instructions-counter;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  color: black;
  font-size: 16px;
  font-family: Roboto, Helvetica, sans-serif;
  line-height: 24px;
}

/* line 66, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information .instructions ol li:before {
  flex-shrink: 0;
  content: counter(instructions-counter);
  width: 34px;
  height: 34px;
  margin-right: 15px;
  border: 1px solid #6ec05d;
  border-radius: 17px;
  color: #5DC069;
  font-weight: bold;
  text-align: center;
  line-height: 34px;
}

/* line 84, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information .support ul {
  list-style: none;
  margin: 0 0 1.25rem 0;
}

/* line 88, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information .support ul li {
  color: black;
}

/* line 93, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information .support p:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 40.063em) {
  /* line 93, app/assets/stylesheets/pages/downloads/_installation_information.scss */
  .downloads-page-content .installation-information .support p:last-child {
    margin-bottom: auto;
  }
}

/* line 102, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information .platform {
  min-width: 75px;
  margin: 0 0 20px 0;
  padding-top: 90px;
  background-size: 75px 83px;
  background-repeat: no-repeat;
  background-position: top center;
  color: black;
  font-size: 42px;
  font-family: proxima-nova, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 0.14px;
  line-height: 49px;
}

@media only screen and (min-width: 40.063em) {
  /* line 102, app/assets/stylesheets/pages/downloads/_installation_information.scss */
  .downloads-page-content .installation-information .platform {
    margin: 0 0 15px 0;
    padding-top: 100px;
    background-position: top left;
  }
}

/* line 123, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information .installer-link {
  display: inline-block;
  padding: 10px 30px;
  border-radius: 3px;
  background: #6ec05d;
  color: white;
  font-size: 18px;
  font-family: Roboto, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.39px;
  line-height: 20px;
  text-align: center;
}

@media only screen and (min-width: 40.063em) {
  /* line 123, app/assets/stylesheets/pages/downloads/_installation_information.scss */
  .downloads-page-content .installation-information .installer-link {
    padding: 10px;
  }
}

/* line 144, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information.ios .installer-link, .downloads-page-content .installation-information.android .installer-link {
  width: 180px;
  height: 60px;
  padding: 0;
  border-radius: 0;
  color: transparent;
  background: white center no-repeat;
  background-size: 180px;
}

@media only screen and (min-width: 40.063em) {
  /* line 144, app/assets/stylesheets/pages/downloads/_installation_information.scss */
  .downloads-page-content .installation-information.ios .installer-link, .downloads-page-content .installation-information.android .installer-link {
    width: 140px;
    height: 50px;
    background-size: 140px;
  }
}

/* line 161, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information.ios .installer-link {
  background-image: url(https://dev-freedom.com/assets/app-store-badge-66a5f61678d9f1e072023ba6236cc08fae7e7a594aaecb02d852e5947c644d0c.png);
}

/* line 165, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information.android .installer-link {
  background-image: url(https://dev-freedom.com/assets/google-play-badge-8cfbf991166d84a8840de92471aba5d7eef1ea50aa7f029201e94c5565be921e.svg);
}

/* line 169, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information .support-link {
  color: #6ec05d;
}

/* line 173, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information.browser-based {
  margin-bottom: 30px;
}

@media only screen and (min-width: 40.063em) {
  /* line 173, app/assets/stylesheets/pages/downloads/_installation_information.scss */
  .downloads-page-content .installation-information.browser-based {
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 0;
  }
}

/* line 182, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information.browser-based .client {
  margin-bottom: 0;
}

@media only screen and (min-width: 40.063em) {
  /* line 182, app/assets/stylesheets/pages/downloads/_installation_information.scss */
  .downloads-page-content .installation-information.browser-based .client {
    margin-bottom: 34px;
    min-width: 210px;
    margin-right: 50px;
  }
}

/* line 192, app/assets/stylesheets/pages/downloads/_installation_information.scss */
.downloads-page-content .installation-information.browser-based .instructions {
  max-width: 100%;
  margin: 0;
  flex-grow: 1;
  text-align: center;
}

@media only screen and (min-width: 40.063em) {
  /* line 192, app/assets/stylesheets/pages/downloads/_installation_information.scss */
  .downloads-page-content .installation-information.browser-based .instructions {
    text-align: left;
  }
}

/* line 1, app/assets/stylesheets/pages/downloads/_browser_extension.scss */
.downloads-page-content .browser-extension {
  display: flex;
  flex-direction: column;
  background: #F2FBF6;
  color: black;
  padding: 28px;
}

@media only screen and (min-width: 40.063em) {
  /* line 1, app/assets/stylesheets/pages/downloads/_browser_extension.scss */
  .downloads-page-content .browser-extension {
    flex-direction: row;
    justify-content: space-between;
    margin: 28px 0;
    padding: 28px 40px;
    border-radius: 3px;
  }
}

@media only screen and (min-width: 64.063em) {
  /* line 1, app/assets/stylesheets/pages/downloads/_browser_extension.scss */
  .downloads-page-content .browser-extension {
    margin: 48px 0;
    padding: 40px 62px;
  }
}

/* line 21, app/assets/stylesheets/pages/downloads/_browser_extension.scss */
.downloads-page-content .browser-extension .description {
  margin: 0 0 18px 0;
  padding: 77px 0 0 0;
  background: no-repeat url(https://dev-freedom.com/assets/icons/browser-extension-93174fb42cf81ac1dfbe251716cc72a02794e386d1370cc91864be141e07c77a.svg) top left;
  background-size: 60px 59px;
}

@media only screen and (min-width: 40.063em) {
  /* line 21, app/assets/stylesheets/pages/downloads/_browser_extension.scss */
  .downloads-page-content .browser-extension .description {
    max-width: 450px;
    margin: 0 20px 0 0;
    padding: 0 0 0 92px;
    background-position: top 11px left;
  }
}

/* line 34, app/assets/stylesheets/pages/downloads/_browser_extension.scss */
.downloads-page-content .browser-extension .description h2 {
  margin: 0 0 10px 0;
  color: black;
  font-family: proxima-nova, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.17px;
  line-height: 1.2;
}

/* line 44, app/assets/stylesheets/pages/downloads/_browser_extension.scss */
.downloads-page-content .browser-extension .description p {
  margin: 0;
  color: black;
  font-size: 16px;
  font-family: Roboto, Helvetica, sans-serif;
  line-height: 24px;
}

@media only screen and (min-width: 40.063em) {
  /* line 53, app/assets/stylesheets/pages/downloads/_browser_extension.scss */
  .downloads-page-content .browser-extension .instructions {
    width: 260px;
    flex-shrink: 0;
    text-align: center;
  }
}

/* line 60, app/assets/stylesheets/pages/downloads/_browser_extension.scss */
.downloads-page-content .browser-extension .instructions .installer-link {
  display: inline-block;
  padding: 10px;
  border-radius: 3px;
  background: #6ec05d;
  color: white;
  font-size: 14px;
  font-family: Roboto, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.08px;
  line-height: 20px;
}

@media only screen and (min-width: 40.063em) {
  /* line 60, app/assets/stylesheets/pages/downloads/_browser_extension.scss */
  .downloads-page-content .browser-extension .instructions .installer-link {
    display: inline-block;
  }
}

/* line 78, app/assets/stylesheets/pages/downloads/_browser_extension.scss */
.downloads-page-content .browser-extension .instructions p {
  margin: 10px 0 0 0;
  color: #7F7F7F;
  font-size: 12px;
  font-family: Roboto, Helvetica, sans-serif;
  line-height: 20px;
}

@media only screen and (min-width: 40.063em) {
  /* line 78, app/assets/stylesheets/pages/downloads/_browser_extension.scss */
  .downloads-page-content .browser-extension .instructions p {
    text-align: center;
  }
}

/* line 91, app/assets/stylesheets/pages/downloads/_browser_extension.scss */
.downloads-page-content .browser-extension .show-for-macos,
.downloads-page-content .browser-extension .show-for-windows {
  display: none;
}

/* line 1, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps {
  margin: 0 0 28px 0;
}

/* line 4, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps h2,
.downloads-page-content .browser-apps h3 {
  margin: 0 auto;
  color: black;
  font-size: 42px;
  font-family: proxima-nova, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 0.14px;
  line-height: 49px;
}

/* line 15, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps p {
  margin: 0 auto;
  color: #676767;
  font-size: 16px;
  font-family: Roboto, Helvetica, sans-serif;
  line-height: 24px;
}

/* line 23, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps .summary {
  margin: 0 28px;
}

/* line 26, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps .summary h2 {
  margin-bottom: 10px;
}

/* line 30, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps .summary p {
  max-width: 750px;
  margin-bottom: 24px;
}

@media only screen and (min-width: 40.063em) {
  /* line 23, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
  .downloads-page-content .browser-apps .summary {
    text-align: center;
  }
}

/* line 40, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps .browser-apps-list {
  display: flex;
  flex-direction: column;
  margin: 0 28px;
}

@media only screen and (min-width: 48.063em) {
  /* line 40, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
  .downloads-page-content .browser-apps .browser-apps-list {
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
  }
}

/* line 51, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps .browser-apps-list .browser-app {
  margin: 0 0 15px 0;
  padding: 105px 25px 35px 25px;
  border: none;
  background-size: 62px;
  background-repeat: no-repeat;
  background-position: 25px 33px;
}

@media only screen and (min-width: 40.063em) {
  /* line 51, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
  .downloads-page-content .browser-apps .browser-apps-list .browser-app {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 25px 25px 35px 130px;
  }
}

@media only screen and (min-width: 48.063em) {
  /* line 51, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
  .downloads-page-content .browser-apps .browser-apps-list .browser-app {
    flex-direction: column;
    align-content: space-between;
    align-items: flex-start;
    margin: 0 5px;
    padding: 105px 7px 35px 7px;
    background-position: 7px 33px;
  }
  /* line 75, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
  .downloads-page-content .browser-apps .browser-apps-list .browser-app:first-child {
    margin-left: 0;
  }
  /* line 79, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
  .downloads-page-content .browser-apps .browser-apps-list .browser-app:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 64.063em) {
  /* line 51, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
  .downloads-page-content .browser-apps .browser-apps-list .browser-app {
    padding: 105px 15px 35px 15px;
    background-position: 15px 33px;
  }
}

/* line 89, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps .browser-apps-list .browser-app.pause {
  background-image: url(https://dev-freedom.com/assets/downloads/pause-app-ac466e45321e81d52fd4c6547e1a98c12e4450ae2fb8e769faba39b135522cff.png);
}

/* line 93, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps .browser-apps-list .browser-app.limit {
  background-image: url(https://dev-freedom.com/assets/downloads/limit-app-784f9989f28ce1fdd9581e0b7d86bb0c34663c3a5c7436ca13265162b519bbf7.png);
}

/* line 97, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps .browser-apps-list .browser-app.insight {
  background-image: url(https://dev-freedom.com/assets/downloads/insight-app-21ec2c882db0cf25c9f4349541754bf388c64288ddd6acd3eb73c08b9c5137a1.png);
}

/* line 101, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps .browser-apps-list .browser-app.focus {
  background-image: url(https://dev-freedom.com/assets/downloads/focus-app-d307c88f7d7a9e0b3ebb3c192c3054a0f56de7bdc753645d6f5f41006001e478.png);
}

/* line 105, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps .browser-apps-list .browser-app h3 {
  margin-bottom: 12px;
}

@media only screen and (min-width: 40.063em) {
  /* line 105, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
  .downloads-page-content .browser-apps .browser-apps-list .browser-app h3 {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 48.063em) {
  /* line 105, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
  .downloads-page-content .browser-apps .browser-apps-list .browser-app h3 {
    margin-bottom: 12px;
  }
}

/* line 117, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps .browser-apps-list .browser-app .description {
  max-width: 260px;
  margin: 0 20px 15px 0;
}

/* line 122, app/assets/stylesheets/pages/downloads/_browser_apps.scss */
.downloads-page-content .browser-apps .browser-apps-list .browser-app a {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 3px;
  background: #6ec05d;
  color: white;
  font-size: 14px;
  font-family: Roboto, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.08px;
  line-height: 20px;
}

/* line 2, app/assets/stylesheets/pages/_perks.scss */
.external-page-layout .perks-page-content {
  background-color: #f6fcf9;
}

/* line 1, app/assets/stylesheets/pages/perks/_header.scss */
.perks-page-content h1 {
  color: black;
  font-size: 42px;
  letter-spacing: 0.23px;
  line-height: 49px;
  margin-bottom: 15px;
}

/* line 9, app/assets/stylesheets/pages/perks/_header.scss */
.perks-page-content p {
  color: black;
  font: 20px/24px proxima-nova, Helvetica, sans-serif;
  letter-spacing: 0.17px;
  margin: 0 0 12px 0;
}

@media only screen and (min-width: 40.063em) {
  /* line 9, app/assets/stylesheets/pages/perks/_header.scss */
  .perks-page-content p {
    font-size: 24px;
    line-height: 28px;
  }
}

/* line 21, app/assets/stylesheets/pages/perks/_header.scss */
.perks-page-content .premium-header {
  margin-bottom: 35px;
}

@media only screen and (min-width: 40.063em) {
  /* line 21, app/assets/stylesheets/pages/perks/_header.scss */
  .perks-page-content .premium-header {
    margin-bottom: 45px;
  }
}

/* line 28, app/assets/stylesheets/pages/perks/_header.scss */
.perks-page-content .premium-header p {
  font-size: 16px;
  line-height: 24px;
  margin: 0 20px;
  text-align: center;
}

/* line 36, app/assets/stylesheets/pages/perks/_header.scss */
.perks-page-content .non-premium-header {
  margin: 0 auto 35px auto;
  max-width: 980px;
  padding: 1px 16px 0 16px;
  position: relative;
}

@media only screen and (min-width: 40.063em) {
  /* line 36, app/assets/stylesheets/pages/perks/_header.scss */
  .perks-page-content .non-premium-header {
    margin: 0 auto 45px auto;
  }
}

/* line 46, app/assets/stylesheets/pages/perks/_header.scss */
.perks-page-content .non-premium-header h1 {
  margin-bottom: 25px;
  text-align: left;
}

@media only screen and (min-width: 40.063em) {
  /* line 46, app/assets/stylesheets/pages/perks/_header.scss */
  .perks-page-content .non-premium-header h1 {
    margin-bottom: 35px;
    font-size: 70px;
    line-height: 49px;
  }
}

/* line 57, app/assets/stylesheets/pages/perks/_header.scss */
.perks-page-content .non-premium-header .perks-cta-button {
  display: inline-block;
  margin-top: 20px;
}

@media only screen and (min-width: 40.063em) {
  /* line 57, app/assets/stylesheets/pages/perks/_header.scss */
  .perks-page-content .non-premium-header .perks-cta-button {
    margin: 0;
    position: absolute;
    right: 22px;
    top: 70px;
    width: 345px;
  }
}

/* line 1, app/assets/stylesheets/pages/perks/_list.scss */
.perks-page-content .perks-list {
  background: white;
  margin: 0 auto 70px auto;
  max-width: 980px;
  padding-top: 40px;
}

/* line 8, app/assets/stylesheets/pages/perks/_list.scss */
.perks-page-content .perks-row {
  align-items: center;
  border-radius: 10px;
  border: 1px solid #bfbfbf;
  box-shadow: 0 8px 10px rgba(0, 35, 64, 0.2);
  display: flex;
  flex-direction: column;
  margin: 0 15px 25px 15px;
}

@media only screen and (min-width: 40.063em) {
  /* line 8, app/assets/stylesheets/pages/perks/_list.scss */
  .perks-page-content .perks-row {
    flex-direction: row;
  }
}

@media only screen and (min-width: 980px) {
  /* line 8, app/assets/stylesheets/pages/perks/_list.scss */
  .perks-page-content .perks-row {
    margin: 0 10px 25px 10px;
  }
}

/* line 25, app/assets/stylesheets/pages/perks/_list.scss */
.perks-page-content .perks-row .logo {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 120px;
  justify-content: center;
}

@media only screen and (min-width: 40.063em) {
  /* line 25, app/assets/stylesheets/pages/perks/_list.scss */
  .perks-page-content .perks-row .logo {
    align-items: center;
    height: auto;
    width: 200px;
  }
}

/* line 38, app/assets/stylesheets/pages/perks/_list.scss */
.perks-page-content .perks-row .logo img {
  width: 140px;
}

/* line 43, app/assets/stylesheets/pages/perks/_list.scss */
.perks-page-content .perks-row .perk {
  background: url(https://dev-freedom.com/assets/perks/perk-background-clip-horizontal-a2a63757d7b60dbbd140bd2d2e11365f679dbf0bb5047ed8e83eeb8bffa6fce5.svg) top center repeat-x;
  border-radius: 10px;
  padding: 22px 15px;
}

@media only screen and (min-width: 40.063em) {
  /* line 43, app/assets/stylesheets/pages/perks/_list.scss */
  .perks-page-content .perks-row .perk {
    background: url(https://dev-freedom.com/assets/perks/perk-background-clip-vertical-2895c5fd380a802b56e90fd696d0885dfa2c0765821c14ea988d9c4289fd2c46.svg) left center repeat-y;
    padding: 22px 10px 22px 30px;
  }
}

/* line 54, app/assets/stylesheets/pages/perks/_list.scss */
.perks-page-content .perks-row h2 {
  color: black;
  font: bold 12px/16px proxima-nova, Helvetica, sans-serif;
  margin: 8px 0;
}

@media only screen and (min-width: 40.063em) {
  /* line 54, app/assets/stylesheets/pages/perks/_list.scss */
  .perks-page-content .perks-row h2 {
    margin: 0 0 8px 0;
  }
}

/* line 64, app/assets/stylesheets/pages/perks/_list.scss */
.perks-page-content .perks-row .perk-description {
  font: bold 24px/29px proxima-nova, Helvetica, sans-serif;
  letter-spacing: 0.17px;
  margin: 0 0 8px 0;
}

@media only screen and (min-width: 40.063em) {
  /* line 64, app/assets/stylesheets/pages/perks/_list.scss */
  .perks-page-content .perks-row .perk-description {
    margin: 0 0 14px 0;
  }
}

/* line 74, app/assets/stylesheets/pages/perks/_list.scss */
.perks-page-content .perks-row .service-description {
  font: 12px/16px proxima-nova, Helvetica, sans-serif;
  margin: 0 0 14px 0;
}

@media only screen and (min-width: 40.063em) {
  /* line 74, app/assets/stylesheets/pages/perks/_list.scss */
  .perks-page-content .perks-row .service-description {
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 84, app/assets/stylesheets/pages/perks/_list.scss */
.perks-page-content .perks-row .redemption-instructions {
  font: 500 12px/16px proxima-nova, Helvetica, sans-serif;
}

@media only screen and (min-width: 40.063em) {
  /* line 84, app/assets/stylesheets/pages/perks/_list.scss */
  .perks-page-content .perks-row .redemption-instructions {
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 92, app/assets/stylesheets/pages/perks/_list.scss */
.perks-page-content .perks-row .redemption-instructions a {
  color: #6ec05d;
  letter-spacing: 0px;
  text-decoration: underline;
}

/* line 99, app/assets/stylesheets/pages/perks/_list.scss */
.perks-page-content .perks-row .redemption-code {
  display: inline-block;
  background-color: #eee;
  font-weight: bold;
  padding: 2px 4px;
}

/* line 105, app/assets/stylesheets/pages/perks/_list.scss */
.perks-page-content .perks-row .redemption-code:hover, .perks-page-content .perks-row .redemption-code.copied {
  cursor: pointer;
  background-color: #6ec05d;
  color: white;
}

/* line 1, app/assets/stylesheets/pages/perks/_tabs.scss */
.perks-page-content .tabpanel {
  background-color: white;
  border-width: 1px 0 0 0;
}

@media only screen and (max-width: 40em) {
  /* line 7, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tablist {
    background-color: white;
    min-height: 48px;
    padding: 12px 0;
  }
  /* line 13, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tab {
    background: white url(https://dev-freedom.com/assets/icons/caret-down-green-070937f234907d519ea60a938b3bcd1a0983b9961ccd52d296763f7c1d673aff.svg) no-repeat;
    background-position: top 8px right 10px;
    background-size: 11px 7px;
    color: black;
    padding: 4px 25px 4px 15px;
  }
  /* line 21, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tablist-items {
    margin-right: 0;
  }
  /* line 25, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tablist-items.open .tab[aria-selected="true"] {
    background-color: white;
  }
  /* line 29, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tablist-items.open .tab:not(:first-child) {
    background-image: none;
  }
}

@media only screen and (min-width: 40.063em) {
  /* line 37, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tablist {
    background: transparent;
    min-height: auto;
    padding: 0;
  }
  /* line 43, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tablist-items {
    margin: 0 auto -1px auto;
    max-width: 980px;
    padding: 0 15px;
  }
  /* line 49, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tab {
    flex-grow: 1;
    background: transparent;
    font-size: 13px;
    padding: 11px 10px;
  }
}

@media only screen and (min-width: 40.063em) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 40.063em) and (-o-min-device-pixel-ratio: 13/10), only screen and (min-width: 40.063em) and (min-resolution: 120dpi) {
  /* line 49, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tab {
    font-size: 14px;
  }
}

@media only screen and (min-width: 40.063em) {
  /* line 59, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tab[aria-selected="true"] {
    background-color: white;
  }
}

@media only screen and (min-width: 730px) {
  /* line 66, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tab {
    font-size: 15px;
    padding: 12px 12px;
  }
}

@media only screen and (min-width: 730px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 730px) and (-o-min-device-pixel-ratio: 13/10), only screen and (min-width: 730px) and (min-resolution: 120dpi) {
  /* line 66, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tab {
    font-size: 16px;
  }
}

@media only screen and (min-width: 64.063em) {
  /* line 77, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tablist-items {
    padding: 0 10px;
  }
  /* line 81, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tab {
    font-size: 19px;
    padding: 16px 21px;
  }
}

@media only screen and (min-width: 64.063em) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 64.063em) and (-o-min-device-pixel-ratio: 13/10), only screen and (min-width: 64.063em) and (min-resolution: 120dpi) {
  /* line 81, app/assets/stylesheets/pages/perks/_tabs.scss */
  .perks-page-content .tab {
    font-size: 20px;
  }
}

/* line 1, app/assets/stylesheets/pages/_login.scss */
.login-page-content {
  padding: 0 10px;
}

/* line 1, app/assets/stylesheets/pages/_signup.scss */
.signup-page-content {
  padding: 0 10px;
}

/* line 1, app/assets/stylesheets/pages/_authentication_complete.scss */
.authentication-result-content {
  height: calc(100vh - 72px);
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 11, app/assets/stylesheets/pages/_authentication_complete.scss */
.authentication-result-content .authentication-result-wrapper {
  max-width: 25rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 1rem;
  text-align: center;
}

/* line 22, app/assets/stylesheets/pages/_authentication_complete.scss */
.authentication-result-content * {
  all: unset;
}

/* line 26, app/assets/stylesheets/pages/_authentication_complete.scss */
.authentication-result-content .success-icon {
  background-image: url(https://dev-freedom.com/assets/icons/authentication-complete-icon-a5455943c123d6da15d123099dd59eb282fd54598b3bb0442428c44c99ab89f7.svg);
  background-repeat: no-repeat;
  background-position: top center;
  height: 60px;
  width: 60px;
}

/* line 34, app/assets/stylesheets/pages/_authentication_complete.scss */
.authentication-result-content h1 {
  line-height: 1.25;
  color: var(--foreground);
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
}

/* line 43, app/assets/stylesheets/pages/_authentication_complete.scss */
.authentication-result-content p {
  font-weight: 300;
  line-height: 21px;
}

/* line 48, app/assets/stylesheets/pages/_authentication_complete.scss */
.authentication-result-content a {
  font-weight: 700;
  letter-spacing: 1px;
  color: #6ec05d;
  text-transform: uppercase;
  padding: 1.125rem 1.25rem;
}

/* line 55, app/assets/stylesheets/pages/_authentication_complete.scss */
.authentication-result-content a:hover {
  opacity: 0.4;
}

/* line 59, app/assets/stylesheets/pages/_authentication_complete.scss */
.authentication-result-content a:focus-visible {
  box-shadow: 0 0 0 2px #6ec05d;
}

/* line 19, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-layout,
.guest-pass-error-page-layout {
  --foreground: #333333;
  --background: white;
  --primary-text-color: black;
  --primary-border-color: #817E7E;
  --primary-background-color: white;
  --secondary-background-color: #FBFDFB;
  --surface: #EBF5E7;
  --primary-link-color: #5DC069;
  --primary-link-hover-color: #339552;
  --primary-hint-color: #817E7E;
  --plain-link-color: #189BE0;
  --plain-link-hover-color: #066AFA;
  --primary-label-color: #333333;
  --foreground-weakest: #C0BDB4;
  --warning-background-color: #FEFAFB;
}

@media (prefers-color-scheme: dark) {
  /* line 19, app/assets/stylesheets/pages/_guest_pass.scss */
  .guest-pass-page-layout,
.guest-pass-error-page-layout {
    --foreground: white;
    --background: #112310;
    --primary-text-color: white;
    --primary-border-color: #D0D0D0;
    --primary-background-color: #223322;
    --secondary-background-color: #223322;
    --surface: #223322;
    --primary-link-color: #5DC069;
    --primary-link-hover-color: #F3FBF5;
    --primary-hint-color: white;
    --plain-link-color: #5DC069;
    --plain-link-hover-color: #F3FBF5;
    --primary-label-color: white;
    --foreground-weakest: white;
    --warning-background-color: #223322;
  }
}

/* line 14, app/assets/stylesheets/definitions/mixins/_dark_mode.scss */
.guest-pass-page-layout.light-theme,
.guest-pass-error-page-layout.light-theme {
  --foreground: #333333;
  --background: white;
  --primary-text-color: black;
  --primary-border-color: #817E7E;
  --primary-background-color: white;
  --secondary-background-color: #FBFDFB;
  --surface: #EBF5E7;
  --primary-link-color: #5DC069;
  --primary-link-hover-color: #339552;
  --primary-hint-color: #817E7E;
  --plain-link-color: #189BE0;
  --plain-link-hover-color: #066AFA;
  --primary-label-color: #333333;
  --foreground-weakest: #C0BDB4;
  --warning-background-color: #FEFAFB;
}

/* line 18, app/assets/stylesheets/definitions/mixins/_dark_mode.scss */
.guest-pass-page-layout.dark-theme,
.guest-pass-error-page-layout.dark-theme {
  --foreground: white;
  --background: #112310;
  --primary-text-color: white;
  --primary-border-color: #D0D0D0;
  --primary-background-color: #223322;
  --secondary-background-color: #223322;
  --surface: #223322;
  --primary-link-color: #5DC069;
  --primary-link-hover-color: #F3FBF5;
  --primary-hint-color: white;
  --plain-link-color: #5DC069;
  --plain-link-hover-color: #F3FBF5;
  --primary-label-color: white;
  --foreground-weakest: white;
  --warning-background-color: #223322;
}

/* line 24, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content {
  padding: 10px;
}

/* line 27, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .container {
  max-width: 350px;
  margin: 40px auto;
}

/* line 32, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .heading {
  color: var(--foreground);
  font: 700 22px/28px proxima-nova, Helvetica, sans-serif;
}

/* line 37, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content h1 {
  text-align: center;
}

/* line 41, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .redemption-step {
  background: transparent url(https://dev-freedom.com/assets/guest_pass/premium_card-d14073c146d36599f21b785b52a5c2e0388bb79a2d5cc138526a882de7fabdfc.svg) center 6px/100% no-repeat;
  padding: calc(66% + 35px) 10px 5px 10px;
}

/* line 46, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .redemption-step.redeemed .heading {
  text-align: center;
}

/* line 51, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content p {
  color: var(--foreground);
  font: 16px/21px proxima-nova, Helvetica, sans-serif;
}

/* line 56, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .heading + p {
  margin-top: 18px;
}

/* line 60, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .cta-button, .guest-pass-page-content .redemption-form input[type="submit"] {
  display: block;
  font: bold 16px/16px proxima-nova, Helvetica, sans-serif;
  padding: 16px;
  width: 100%;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.guest-pass-page-content .cta-button:hover, .guest-pass-page-content .redemption-form input[type="submit"]:hover, .guest-pass-page-content .cta-button:focus, .guest-pass-page-content .redemption-form input[type="submit"]:focus {
  opacity: 0.4;
  cursor: pointer;
}

/* line 69, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .redemption-form {
  margin: 40px 0;
}

/* line 72, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .redemption-form .field {
  margin: 0 0 24px 0;
}

/* line 75, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .redemption-form .field .field_with_errors + .validate {
  display: none;
}

/* line 78, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .redemption-form .field .field_with_errors + .validate.invalid {
  display: inline;
}

/* line 84, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .redemption-form .validation-tag {
  font: 12px/16px proxima-nova, Helvetica, sans-serif;
}

/* line 88, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .redemption-form label {
  color: var(--foreground);
  display: block;
  font: 700 13px/13px proxima-nova, Helvetica, sans-serif;
  padding: 0 0 8px 2px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* line 97, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .redemption-form .form-actions {
  margin: 16px 0 0 0;
}

/* line 101, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .redemption-form input[type="text"] {
  border-radius: 8px;
  background-color: white;
  border: 2px solid var(--foreground-weakest);
  box-shadow: none;
  color: #817E7E;
  font: 16px/21px proxima-nova, Helvetica, sans-serif;
  height: 36px;
  padding: 20px 12px;
}

/* line 117, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-page-content .email {
  overflow-wrap: break-word;
}

/* line 122, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-error-page-layout {
  background-color: var(--surface);
  display: flex;
  flex-direction: column;
  height: 100vh;
}

/* line 128, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-error-page-layout .guest-pass-page-content {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}

/* line 135, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-error-page-layout .internal-topnav.inhibited + .guest-pass-page-content {
  height: calc(100vh - 20px);
}

/* line 139, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-error-page-layout .container {
  background-color: var(--background);
  border-radius: 16px;
  margin: 24px;
  padding: 32px;
}

/* line 146, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-error-page-layout .redemption-error {
  margin: 0;
  text-align: center;
  padding-top: 89px;
}

/* line 151, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-error-page-layout .redemption-error .heading {
  text-align: center;
}

/* line 155, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-error-page-layout .redemption-error.info {
  background: transparent url(https://dev-freedom.com/assets/logos/butterfly-green-5a7b07162b58606ed15b4ebbb5fb290b48915f32ed172862cb84bce7aad9e6db.svg) center 2px/75px no-repeat;
}

/* line 159, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-error-page-layout .redemption-error.warning {
  background: transparent url(https://dev-freedom.com/assets/guest_pass/alert-f57b2d7829fac1c49cb3e4e0ef72d66d379db9abfbff5ed3759d4b1e33931eb2.svg) center 15px/55px no-repeat;
}

/* line 164, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-error-page-layout .heading {
  color: var(--foreground);
  font: 700 20px/25px proxima-nova, Helvetica, sans-serif;
}

/* line 169, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-error-page-layout .cta-button, .guest-pass-error-page-layout .guest-pass-page-content .redemption-form input[type="submit"], .guest-pass-page-content .redemption-form .guest-pass-error-page-layout input[type="submit"] {
  margin: 30px 0;
}

/* line 173, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-error-page-layout .support-info {
  margin: 30px 0 10px 0;
}

/* line 177, app/assets/stylesheets/pages/_guest_pass.scss */
.guest-pass-error-page-layout a {
  color: #6ec05d;
}

/* line 1, app/assets/stylesheets/pages/_install_app.scss */
.install-app-page-content {
  height: 100vh;
  align-items: center;
  display: flex;
  justify-content: center;
}

/* line 7, app/assets/stylesheets/pages/_install_app.scss */
.install-app-page-content .container {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: space-between;
  max-width: 420px;
}

@media only screen and (min-width: 40.063em) {
  /* line 7, app/assets/stylesheets/pages/_install_app.scss */
  .install-app-page-content .container {
    justify-content: flex-start;
  }
}

/* line 20, app/assets/stylesheets/pages/_install_app.scss */
.install-app-page-content header {
  margin-top: 150px;
}

@media only screen and (min-width: 40.063em) {
  /* line 20, app/assets/stylesheets/pages/_install_app.scss */
  .install-app-page-content header {
    margin-top: 100px;
  }
}

/* line 28, app/assets/stylesheets/pages/_install_app.scss */
.install-app-page-content h1 {
  background: transparent url(https://dev-freedom.com/assets/logos/butterfly-green-5a7b07162b58606ed15b4ebbb5fb290b48915f32ed172862cb84bce7aad9e6db.svg) top center/50px no-repeat;
  font: 700 18px/21px proxima-nova, Helvetica, sans-serif;
  padding: 50px 0 10px 0;
  margin: 0 20px;
}

@media only screen and (min-width: 420px) {
  /* line 28, app/assets/stylesheets/pages/_install_app.scss */
  .install-app-page-content h1 {
    background-position: left center;
    padding: 10px 0 10px 55px;
  }
}

/* line 40, app/assets/stylesheets/pages/_install_app.scss */
.install-app-page-content .cta {
  text-align: center;
  margin: 0 0 60px 0;
}

@media only screen and (min-width: 40.063em) {
  /* line 40, app/assets/stylesheets/pages/_install_app.scss */
  .install-app-page-content .cta {
    margin: 150px 0 0 0;
  }
}

/* line 49, app/assets/stylesheets/pages/_install_app.scss */
.install-app-page-content .open-link {
  border: 2px solid #6ec05d;
  font: 800 16px/16px proxima-nova, Helvetica, sans-serif;
  color: #6ec05d;
  padding: 15px 20px;
}

/* line 55, app/assets/stylesheets/pages/_install_app.scss */
.install-app-page-content .open-link.desktop {
  display: inline-block;
}

/* line 59, app/assets/stylesheets/pages/_install_app.scss */
.install-app-page-content .open-link.android, .install-app-page-content .open-link.ios {
  display: none;
}

/* line 64, app/assets/stylesheets/pages/_install_app.scss */
html.ios .install-app-page-content .open-link.desktop, html.android .install-app-page-content .open-link.desktop {
  display: none;
}

/* line 69, app/assets/stylesheets/pages/_install_app.scss */
html.ios .install-app-page-content .open-link.ios, html.android .install-app-page-content .open-link.android {
  display: inline-block;
}

/* line 1, app/assets/stylesheets/pages/_maintenance.scss */
.maintenance-page-content {
  height: 100vh;
  align-items: center;
  display: flex;
  justify-content: center;
}

/* line 7, app/assets/stylesheets/pages/_maintenance.scss */
.maintenance-page-content .container {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: space-between;
  max-width: 420px;
}

@media only screen and (min-width: 40.063em) {
  /* line 7, app/assets/stylesheets/pages/_maintenance.scss */
  .maintenance-page-content .container {
    justify-content: flex-start;
  }
}

/* line 20, app/assets/stylesheets/pages/_maintenance.scss */
.maintenance-page-content header {
  margin-top: 150px;
}

@media only screen and (min-width: 40.063em) {
  /* line 20, app/assets/stylesheets/pages/_maintenance.scss */
  .maintenance-page-content header {
    margin-top: 100px;
  }
}

/* line 28, app/assets/stylesheets/pages/_maintenance.scss */
.maintenance-page-content h1 {
  background: transparent url(https://dev-freedom.com/assets/logos/butterfly-green-5a7b07162b58606ed15b4ebbb5fb290b48915f32ed172862cb84bce7aad9e6db.svg) top center/50px no-repeat;
  font: 700 18px/21px proxima-nova, Helvetica, sans-serif;
  padding: 50px 0 10px 0;
  margin: 0 20px;
}

@media only screen and (min-width: 420px) {
  /* line 28, app/assets/stylesheets/pages/_maintenance.scss */
  .maintenance-page-content h1 {
    background-position: left center;
    padding: 10px 0 10px 55px;
  }
}

/* line 40, app/assets/stylesheets/pages/_maintenance.scss */
.maintenance-page-content p {
  text-align: center;
  margin: 0 0 60px 0;
}

@media only screen and (min-width: 40.063em) {
  /* line 40, app/assets/stylesheets/pages/_maintenance.scss */
  .maintenance-page-content p {
    margin: 50px 0 0 0;
  }
}

/* line 1, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
.classic-plans-template-content .alternate-payment-options-row {
  padding-bottom: 140px;
}

/* line 4, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
.classic-plans-template-content .alternate-payment-options-row .payment-row {
  padding: 20px 0px 10px;
  text-align: center;
}

@media only screen and (min-width: 40.063em) {
  /* line 4, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
  .classic-plans-template-content .alternate-payment-options-row .payment-row {
    text-align: left;
  }
}

/* line 13, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
.classic-plans-template-content .alternate-payment-options-row .pad-payment-bottom {
  padding-bottom: 10px;
}

/* line 17, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
.classic-plans-template-content .alternate-payment-options-row .payment-box {
  border: 1px solid lightgray;
  border-radius: 15px !important;
  background-color: white;
  min-width: 210px !important;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 500px) {
  /* line 17, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
  .classic-plans-template-content .alternate-payment-options-row .payment-box {
    margin-top: 0px !important;
  }
}

/* line 24, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
.classic-plans-template-content .alternate-payment-options-row .pay-image {
  padding-top: 0;
  padding-bottom: 20px;
  max-width: 220px;
}

@media only screen and (min-width: 40.063em) {
  /* line 24, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
  .classic-plans-template-content .alternate-payment-options-row .pay-image {
    padding-top: 10px;
    max-width: 100%;
  }
}

@media only screen and (min-width: 64.063em) {
  /* line 24, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
  .classic-plans-template-content .alternate-payment-options-row .pay-image {
    padding-top: 20px;
  }
}

/* line 39, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
.classic-plans-template-content .alternate-payment-options-row .super-dollar {
  color: white;
}

/* line 43, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
.classic-plans-template-content .alternate-payment-options-row .alternate-payment-link {
  min-width: 220px;
  color: white !important;
  line-height: 1.2;
}

@media only screen and (min-width: 40.063em) {
  /* line 43, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
  .classic-plans-template-content .alternate-payment-options-row .alternate-payment-link {
    display: block;
    min-width: 0;
    padding: 0.5rem 1rem 0.5rem 1rem;
    font-size: 0.8rem !important;
  }
}

@media only screen and (min-width: 64.063em) {
  /* line 43, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
  .classic-plans-template-content .alternate-payment-options-row .alternate-payment-link {
    font-size: 1rem !important;
    padding: 1rem 2rem 1.0265rem 2rem;
  }
}

/* line 60, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
.classic-plans-template-content .alternate-payment-options-row .alternate-payment-link br {
  display: none;
}

@media only screen and (min-width: 40.063em) {
  /* line 60, app/assets/stylesheets/pages/classic_plans_template/_alternate_payment_options.scss */
  .classic-plans-template-content .alternate-payment-options-row .alternate-payment-link br {
    display: inline-block;
  }
}

/* line 1, app/assets/stylesheets/pages/classic_plans_template/_mini_feature_list.scss */
.classic-plans-template-content .mini-feature-list {
  margin-bottom: 90px;
  background: white linear-gradient(-180deg, #DBF1DE 0%, #FFFFFF 51%, #F0F9F0 100%);
}

/* line 4, app/assets/stylesheets/definitions/mixins/_curved_gradient_section.scss */
.classic-plans-template-content .mini-feature-list:before {
  display: block;
  background: white url(https://dev-freedom.com/assets/layouts/curved-gradient-section-before-ab4e3da82204c3ce40207d604022738de50824d3e93cc300263fcf9da322ee30.svg) top center no-repeat;
  background-size: cover;
  content: " ";
  height: 32px;
  width: 100%;
}

/* line 13, app/assets/stylesheets/definitions/mixins/_curved_gradient_section.scss */
.classic-plans-template-content .mini-feature-list:after {
  display: block;
  background: white url(https://dev-freedom.com/assets/layouts/curved-gradient-section-after-8195020f274ab96e4e80422312f2830ef216aaff8ef1ae12fa738eb282b769eb.svg) top center no-repeat;
  background-size: cover;
  content: " ";
  height: 52px;
  width: 100%;
}

/* line 6, app/assets/stylesheets/pages/classic_plans_template/_mini_feature_list.scss */
.classic-plans-template-content .mini-feature-list h2 {
  margin: 12px auto 6px auto;
  color: black;
  font: bold 24px/29px proxima-nova, Helvetica, sans-serif;
  text-align: center;
  letter-spacing: 0.08px;
}

@media only screen and (min-width: 40.063em) {
  /* line 6, app/assets/stylesheets/pages/classic_plans_template/_mini_feature_list.scss */
  .classic-plans-template-content .mini-feature-list h2 {
    margin: 60px auto 55px auto;
    font-size: 45px;
    letter-spacing: 0.14px;
    line-height: 49px;
  }
}

/* line 21, app/assets/stylesheets/pages/classic_plans_template/_mini_feature_list.scss */
.classic-plans-template-content .mini-feature-list .mini-feature-list-grid {
  margin: 0 auto 70px auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (min-width: 800px) {
  /* line 21, app/assets/stylesheets/pages/classic_plans_template/_mini_feature_list.scss */
  .classic-plans-template-content .mini-feature-list .mini-feature-list-grid {
    max-width: 800px;
  }
}

@media only screen and (min-width: 1160px) {
  /* line 21, app/assets/stylesheets/pages/classic_plans_template/_mini_feature_list.scss */
  .classic-plans-template-content .mini-feature-list .mini-feature-list-grid {
    max-width: 1160px;
  }
}

/* line 29, app/assets/stylesheets/pages/classic_plans_template/_mini_feature_list.scss */
.classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature {
  max-width: 460px;
  box-sizing: border-box;
  width: 100%;
}

@media only screen and (min-width: 800px) {
  /* line 29, app/assets/stylesheets/pages/classic_plans_template/_mini_feature_list.scss */
  .classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature {
    margin-left: 0;
    margin-right: 0px;
    max-width: 100%;
    width: calc(50% - 0px);
  }
  /* line 74, app/assets/stylesheets/definitions/mixins/_flex_grid.scss */
  .classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1160px) {
  /* line 29, app/assets/stylesheets/pages/classic_plans_template/_mini_feature_list.scss */
  .classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature {
    margin-left: 0;
    margin-right: 0px;
    max-width: 100%;
    width: calc(50% - 0px);
  }
  /* line 74, app/assets/stylesheets/definitions/mixins/_flex_grid.scss */
  .classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 800px) {
  /* line 29, app/assets/stylesheets/pages/classic_plans_template/_mini_feature_list.scss */
  .classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature {
    margin-bottom: 50px;
  }
}

/* line 2, app/assets/stylesheets/definitions/mixins/_background_image_before.scss */
.classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature:before {
  display: block;
  content: " ";
  padding-top: 68.9655172414%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}

/* line 12, app/assets/stylesheets/definitions/mixins/_background_image_before.scss */
.classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature.block-websites:before {
  background-image: url(https://dev-freedom.com/assets/classic_plans_template/block-websites-4c4aace4b464068f5194b7eb6e1cfe03d87705d5ab396e0858f45956ffdc21fb.svg);
}

/* line 12, app/assets/stylesheets/definitions/mixins/_background_image_before.scss */
.classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature.sync-across-devices:before {
  background-image: url(https://dev-freedom.com/assets/classic_plans_template/sync-across-devices-1a67ea44d9174b59111d1b68b7050dd8764dcc94d72a01da9c28c08271e28b8a.svg);
}

/* line 12, app/assets/stylesheets/definitions/mixins/_background_image_before.scss */
.classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature.locked-mode:before {
  background-image: url(https://dev-freedom.com/assets/classic_plans_template/locked-mode-5492481d2c440417208c0a3ba2f0df902fbd77531aa155fb10ebfd7462a3eed7.svg);
}

/* line 12, app/assets/stylesheets/definitions/mixins/_background_image_before.scss */
.classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature.advance-scheduling:before {
  background-image: url(https://dev-freedom.com/assets/classic_plans_template/advance-scheduling-96adcceca87276c6fb877d1af56340e5250e9a0ea35f6b4c681322dacd154544.svg);
}

/* line 45, app/assets/stylesheets/pages/classic_plans_template/_mini_feature_list.scss */
.classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature h3 {
  margin: 0 0 20px 60px;
  color: black;
  font: bold 24px/27px proxima-nova, Helvetica, sans-serif;
  letter-spacing: 0.14px;
}

@media only screen and (min-width: 1160px) {
  /* line 45, app/assets/stylesheets/pages/classic_plans_template/_mini_feature_list.scss */
  .classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature h3 {
    margin: 0 0 20px 100px;
    font-size: 42px;
    line-height: 49px;
  }
}

/* line 58, app/assets/stylesheets/pages/classic_plans_template/_mini_feature_list.scss */
.classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature p {
  margin: 0 60px 1rem 60px;
  color: black;
  font: 16px/24px Roboto, Helvetica, sans-serif;
}

@media only screen and (min-width: 1160px) {
  /* line 58, app/assets/stylesheets/pages/classic_plans_template/_mini_feature_list.scss */
  .classic-plans-template-content .mini-feature-list .mini-feature-list-grid .feature p {
    margin: 0 100px 1rem 100px;
    font-size: 20px;
    line-height: 28px;
  }
}

/* line 2, app/assets/stylesheets/pages/classic_plans_template/_page_header.scss */
.classic-plans-template-content.plans-template-content .page-header {
  margin-bottom: 29px;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 0.2px;
  color: #262626;
  text-align: center;
}

@media only screen and (min-width: 40.063em) {
  /* line 2, app/assets/stylesheets/pages/classic_plans_template/_page_header.scss */
  .classic-plans-template-content.plans-template-content .page-header {
    font-size: 42px;
    line-height: 42px;
    letter-spacing: 0.14px;
  }
}

/* line 1, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes-row {
  margin: 60px auto 0 auto;
  max-width: 970px;
}

/* line 5, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes-row .general-error {
  text-align: center;
  margin: 20px 0;
  display: none;
}

/* line 10, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes-row .general-error a {
  color: #6ec05d;
}

/* line 16, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes {
  display: flex;
  font-family: proxima-nova, Helvetica, sans-serif;
}

/* line 22, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes.standalone {
  justify-content: center;
}

/* line 26, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes.triptych {
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
}

/* line 32, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes .plan-box {
  border-radius: 20px !important;
  box-shadow: 0px 3px 6px 0px #00234033;
  flex-grow: 1;
}

/* line 38, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes .with-topper {
  border: 4px solid #D7EBCF;
}

/* line 42, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes .topper {
  background: #D7EBCF;
  color: #2C551B;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 0 16px 0;
  text-align: center;
  text-transform: uppercase;
}

/* line 52, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes .one-line {
  display: inline-block;
  background: transparent url(https://dev-freedom.com/assets/classic_plans_template/bell-verydark-green-decc85c72957c775f2c4664672effebe17501503741b402c0bad29e9aca30d42.svg) center left/24px no-repeat;
  padding-left: 36px;
}

/* line 58, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes .box-text {
  padding: 24px;
  text-align: center;
}

/* line 63, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes .plan-name {
  background: transparent url(https://dev-freedom.com/assets/logos/butterfly-green-5a7b07162b58606ed15b4ebbb5fb290b48915f32ed172862cb84bce7aad9e6db.svg) top center/50px no-repeat;
  border-bottom: 1px solid #EFEFEF;
  color: #333333;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1.389px;
  margin: 0;
  padding: 62px 0 24px 0;
  text-transform: uppercase;
}

/* line 75, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes .price {
  color: #333333;
  font-size: 28px;
  font-weight: 700;
  margin: 24px 0;
}

/* line 81, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes .price.discount-active {
  margin: 12px 0;
}

/* line 86, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes .discount-tag {
  background-color: #E05864;
  border-radius: 100px;
  color: white;
  display: inline-block;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 11px;
  padding: 4px 8px;
}

/* line 97, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes .price-comparison {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: center;
  line-height: 34px;
  margin-top: 8px;
}

/* line 106, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes .discount-active .regular-price {
  color: #E05864;
  font-size: 20px;
}

/* line 111, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes .plan-button {
  max-width: 300px;
  width: 100%;
}

/* line 118, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content .plan-boxes .plan-description {
  font-size: 13px;
  margin: 24px 0 0 0;
}

@media only screen and (min-width: 64.063em) {
  /* line 124, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
  .classic-plans-template-content .plan-boxes.standalone {
    justify-content: center;
  }
  /* line 128, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
  .classic-plans-template-content .plan-boxes.triptych {
    flex-direction: row;
  }
  /* line 132, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
  .classic-plans-template-content .plan-boxes .plan-box {
    max-width: 300px;
  }
  /* line 136, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
  .classic-plans-template-content .plan-boxes .without-topper {
    margin: 24px 0;
  }
}

/* line 146, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content.premium-page-content .triptych > .mobile-order-forever, .classic-plans-template-content.upgrade-page-content .triptych > .mobile-order-forever {
  order: 1;
}

/* line 147, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content.premium-page-content .triptych > .mobile-order-yearly, .classic-plans-template-content.upgrade-page-content .triptych > .mobile-order-yearly {
  order: 2;
}

/* line 148, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content.premium-page-content .triptych > .mobile-order-monthly, .classic-plans-template-content.upgrade-page-content .triptych > .mobile-order-monthly {
  order: 3;
}

/* line 152, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content.plans-page-content .triptych > .mobile-order-yearly {
  order: 1;
}

/* line 153, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content.plans-page-content .triptych > .mobile-order-monthly {
  order: 2;
}

/* line 154, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
.classic-plans-template-content.plans-page-content .triptych > .mobile-order-forever {
  order: 3;
}

@media only screen and (min-width: 64.063em) {
  /* line 161, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
  .classic-plans-template-content.premium-page-content .triptych > .mobile-order-monthly, .classic-plans-template-content.upgrade-page-content .triptych > .mobile-order-monthly, .classic-plans-template-content.plans-page-content .triptych > .mobile-order-monthly {
    order: 1;
  }
  /* line 162, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
  .classic-plans-template-content.premium-page-content .triptych > .mobile-order-yearly, .classic-plans-template-content.upgrade-page-content .triptych > .mobile-order-yearly, .classic-plans-template-content.plans-page-content .triptych > .mobile-order-yearly {
    order: 2;
  }
  /* line 163, app/assets/stylesheets/pages/classic_plans_template/_plan_boxes.scss */
  .classic-plans-template-content.premium-page-content .triptych > .mobile-order-forever, .classic-plans-template-content.upgrade-page-content .triptych > .mobile-order-forever, .classic-plans-template-content.plans-page-content .triptych > .mobile-order-forever {
    order: 3;
  }
}

/* line 1, app/assets/stylesheets/pages/classic_plans_template/_questions_and_answers.scss */
.classic-plans-template-content .questions-and-answers-row {
  padding: 0 20px 50px 20px;
}

@media only screen and (min-width: 40.063em) {
  /* line 1, app/assets/stylesheets/pages/classic_plans_template/_questions_and_answers.scss */
  .classic-plans-template-content .questions-and-answers-row {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 75px;
  }
}

/* line 10, app/assets/stylesheets/pages/classic_plans_template/_questions_and_answers.scss */
.classic-plans-template-content .questions-and-answers-row .page-subheader {
  margin: 5px 0 55px 0;
}

/* line 14, app/assets/stylesheets/pages/classic_plans_template/_questions_and_answers.scss */
.classic-plans-template-content .questions-and-answers-row .question-field {
  margin-bottom: 40px;
}

/* line 17, app/assets/stylesheets/pages/classic_plans_template/_questions_and_answers.scss */
.classic-plans-template-content .questions-and-answers-row .question-field h4 {
  margin-bottom: 9px;
  color: black;
  font: bold 24px proxima-nova, Helvetica, sans-serif;
  letter-spacing: 0.17px;
}

/* line 24, app/assets/stylesheets/pages/classic_plans_template/_questions_and_answers.scss */
.classic-plans-template-content .questions-and-answers-row .question-field p,
.classic-plans-template-content .questions-and-answers-row .question-field ul li {
  margin-bottom: 0;
  color: black;
  font: 16px/24px Roboto, Helvetica, sans-serif;
}

/* line 1, app/assets/stylesheets/pages/classic_plans_template/_signup_cta.scss */
.classic-plans-template-content .signup-cta-row {
  text-align: center;
}

/* line 4, app/assets/stylesheets/pages/classic_plans_template/_signup_cta.scss */
.classic-plans-template-content .signup-cta-row .page-subheader {
  margin-bottom: 0;
  font-weight: normal;
}

/* line 10, app/assets/stylesheets/pages/classic_plans_template/_signup_cta.scss */
.classic-plans-template-content .signup-cta-row .big-cta-button {
  margin: 30px auto 80px auto;
}

/* line 1, app/assets/stylesheets/pages/classic_plans_template/_testimonial.scss */
.classic-plans-template-content .plans-testimonial {
  display: none;
  max-width: 960px;
  margin: 0 40px 30px 40px;
  font-family: proxima-nova, Helvetica, sans-serif;
  color: black;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.17px;
}

/* line 13, app/assets/stylesheets/pages/classic_plans_template/_testimonial.scss */
.classic-plans-template-content .plans-testimonial .short-quote {
  margin-bottom: 13px;
  font-weight: bold;
}

@media only screen and (min-width: 40.063em) {
  /* line 20, app/assets/stylesheets/pages/classic_plans_template/_testimonial.scss */
  .classic-plans-template-content .plans-testimonial {
    display: block;
  }
}

@media only screen and (min-width: 64.063em) {
  /* line 26, app/assets/stylesheets/pages/classic_plans_template/_testimonial.scss */
  .classic-plans-template-content .plans-testimonial {
    margin: 0 auto 30px auto;
  }
}

/* line 1, app/assets/stylesheets/pages/classic_plans_template/_trial_cta.scss */
.classic-plans-template-content .trial-cta-row {
  margin-top: 40px !important;
}

/* line 4, app/assets/stylesheets/pages/classic_plans_template/_trial_cta.scss */
.classic-plans-template-content .trial-cta-row + .hr-spacer {
  margin-top: 40px;
}

/* line 9, app/assets/stylesheets/pages/classic_plans_template/_trial_cta.scss */
.classic-plans-template-content .trial-cta {
  text-align: center;
}

/* line 12, app/assets/stylesheets/pages/classic_plans_template/_trial_cta.scss */
.classic-plans-template-content .trial-cta .cta-button, .classic-plans-template-content .trial-cta .guest-pass-page-content .redemption-form input[type="submit"], .guest-pass-page-content .redemption-form .classic-plans-template-content .trial-cta input[type="submit"] {
  max-width: 300px;
  width: 100%;
}

/* line 19, app/assets/stylesheets/pages/classic_plans_template/_trial_cta.scss */
.classic-plans-template-content .trial-cta .skip {
  font-size: 13px;
  margin-top: 12px;
  line-height: 18px;
}

/* line 24, app/assets/stylesheets/pages/classic_plans_template/_trial_cta.scss */
.classic-plans-template-content .trial-cta .skip a {
  color: #817E7E;
}

/* line 1, app/assets/stylesheets/pages/classic_plans_template/_premium_tagline.scss */
.classic-plans-template-content .premium-tagline-row {
  margin-top: 40px !important;
}

/* line 4, app/assets/stylesheets/pages/classic_plans_template/_premium_tagline.scss */
.classic-plans-template-content .premium-tagline-row + .hr-spacer {
  margin-top: 40px !important;
}

/* line 9, app/assets/stylesheets/pages/classic_plans_template/_premium_tagline.scss */
.classic-plans-template-content .premium-tagline {
  text-align: center;
  color: black;
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  text-align: center;
}

@media only screen and (max-width: 40em) {
  /* line 9, app/assets/stylesheets/pages/classic_plans_template/_premium_tagline.scss */
  .classic-plans-template-content .premium-tagline {
    padding-top: 0px;
  }
}

/* line 1, app/assets/stylesheets/pages/classic_plans_template/_freedom_forever_description.scss */
.classic-plans-template-content .freedom-forever-description-row {
  margin-top: 40px !important;
}

/* line 4, app/assets/stylesheets/pages/classic_plans_template/_freedom_forever_description.scss */
.classic-plans-template-content .freedom-forever-description-row + .hr-spacer {
  margin-top: 40px;
}

/* line 9, app/assets/stylesheets/pages/classic_plans_template/_freedom_forever_description.scss */
.classic-plans-template-content .freedom-forever-description {
  font-family: proxima-nova, Helvetica, sans-serif;
  text-align: center;
}

/* line 13, app/assets/stylesheets/pages/classic_plans_template/_freedom_forever_description.scss */
.classic-plans-template-content .freedom-forever-description p {
  color: black;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
}

@media only screen and (max-width: 40em) {
  /* line 13, app/assets/stylesheets/pages/classic_plans_template/_freedom_forever_description.scss */
  .classic-plans-template-content .freedom-forever-description p {
    padding-top: 0px;
  }
}

/* line 26, app/assets/stylesheets/pages/classic_plans_template/_freedom_forever_description.scss */
.classic-plans-template-content .freedom-forever-description .cta-link {
  color: #6ec05d;
  font-size: 16px;
  max-width: 300px;
  width: 100%;
}

/* line 1, app/assets/stylesheets/pages/classic_plans_template/_register_modal.scss */
.classic-plans-template-content .register-modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99999;
  transition: opacity 300ms ease-in;
}

/* line 13, app/assets/stylesheets/pages/classic_plans_template/_register_modal.scss */
.classic-plans-template-content .register-modal:target {
  opacity: 1;
}

/* line 17, app/assets/stylesheets/pages/classic_plans_template/_register_modal.scss */
.classic-plans-template-content .register-modal > div {
  position: relative;
  margin: 2.5% auto;
  background: #fff;
}

@media only screen and (max-width: 500px) {
  /* line 17, app/assets/stylesheets/pages/classic_plans_template/_register_modal.scss */
  .classic-plans-template-content .register-modal > div {
    height: 100%;
    margin: 0% auto;
    padding: 0px 20px 13px 20px;
  }
}

/* line 29, app/assets/stylesheets/pages/classic_plans_template/_register_modal.scss */
.classic-plans-template-content .register-modal .close-modal-icon {
  all: unset;
  background: url(https://dev-freedom.com/assets/icons/premium-close-modal-icon-8318853998bc4be53d6e6472b7d39c212cb7a410009c3e0d85211efae559bf02.svg) center/15px no-repeat;
  font-size: 0;
  height: 15px;
  position: absolute;
  right: 32px;
  top: 32px;
  width: 15px;
  padding: 5px;
}

/* line 75, app/assets/stylesheets/definitions/_mixins.scss */
.classic-plans-template-content .register-modal .close-modal-icon:focus-visible {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.classic-plans-template-content .register-modal .close-modal-icon:hover, .classic-plans-template-content .register-modal .close-modal-icon:focus {
  background-color: #f2f2f2;
  border-radius: 50%;
  cursor: pointer;
}

/* line 49, app/assets/stylesheets/pages/classic_plans_template/_register_modal.scss */
.classic-plans-template-content .register-modal .credential-form-wrapper {
  max-width: 469px;
  position: relative;
}

/* line 53, app/assets/stylesheets/pages/classic_plans_template/_register_modal.scss */
.classic-plans-template-content .register-modal .credential-form-wrapper h4 {
  color: var(--primary-text-color);
  font: bold 22px/28px proxima-nova, sans-serif;
  letter-spacing: 0.2px;
  margin: 0 0 8px 0;
}

/* line 60, app/assets/stylesheets/pages/classic_plans_template/_register_modal.scss */
.classic-plans-template-content .register-modal .credential-form-wrapper .small {
  color: var(--primary-text-color);
  font: 13px/18px proxima-nova, sans-serif;
  margin: 8px 0 32px 0;
}

/* line 1, app/assets/stylesheets/pages/classic_plans_template/_general.scss */
.classic-plans-template-content .button-font {
  font-size: 1rem !important;
  letter-spacing: 1px !important;
}

/* line 6, app/assets/stylesheets/pages/classic_plans_template/_general.scss */
.classic-plans-template-content .super-dollar {
  font-size: 60%;
  line-height: 0;
  top: -0.5em;
  position: relative;
  vertical-align: baseline;
}

/* line 2, app/assets/stylesheets/pages/classic_plans_template/_premium.scss */
.classic-plans-template-content.premium-page-content .br-spacer {
  display: block;
  content: "";
  margin-top: 6px;
}

@media only screen and (min-width: 40.063em) {
  /* line 2, app/assets/stylesheets/pages/classic_plans_template/_premium.scss */
  .classic-plans-template-content.premium-page-content .br-spacer {
    display: inline;
    content: none;
    margin-top: auto;
  }
}

/* line 14, app/assets/stylesheets/pages/classic_plans_template/_premium.scss */
.classic-plans-template-content.premium-page-content .plan-boxes-row {
  margin: 60px 15px 0 15px;
}

@media only screen and (min-width: 64.063em) {
  /* line 14, app/assets/stylesheets/pages/classic_plans_template/_premium.scss */
  .classic-plans-template-content.premium-page-content .plan-boxes-row {
    margin: 60px auto 0 auto;
  }
}

/* line 22, app/assets/stylesheets/pages/classic_plans_template/_premium.scss */
.classic-plans-template-content.premium-page-content .confetti-background, .classic-plans-template-content.premium-page-content .external-page-layout .perks-page-content, .external-page-layout .classic-plans-template-content.premium-page-content .perks-page-content {
  padding-bottom: 68px;
}

/* line 25, app/assets/stylesheets/pages/classic_plans_template/_premium.scss */
.classic-plans-template-content.premium-page-content .confetti-background + hr, .classic-plans-template-content.premium-page-content .external-page-layout .perks-page-content + hr, .external-page-layout .classic-plans-template-content.premium-page-content .perks-page-content + hr {
  margin: 0 auto;
}

@media only screen and (min-width: 40.063em) {
  /* line 2, app/assets/stylesheets/pages/classic_plans_template/_forever.scss */
  .classic-plans-template-content.forever-page-content .page-header {
    line-height: 49px;
  }
}

/* line 8, app/assets/stylesheets/pages/classic_plans_template/_forever.scss */
.classic-plans-template-content.forever-page-content .question-7-day-trial {
  display: none;
}

/* line 2, app/assets/stylesheets/pages/classic_plans_template/_plans.scss */
.classic-plans-template-content.plans-page-content .page-header {
  background: url(https://dev-freedom.com/assets/freedom-logo-horizontal-cbf69ab96ea5c0aab246cd68a5c0658fd78a1851a67bdf8022571832ca841f08.png) top center no-repeat;
  background-size: 176px;
  padding-top: 60px;
  margin-top: 40px;
}

/* line 23, app/assets/stylesheets/pages/_classic_plans_template.scss */
.external-page-layout .classic-plans-template-content .plan-box {
  background-color: white;
}

/* line 31, app/assets/stylesheets/pages/_classic_plans_template.scss */
.internal-page-layout .classic-plans-template-content {
  background-color: #FDFFF9;
}

/* line 34, app/assets/stylesheets/pages/_classic_plans_template.scss */
.internal-page-layout .classic-plans-template-content .plan-box {
  background-color: white;
}

/* line 1, app/assets/stylesheets/pages/plans_template/_backgrounds.scss */
.plans-template-content .crinkled-paper-focus-mist {
  background: center/cover #FBFFF0 url(https://dev-freedom.com/assets/background/crinkled-paper-focus-mist-7c05c72230c7a1b0171bfe8e81003506f9872f0ceb718c2f03d92a21c160aea6.jpg);
}

/* line 1, app/assets/stylesheets/pages/plans_template/_bottom_cta.scss */
.plans-template-content .bottom-cta {
  background-color: #FBFFF0;
  padding: 13.25rem 5rem;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  margin: -2rem 0;
}

@media only screen and (max-width: 500px) {
  /* line 1, app/assets/stylesheets/pages/plans_template/_bottom_cta.scss */
  .plans-template-content .bottom-cta {
    padding: 7.5rem 1.25rem;
  }
}

/* line 14, app/assets/stylesheets/pages/plans_template/_bottom_cta.scss */
.plans-template-content .bottom-cta::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) translateY(-3rem);
  background-image: url(https://dev-freedom.com/assets/plans_template/cta-butterfly-c74a834b4ce635e22c0f794f68df44b85ce39e45c9740b25d163e13eec4664ef.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  aspect-ratio: 21.40619 / 19.24131;
  width: 21.40619rem;
  transition: width 1000ms cubic-bezier(0, 0, 0.1, 1);
}

/* line 30, app/assets/stylesheets/pages/plans_template/_bottom_cta.scss */
.plans-template-content .bottom-cta:hover::after {
  width: 85%;
}

/* line 35, app/assets/stylesheets/pages/plans_template/_bottom_cta.scss */
.plans-template-content .bottom-cta__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  text-align: center;
  max-width: 39.375rem;
  width: 100%;
}

/* line 47, app/assets/stylesheets/pages/plans_template/_bottom_cta.scss */
.plans-template-content .bottom-cta__headline {
  font-family: Young Serif, serif;
  font-size: 4.25rem;
  color: #1F4A30;
  letter-spacing: -2px;
  line-height: 1.05;
  margin: 0;
}

@media only screen and (max-width: 500px) {
  /* line 47, app/assets/stylesheets/pages/plans_template/_bottom_cta.scss */
  .plans-template-content .bottom-cta__headline {
    font-size: 2.75rem;
  }
}

/* line 59, app/assets/stylesheets/pages/plans_template/_bottom_cta.scss */
.plans-template-content .bottom-cta__headline span {
  color: #7D9F76;
}

/* line 64, app/assets/stylesheets/pages/plans_template/_bottom_cta.scss */
.plans-template-content .bottom-cta__button {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  text-transform: uppercase;
  font-family: Gabarito, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.2;
  color: #1F4A30;
  background-color: #DBFF80;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  border-radius: 1000px;
  height: 3.5rem;
  text-decoration: none;
  transition: background-color 150ms ease, transform 150ms ease;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .bottom-cta__button:hover, .plans-template-content .bottom-cta__button:focus {
  background-color: #e1ff94;
  cursor: pointer;
}

/* line 75, app/assets/stylesheets/definitions/_mixins.scss */
.plans-template-content .bottom-cta__button:focus-visible {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

/* line 88, app/assets/stylesheets/pages/plans_template/_bottom_cta.scss */
.plans-template-content .bottom-cta__button-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #1F4A30;
}

/* line 97, app/assets/stylesheets/pages/plans_template/_bottom_cta.scss */
.plans-template-content .bottom-cta__button-arrow img {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.31rem;
}

/* line 1, app/assets/stylesheets/pages/plans_template/_choose_section.scss */
.plans-template-content .choose-section {
  padding: 1.25rem 0;
}

@media only screen and (min-width: 40.063em) {
  /* line 1, app/assets/stylesheets/pages/plans_template/_choose_section.scss */
  .plans-template-content .choose-section {
    padding: 7.5rem 0;
  }
}

/* line 1, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-section {
  position: relative;
  background-color: white;
  padding: 3.75rem 0;
}

@media only screen and (min-width: 64.063em) {
  /* line 1, app/assets/stylesheets/pages/plans_template/_faq.scss */
  .plans-template-content .faq-section {
    padding: 0;
    min-height: 50rem;
  }
}

/* line 12, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-container {
  display: flex;
  flex-direction: column;
  padding: 0 1.25rem;
}

@media only screen and (min-width: 64.063em) {
  /* line 12, app/assets/stylesheets/pages/plans_template/_faq.scss */
  .plans-template-content .faq-container {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 6.62rem;
    padding: 12.5rem 11.75rem 4.25rem;
    margin: 0 auto;
    position: relative;
  }
}

/* line 30, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-title-wrapper {
  position: relative;
  text-align: center;
  margin-bottom: 2.5rem;
}

@media only screen and (min-width: 64.063em) {
  /* line 30, app/assets/stylesheets/pages/plans_template/_faq.scss */
  .plans-template-content .faq-title-wrapper {
    text-align: left;
    margin-bottom: 0;
    position: sticky;
    top: 13.75rem;
    padding-bottom: calc(12.5rem - 4.25rem);
    width: 20.375rem;
    flex-shrink: 0;
  }
}

/* line 48, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-title {
  letter-spacing: -0.025rem;
  color: #1F4A30;
  margin: 0;
  white-space: pre-wrap;
}

/* line 56, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

@media only screen and (min-width: 64.063em) {
  /* line 56, app/assets/stylesheets/pages/plans_template/_faq.scss */
  .plans-template-content .faq-items {
    flex: 1;
    min-width: 35rem;
    max-width: 39.5rem;
  }
}

/* line 68, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-items a {
  color: var(--primary-link-color);
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .faq-items a:hover, .plans-template-content .faq-items a:focus {
  color: var(--primary-link-hover-color);
  cursor: pointer;
}

/* line 5, app/assets/stylesheets/definitions/_mixins.scss */
.plans-template-content .faq-items a:hover {
  cursor: pointer;
}

/* line 73, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-item {
  border: 0.0625rem solid rgba(31, 74, 48, 0.1);
  border-radius: 1rem;
  background-color: white;
}

/* line 79, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-item[open] .faq-icon-plus {
  opacity: 0;
  visibility: hidden;
}

/* line 84, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-item[open] .faq-icon-minus {
  opacity: 0.5;
  visibility: visible;
}

/* line 91, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-item:not([open]) .faq-icon-plus {
  opacity: 0.5;
  visibility: visible;
}

/* line 96, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-item:not([open]) .faq-icon-minus {
  opacity: 0;
  visibility: hidden;
}

/* line 103, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content summary.faq-question {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1.25rem 1.5rem;
  transition: padding-bottom 0.3s ease-in-out;
  position: relative;
  list-style: none;
  cursor: pointer;
  color: #1F4A30;
}

/* line 115, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content summary.faq-question::-webkit-details-marker {
  display: none;
}

/* line 119, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content summary.faq-question > span:first-child {
  flex: 1;
}

/* line 124, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content summary.faq-question .faq-icon-minus {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
}

/* line 134, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content details[open] summary.faq-question {
  padding-bottom: 1rem;
}

/* line 138, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-answer {
  padding: 0 1.5rem 1.25rem;
  animation: fadeIn 0.3s ease-in-out;
}

/* line 142, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-answer p {
  line-height: 1.3rem;
  color: #1F4A30;
  margin: 0;
}

/* line 149, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-answer ul {
  margin-top: 1rem;
}

/* line 152, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-answer ul li {
  color: #1F4A30;
  line-height: 1.3rem;
}

/* line 161, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-icon {
  display: block;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0.5;
  position: relative;
  transition: opacity 0.2s ease-in-out;
}

/* line 171, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-icon-plus,
.plans-template-content .faq-icon-minus {
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* line 176, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-icon-plus::before,
.plans-template-content .faq-icon-plus::after,
.plans-template-content .faq-icon-minus::before {
  content: "";
  position: absolute;
  background-color: #1F4A30;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 187, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-icon-plus::before {
  width: 0.125rem;
  height: 0.875rem;
}

/* line 192, app/assets/stylesheets/pages/plans_template/_faq.scss */
.plans-template-content .faq-icon-plus::after,
.plans-template-content .faq-icon-minus::before {
  width: 0.875rem;
  height: 0.125rem;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 1, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
.plans-template-content .feature-illustrations-section {
  padding: 7.5rem 2rem;
}

/* line 4, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
.plans-template-content .feature-illustrations-section h2 {
  color: #1F4A30;
  line-height: 3.5rem;
  margin-bottom: 5rem;
  text-align: center;
}

/* line 11, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
.plans-template-content .feature-illustrations-section h2 em {
  font-style: normal;
  display: block;
  color: #8DB537;
}

/* line 18, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
.plans-template-content .feature-illustrations-section .feature-illustrations-list {
  display: grid;
  gap: 1.5rem;
  margin: 0 auto;
  max-width: 80rem;
}

/* line 24, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
.plans-template-content .feature-illustrations-section .feature-illustrations-list .feature {
  align-items: flex-start;
  background-color: white;
  border-radius: 1rem;
  border: 1px solid #BBDAB0;
  display: flex;
  flex-flow: column;
  gap: 1.5rem;
  justify-content: flex-start;
  overflow: hidden;
  padding: 1.5rem;
  position: relative;
}

/* line 38, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
.plans-template-content .feature-illustrations-section .feature-illustrations-list h3 {
  color: #1F4A30;
  margin: 0;
}

/* line 44, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
.plans-template-content .feature-illustrations-section .feature-illustrations-list img {
  max-width: revert;
}

/* line 51, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
.plans-template-content .feature-illustrations-section .feature-illustrations-list .advance-scheduling img,
.plans-template-content .feature-illustrations-section .feature-illustrations-list .locked-mode img,
.plans-template-content .feature-illustrations-section .feature-illustrations-list .unlimited-sessions img {
  margin-bottom: -4rem;
}

/* line 56, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
.plans-template-content .feature-illustrations-section .feature-illustrations-list .recurring-scheduled-sessions {
  align-items: center;
  text-align: center;
}

/* line 62, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
.plans-template-content .feature-illustrations-section .feature-illustrations-list .focus-music img {
  margin-bottom: -5.625rem;
}

@media only screen and (min-width: 30.063rem) and (max-width: 64.063em) {
  /* line 68, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .feature {
    align-items: center;
    flex-flow: row;
    justify-content: flex-end;
    text-align: right;
  }
  /* line 74, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .feature:nth-child(even) {
    flex-flow: row-reverse;
    text-align: left;
  }
  /* line 79, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .feature img {
    margin-bottom: auto;
    max-width: 40vw;
  }
}

@media only screen and (min-width: 64.063em) {
  /* line 18, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list {
    grid-template-columns: repeat(3, 1fr) repeat(10, 0.75fr);
    grid-template-rows: repeat(3, 20rem);
    grid-template-areas: "i1 i1 i1 i2 i2 i2 i2 i2 i2 i2 i2 i2 i2" "i1 i1 i1 i3 i3 i3 i3 i3 i4 i4 i4 i4 i4" "i5 i5 i5 i5 i6 i6 i6 i6 i7 i7 i7 i7 i7";
  }
  /* line 107, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .feature {
    flex-flow: column;
    gap: 2.5rem;
    justify-content: flex-end;
    padding: 2.5rem;
    text-align: right;
  }
  /* line 114, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .feature h3 {
    line-height: 2.5rem;
  }
  /* line 118, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .feature img {
    margin-bottom: auto;
    max-width: revert;
  }
  /* line 124, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .advance-scheduling {
    grid-area: i1;
    align-items: flex-start;
    text-align: left;
  }
  /* line 131, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .unlimited-sessions {
    grid-area: i2;
    align-items: center;
    flex-flow: row-reverse;
    justify-content: start;
    text-align: left;
  }
  /* line 139, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .unlimited-sessions h3 {
    max-width: 17rem;
  }
  /* line 144, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .multi-device-sync {
    grid-area: i3;
    align-items: center;
    background-color: transparent;
    border: 1px solid rgba(56, 108, 77, 0.1);
    gap: 1.5rem;
    justify-content: space-between;
    padding: 1.6rem;
    text-align: center;
  }
  /* line 156, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .recurring-scheduled-sessions {
    grid-area: i4;
    align-items: center;
    gap: 1.5rem;
    justify-content: flex-start;
    padding: 2.5rem 1.5rem;
    text-align: center;
  }
  /* line 166, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .focus-music {
    grid-area: i5;
    justify-content: flex-start;
    text-align: left;
  }
  /* line 172, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .focus-music h3 {
    max-width: 14rem;
  }
  /* line 176, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .focus-music img {
    left: 186px;
    position: absolute;
    top: 16.94px;
  }
  /* line 183, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .locked-mode {
    grid-area: i6;
    justify-content: start;
  }
  /* line 189, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .freedom-perks {
    grid-area: i7;
    align-items: center;
    justify-content: center;
  }
  /* line 195, app/assets/stylesheets/pages/plans_template/_feature_illustrations.scss */
  .plans-template-content .feature-illustrations-section .feature-illustrations-list .freedom-perks img {
    margin-left: 2rem;
  }
}

/* line 1, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section {
  margin: 3.75rem auto 0 auto;
  max-width: 72.5rem;
  padding: 0 1.25rem;
}

/* line 6, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section h2 {
  color: #386C4D;
  font: normal 1.5rem/2.5rem Gabarito, sans-serif;
  letter-spacing: -0.015rem;
  align-items: center;
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: minmax(0.625rem, 1fr) auto minmax(0.625rem, 1fr);
  margin-bottom: 2.5rem;
  text-align: center;
  width: 100%;
}

/* line 20, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section h2:before, .plans-template-content .feature-list-section h2:after {
  border-top: 0.0625rem solid rgba(31, 74, 48, 0.2);
  content: "";
}

/* line 28, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .feature-list {
  background: white;
  border-radius: 1.5rem;
  padding: 1.5rem;
  display: grid;
}

@media only screen and (min-width: 40.063em) {
  /* line 28, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
  .plans-template-content .feature-list-section .feature-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 64.063em) {
  /* line 28, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
  .plans-template-content .feature-list-section .feature-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* line 43, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .feature {
  align-items: center;
  background-color: white;
  display: flex;
  gap: 0.5rem;
  height: 4.5rem;
  position: relative;
}

@media only screen and (min-width: 40.063em) {
  /* line 43, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
  .plans-template-content .feature-list-section .feature {
    padding: 0.75rem 1rem;
  }
}

/* line 55, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .feature .name {
  color: #1F4A30;
  font: normal 1.125rem/1.5rem Gabarito, sans-serif;
}

/* line 60, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .feature .premium-flag {
  align-items: center;
  background: #92C181;
  border-radius: 1.25rem;
  color: #fff;
  display: flex;
  font: normal 0.75rem/1 Gabarito, sans-serif;
  gap: 0.25rem;
  padding: 0.4375rem 0.5625rem;
}

/* line 70, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .feature .premium-flag::before {
  width: 0.875rem;
  height: 0.75rem;
  mask-size: 0.875rem 0.75rem;
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: white;
  mask-image: url(https://dev-freedom.com/assets/plans_template/freedom-logo-0f971469857e954e07cd9f35b8b84efe737335844e17fa937683e383cb0f2bc2.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .feature .premium-flag::before:hover, .plans-template-content .feature-list-section .feature .premium-flag::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 76, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .feature::before {
  flex-shrink: 0;
  background-position: left center;
  content: "";
  height: 1.5rem;
  mask-position: left center;
  mask-size: 1.75rem 1.5rem;
  padding-right: 0.5rem;
  width: 1.75rem;
}

/* line 104, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .icon-arrow-path::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #BBDAB0;
  mask-image: url(https://dev-freedom.com/assets/plans_template/feature-icons/arrow-path-944131df478cf8e3971196da9791ec08d40594a2f8017faadb6a8f1d9dc3346a.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .icon-arrow-path::before:hover, .plans-template-content .feature-list-section .icon-arrow-path::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .icon-clock::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #BBDAB0;
  mask-image: url(https://dev-freedom.com/assets/plans_template/feature-icons/clock-e5a00612b73e1697b6f37785cb4729ce13f79f8fa767c108703028251f345f62.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .icon-clock::before:hover, .plans-template-content .feature-list-section .icon-clock::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .icon-cloud::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #BBDAB0;
  mask-image: url(https://dev-freedom.com/assets/plans_template/feature-icons/cloud-e4151c8dd9e5b44e2c6a5553a8787870ba564958f7832d79e7aa264d5c14f3be.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .icon-cloud::before:hover, .plans-template-content .feature-list-section .icon-cloud::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .icon-computer-desktop::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #BBDAB0;
  mask-image: url(https://dev-freedom.com/assets/plans_template/feature-icons/computer-desktop-d15f54be2c9046872cc54ec4dd480762f1cbe4c6362a73d75bb721a62c156d1d.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .icon-computer-desktop::before:hover, .plans-template-content .feature-list-section .icon-computer-desktop::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .icon-eye-slash::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #BBDAB0;
  mask-image: url(https://dev-freedom.com/assets/plans_template/feature-icons/eye-slash-89a03542dbc0b62b6e49f69042a561e7afad6841cca2cbe049ce08d8618381fb.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .icon-eye-slash::before:hover, .plans-template-content .feature-list-section .icon-eye-slash::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .icon-freedom-logo::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #BBDAB0;
  mask-image: url(https://dev-freedom.com/images/plans_template/feature-icons/freedom-logo.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .icon-freedom-logo::before:hover, .plans-template-content .feature-list-section .icon-freedom-logo::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .icon-list-bullet::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #BBDAB0;
  mask-image: url(https://dev-freedom.com/assets/plans_template/feature-icons/list-bullet-2f4394935628a9bfdb0a0d8c5447255e27e4f05a08851318913e92e6ad25ede4.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .icon-list-bullet::before:hover, .plans-template-content .feature-list-section .icon-list-bullet::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .icon-lock-closed::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #BBDAB0;
  mask-image: url(https://dev-freedom.com/assets/plans_template/feature-icons/lock-closed-b9e74018da3fcdf89d34d8f3d9299bd1286d8bb2d2be2daec0eae7be79a56f7e.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .icon-lock-closed::before:hover, .plans-template-content .feature-list-section .icon-lock-closed::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .icon-minus-circle::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #BBDAB0;
  mask-image: url(https://dev-freedom.com/assets/plans_template/feature-icons/minus-circle-91e897731e859164cc6421f107d8cac3fd6042f12c81c3f50e505c8c34f73685.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .icon-minus-circle::before:hover, .plans-template-content .feature-list-section .icon-minus-circle::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .icon-musical-note::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #BBDAB0;
  mask-image: url(https://dev-freedom.com/assets/plans_template/feature-icons/musical-note-6f72a4b6dd846dae22b6cf095be86d0ca49e5449ba8f579e96b44a7230fbfa42.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .icon-musical-note::before:hover, .plans-template-content .feature-list-section .icon-musical-note::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .icon-no-symbol::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #BBDAB0;
  mask-image: url(https://dev-freedom.com/assets/plans_template/feature-icons/no-symbol-0d70c009d2e1274577f2c456a8bca0d7e92e891dbb42bec55bc3d50103eb53a8.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .icon-no-symbol::before:hover, .plans-template-content .feature-list-section .icon-no-symbol::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .icon-tag::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #BBDAB0;
  mask-image: url(https://dev-freedom.com/assets/plans_template/feature-icons/tag-7ff949b7107344b861b882063ffba4441681fa23b9fc6ce93175707c59b1c6c1.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .icon-tag::before:hover, .plans-template-content .feature-list-section .icon-tag::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .icon-users::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #BBDAB0;
  mask-image: url(https://dev-freedom.com/assets/plans_template/feature-icons/users-2828d63f131cb5802c70ed200aabbe374dc2207ffcd677dd999390cde1345723.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .icon-users::before:hover, .plans-template-content .feature-list-section .icon-users::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/pages/plans_template/_feature_list_section.scss */
.plans-template-content .feature-list-section .icon-window::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #BBDAB0;
  mask-image: url(https://dev-freedom.com/assets/plans_template/feature-icons/window-0aa611c5b1f5551f0da543214f205dcff2470e63191c8ae5bbd9606e187a460e.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .feature-list-section .icon-window::before:hover, .plans-template-content .feature-list-section .icon-window::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .new-footer {
  box-sizing: border-box;
  background-color: #FBFFF0;
  border-top: 1px solid rgba(31, 74, 48, 0.1);
  padding: 3rem 1.25rem 2rem;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 64.063em) {
  /* line 1, app/assets/stylesheets/pages/plans_template/_footer.scss */
  .plans-template-content .new-footer {
    border-radius: 0 0 5rem 5rem;
  }
}

@media only screen and (min-width: 64.063em) {
  /* line 1, app/assets/stylesheets/pages/plans_template/_footer.scss */
  .plans-template-content .new-footer {
    padding: 5rem;
  }
}

/* line 18, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .footer-main {
  max-width: 80rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

/* line 27, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .footer-nav {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  text-align: center;
}

@media only screen and (min-width: 22.5em) {
  /* line 27, app/assets/stylesheets/pages/plans_template/_footer.scss */
  .plans-template-content .footer-nav {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem 2rem;
    text-align: left;
  }
}

@media only screen and (min-width: 40.063em) {
  /* line 27, app/assets/stylesheets/pages/plans_template/_footer.scss */
  .plans-template-content .footer-nav {
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5rem 5rem;
  }
}

/* line 45, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .footer-column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 50, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .footer-column h3 {
  color: #1F4A30;
  font-weight: 700;
  margin: 0;
}

/* line 57, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .footer-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 67, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .footer-column li {
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 22.5em) {
  /* line 67, app/assets/stylesheets/pages/plans_template/_footer.scss */
  .plans-template-content .footer-column li {
    justify-content: flex-start;
  }
}

/* line 76, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .footer-column a {
  color: #1F4A30;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

/* line 82, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .footer-column a:hover {
  opacity: 0.6;
}

/* line 88, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .footer-actions {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}

@media only screen and (min-width: 40.063em) {
  /* line 88, app/assets/stylesheets/pages/plans_template/_footer.scss */
  .plans-template-content .footer-actions {
    flex-direction: row;
    justify-content: space-between;
  }
}

/* line 100, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-links {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 107, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border: 1px solid rgba(31, 74, 48, 0.1);
  border-radius: 0.5rem;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

/* line 116, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button:hover {
  background-color: rgba(31, 74, 48, 0.05);
  border-color: rgba(31, 74, 48, 0.2);
}

/* line 122, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button.icon-linkedin::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #1F4A30;
  mask-image: url(https://dev-freedom.com/assets/icons/social/linkedin-92772ccca56efa72f01672f0a5397615e944456c0561cba2665537e48d19a141.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .social-icon-button.icon-linkedin::before:hover, .plans-template-content .social-icon-button.icon-linkedin::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button.icon-facebook::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #1F4A30;
  mask-image: url(https://dev-freedom.com/assets/icons/social/facebook-02cf96b7a7dc37788305f10ef071727c3407a078a19a1734ba05f4411d60541c.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .social-icon-button.icon-facebook::before:hover, .plans-template-content .social-icon-button.icon-facebook::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button.icon-instagram::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #1F4A30;
  mask-image: url(https://dev-freedom.com/assets/icons/social/instagram-669828674e0d97f04e7ae60c935d7d2134a2219b278c42be34149470899157c9.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .social-icon-button.icon-instagram::before:hover, .plans-template-content .social-icon-button.icon-instagram::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button.icon-youtube::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #1F4A30;
  mask-image: url(https://dev-freedom.com/assets/icons/social/youtube-c965b51ee06caa837273b1b8944141e39c7de642bf8f9a5fdff81dc1c9d3d4b3.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .social-icon-button.icon-youtube::before:hover, .plans-template-content .social-icon-button.icon-youtube::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button.icon-soundcloud::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #1F4A30;
  mask-image: url(https://dev-freedom.com/assets/icons/social/soundcloud-870c66d96b31b256c10a0c2376eba9363d97457a75a7f1e2dc44f59e18eca50d.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .social-icon-button.icon-soundcloud::before:hover, .plans-template-content .social-icon-button.icon-soundcloud::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button.icon-x::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #1F4A30;
  mask-image: url(https://dev-freedom.com/assets/icons/social/x-5ca621188a0418fe8954e3ae9f2017e0d089e9b33a7daee6e76d5c3a3f620117.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .social-icon-button.icon-x::before:hover, .plans-template-content .social-icon-button.icon-x::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button.icon-pinterest::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #1F4A30;
  mask-image: url(https://dev-freedom.com/assets/icons/social/pinterest-bb41505ae401d825d3c48335d2880e8acff29cfbf05529602170b3dbf86cf55a.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .social-icon-button.icon-pinterest::before:hover, .plans-template-content .social-icon-button.icon-pinterest::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button.icon-medium::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #1F4A30;
  mask-image: url(https://dev-freedom.com/assets/icons/social/medium-b481e3aa67212754dd14e8a6d5386a0df605503d1a96d4baafdac057818538b9.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .social-icon-button.icon-medium::before:hover, .plans-template-content .social-icon-button.icon-medium::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 128, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button.icon-linkedin::before, .plans-template-content .social-icon-button.icon-medium::before {
  width: 0.9375rem;
  height: 0.9375rem;
  mask-size: 0.9375rem 0.9375rem;
}

/* line 133, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button.icon-facebook::before, .plans-template-content .social-icon-button.icon-instagram::before {
  width: 1.04169rem;
  height: 1.04169rem;
  mask-size: 1.04169rem 1.04169rem;
}

/* line 138, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button.icon-youtube::before {
  width: 1.04169rem;
  height: 0.83331rem;
  mask-size: 1.04169rem 0.83331rem;
}

/* line 142, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button.icon-soundcloud::before {
  width: 1.25rem;
  height: 0.57rem;
  mask-size: 1.25rem 0.57rem;
}

/* line 146, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button.icon-x::before {
  width: 1.06769rem;
  height: 0.9375rem;
  mask-size: 1.06769rem 0.9375rem;
}

/* line 150, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .social-icon-button.icon-pinterest::before {
  width: 1.04175rem;
  height: 1.04169rem;
  mask-size: 1.04175rem 1.04169rem;
}

/* line 155, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .back-to-top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: transparent;
  border: 1px solid rgba(31, 74, 48, 0.2);
  border-radius: 0.5rem;
  color: #1F4A30;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  margin: 0;
  padding: 0.5rem 0.75rem;
}

/* line 171, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .back-to-top:hover {
  background-color: rgba(31, 74, 48, 0.05);
  border-color: rgba(31, 74, 48, 0.3);
}

/* line 176, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .back-to-top .icon-arrow-up {
  display: flex;
}

/* line 179, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .back-to-top .icon-arrow-up::before {
  width: 0.675rem;
  height: 0.7875rem;
  mask-size: 0.675rem 0.7875rem;
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #1F4A30;
  mask-image: url(https://dev-freedom.com/assets/icons/arrow-up-eaedede013d5b77b57e9e8b3863f97f6ccd67b9fb6aa9eb4d959217b2fadd0ce.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .back-to-top .icon-arrow-up::before:hover, .plans-template-content .back-to-top .icon-arrow-up::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 186, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .separator {
  height: 0;
  align-self: stretch;
  border-top: 1px solid rgba(31, 74, 48, 0.2);
}

/* line 192, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .footer-bottom {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  opacity: 0.5;
  align-items: center;
}

@media only screen and (min-width: 40.063em) {
  /* line 192, app/assets/stylesheets/pages/plans_template/_footer.scss */
  .plans-template-content .footer-bottom {
    flex-direction: row;
    justify-content: space-between;
  }
}

/* line 205, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .copyright {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #1F4A30;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

/* line 216, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .copyright .icon-copyright {
  display: flex;
}

/* line 219, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .copyright .icon-copyright::before {
  width: 0.6875rem;
  height: 0.6875rem;
  mask-size: 0.6875rem 0.6875rem;
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #1F4A30;
  mask-image: url(https://dev-freedom.com/assets/icons/copyright-45741aa0a1e42e620e943c618ea711bac4be0151800b91157fcd715256b9c013.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .copyright .icon-copyright::before:hover, .plans-template-content .copyright .icon-copyright::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 226, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .legal-links {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  text-align: center;
}

@media only screen and (min-width: 40.063em) {
  /* line 226, app/assets/stylesheets/pages/plans_template/_footer.scss */
  .plans-template-content .legal-links {
    justify-content: flex-start;
  }
}

/* line 238, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .legal-links a,
.plans-template-content .legal-links button {
  display: flex;
  align-items: center;
  color: rgba(31, 74, 48, 0.6);
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s ease;
  margin: 0;
}

/* line 253, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .legal-links a:hover,
.plans-template-content .legal-links button:hover {
  color: #1F4A30;
}

@media only screen and (min-width: 40.063em) {
  /* line 257, app/assets/stylesheets/pages/plans_template/_footer.scss */
  .plans-template-content .legal-links a + a, .plans-template-content .legal-links a + button,
.plans-template-content .legal-links button + a,
.plans-template-content .legal-links button + button {
    padding-left: 1rem;
    border-left: 1px solid rgba(31, 74, 48, 0.2);
  }
}

/* line 267, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .extra-footer {
  background-color: #386C4D;
  padding: 16.67vw 5.56vw 5.56vw;
  margin-top: -11.11vw;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  overflow: hidden;
}

/* line 277, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .extra-footer-content {
  display: flex;
  align-items: center;
  gap: 3.65vw;
}

/* line 283, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .extra-footer-logo {
  display: flex;
  flex-shrink: 0;
}

/* line 287, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .extra-footer-logo::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #FBFFF0;
  mask-image: url(https://dev-freedom.com/assets/plans_template/freedom-logo-0f971469857e954e07cd9f35b8b84efe737335844e17fa937683e383cb0f2bc2.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
  width: 15.66vw;
  height: 14.08vw;
  mask-size: 100% 100%;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .extra-footer-logo::before:hover, .plans-template-content .extra-footer-logo::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 297, app/assets/stylesheets/pages/plans_template/_footer.scss */
.plans-template-content .extra-footer-text {
  font-family: Gabarito, sans-serif;
  font-weight: 400;
  font-size: 19.05vw;
  line-height: 1;
  letter-spacing: -0.12vw;
  color: #FBFFF0;
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/pages/plans_template/_freedom_forever_description.scss */
.plans-template-content .freedom-forever-description-section {
  margin: 3.75rem auto;
}

/* line 4, app/assets/stylesheets/pages/plans_template/_freedom_forever_description.scss */
.plans-template-content .freedom-forever-description-section p {
  color: #386C4D;
  line-height: 1.5rem;
  margin: 1.5rem auto;
  padding: 0 2rem;
  text-align: center;
}

/* line 13, app/assets/stylesheets/pages/plans_template/_freedom_forever_description.scss */
.plans-template-content .freedom-forever-description-section a {
  font-weight: 600;
  color: #1F4A30;
  display: block;
  margin: 0 auto;
  padding: 1.5rem;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
  width: 100%;
}

/* line 26, app/assets/stylesheets/pages/plans_template/_freedom_forever_description.scss */
.plans-template-content .freedom-forever-description-section a:hover {
  opacity: 0.8;
}

/* line 1, app/assets/stylesheets/pages/plans_template/_page_header.scss */
.plans-template-content .page-header {
  color: white;
  font: normal 3.5rem/4rem Young Serif, serif;
  letter-spacing: -1%;
  text-align: center;
  margin: 0;
  padding: 0;
}

/* line 10, app/assets/stylesheets/pages/plans_template/_page_header.scss */
.plans-template-content .page-subheader {
  color: #FBFFF0;
  font: 600 2.125rem/2.5625rem Gabarito, sans-serif;
  letter-spacing: 0;
  margin: 0.5rem 0 0 0;
  text-align: center;
}

@media only screen and (min-width: 40.063em) {
  /* line 10, app/assets/stylesheets/pages/plans_template/_page_header.scss */
  .plans-template-content .page-subheader {
    margin: 2.5rem 0 0 0;
  }
}

/* line 1, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes-row {
  margin: 4.5rem auto 0 auto;
  max-width: 72.5rem;
  padding: 0 1.25rem;
}

/* line 6, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes-row .general-error {
  display: none;
  margin: 1.25rem 0;
  text-align: center;
}

/* line 11, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes-row .general-error a {
  color: #6ec05d;
}

/* line 17, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .toggle-switch-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 3.5rem;
}

/* line 23, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .toggle-switch-wrapper .toggle-switch {
  background: #FBFFF0;
  border-radius: 1.5rem;
  display: inline-flex;
  padding: 0.25rem;
  position: relative;
  text-align: center;
}

/* line 31, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .toggle-switch-wrapper .toggle-switch label {
  border-radius: 2rem;
  color: #386C4D;
  cursor: pointer;
  display: flex;
  font: 1.125rem/1.5rem Gabarito, sans-serif;
  justify-content: center;
  margin: 0;
  padding: 0.5rem 1rem;
  text-align: center;
  transition: all 0.25s ease-in-out;
  z-index: 1;
}

@media only screen and (min-width: 24em) {
  /* line 31, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
  .plans-template-content .toggle-switch-wrapper .toggle-switch label {
    min-width: 11.25rem;
  }
}

/* line 49, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .toggle-switch-wrapper .toggle-switch [type="radio"] {
  margin: 0;
  width: 0;
}

/* line 54, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .toggle-switch-wrapper .toggle-switch label:has(:checked) {
  color: white;
  background-color: #386C4D;
  font-weight: 600;
}

/* line 62, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes {
  display: flex;
  font-family: Gabarito, sans-serif;
}

/* line 66, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .plan-box {
  background-color: white;
  border-radius: 1.5rem !important;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}

/* line 75, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .switchable {
  display: none;
}

/* line 79, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .switchable.active {
  display: block;
}

/* line 83, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .with-topper {
  border: none;
}

/* line 87, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .topper {
  align-items: center;
  background: #D7EBCF;
  border-radius: 1.5rem;
  color: #2C551B;
  display: flex;
  font: normal 1rem/1.25rem Gabarito, sans-serif;
  justify-content: center;
  left: 50%;
  letter-spacing: 0;
  padding: 0.375rem 1rem;
  position: absolute;
  top: -1rem;
  transform: translateX(-50%);
}

/* line 103, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .topper-orange .topper {
  background: #F8AD17;
  color: white;
}

/* line 108, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .topper-red .topper {
  background: #F9E7DD;
  color: #A1401D;
}

/* line 113, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .box-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 2rem 1.5rem;
  text-align: center;
}

/* line 121, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .plan-name {
  color: #1F4A30;
  font: 600 2.75rem/3.1875rem Gabarito, sans-serif;
  margin: 0 0.25rem;
  padding: 0;
  text-transform: capitalize;
}

/* line 130, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .with-logo .plan-name {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  justify-content: center;
}

/* line 137, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .with-logo .plan-name::before {
  width: 2.1875rem;
  height: 1.875rem;
  mask-size: 2.1875rem 1.875rem;
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #1F4A30;
  mask-image: url(https://dev-freedom.com/assets/plans_template/freedom-logo-0f971469857e954e07cd9f35b8b84efe737335844e17fa937683e383cb0f2bc2.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .plan-boxes .with-logo .plan-name::before:hover, .plans-template-content .plan-boxes .with-logo .plan-name::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 144, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .plan-pitch {
  color: #1F4A30;
  font: normal 1rem/1.25rem Gabarito, sans-serif;
  letter-spacing: 0;
  opacity: 0.7;
  margin-top: 0.25rem;
}

/* line 152, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .trial-description {
  background-color: #A97A291A;
  border-radius: 6.25rem;
  color: #654916;
  display: inline-block;
  font: normal 0.875rem/1rem Gabarito, sans-serif;
  letter-spacing: 0%;
  margin: 0.5rem;
  padding: 0.5rem 0.75rem;
}

/* line 163, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .price {
  color: #1F4A30;
  display: flex;
  font: normal 1.75rem Gabarito, sans-serif;
  justify-content: center;
  margin-top: 1.5rem;
}

/* line 170, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .price .regular-price,
.plans-template-content .plan-boxes .price .discounted-price {
  align-items: center;
  display: flex;
}

/* line 176, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .price .price-currency {
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.5625rem;
}

/* line 182, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .price .price-amount {
  font-size: 2.125rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 2.5625rem;
  margin: 0 0.75rem 0 0.25rem;
}

/* line 190, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .price .price-period {
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.5625rem;
}

/* line 197, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .billing-description {
  color: rgba(31, 74, 48, 0.7);
  font: normal 16/20 Gabarito, sans-serif;
}

/* line 202, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .price + .billing-description {
  margin: 0.25rem 0 2.5rem 0;
}

/* line 206, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .regular-price {
  color: #1F4A30;
  display: flex;
  font-size: 1.5rem;
}

/* line 212, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .price-comparison {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  justify-content: center;
  line-height: 2.125rem;
}

/* line 220, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .price-comparison .regular-price {
  color: #7D9F76;
}

/* line 225, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .plan-button {
  align-items: center;
  background-color: #386C4D;
  border-radius: 6.25rem;
  border: none;
  color: #FBFFF0;
  display: flex;
  font: 500 1.125rem/1.35rem Gabarito, sans-serif;
  height: 3.5rem;
  justify-content: space-between;
  letter-spacing: 0.0625rem;
  margin: 0 auto;
  max-width: 18.75rem;
  padding: 0.5rem;
  text-align: center;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
  width: 100%;
}

/* line 244, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .plan-button .button-text {
  flex: 1;
}

/* line 248, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .plan-button .button-icon-wrapper {
  align-items: center;
  background-color: #DBFF80;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

/* line 259, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .plan-button .button-icon {
  width: 1.0625rem;
  height: 1.25rem;
  mask-size: 1.0625rem 1.25rem;
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #1F4A30;
  mask-image: url(https://dev-freedom.com/assets/icons/new-arrow-4a5bd784dabed58e8fb6bf2846917cdded8c1cd2897ef7b9dd0f786373185658.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .plan-boxes .plan-button .button-icon:hover, .plans-template-content .plan-boxes .plan-button .button-icon:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 263, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .plan-button:hover {
  background-color: #DBFF80;
  color: #1F4A30;
}

/* line 267, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .plan-button:hover .button-icon-wrapper {
  background-color: #1F4A30;
}

/* line 271, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .plan-button:hover .button-icon {
  background-color: #DBFF80;
}

/* line 277, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .price + .plan-button {
  margin: 1.5rem auto 0 auto;
}

/* line 281, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .plan-description {
  color: #1F4A30;
  font: normal 1rem/1.25rem Gabarito, sans-serif;
  letter-spacing: 0;
  margin: 1.5rem 0 0 0;
  padding: 0 2.25rem;
  text-align: center;
}

/* line 290, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .plan-features {
  color: #1F4A30;
  list-style: none;
  margin: 2rem auto 0 auto;
  max-width: 20rem;
  padding: 1rem 0;
}

/* line 297, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .plan-features li {
  align-items: center;
  color: #1F4A30;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: flex-start;
  line-height: 1.25rem;
  padding: 0.5rem 1rem;
  text-align: left;
}

/* line 309, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes .plan-features li::before {
  width: 1.25rem;
  height: 1.25rem;
  mask-size: 1.25rem 1.25rem;
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #386C4D;
  mask-image: url(https://dev-freedom.com/assets/plans_template/check-circle-828ac18d72f5c432ff225cb6c52ef18af56a5585927f7c56dcc3316f9a845eb0.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
  flex-shrink: 0;
}

/* line 317, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes.standalone {
  justify-content: center;
}

/* line 320, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes.standalone .plan-box {
  max-width: 25.625rem;
}

/* line 325, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content .plan-boxes.triptych {
  flex-direction: column;
  gap: 1.5rem;
}

@media only screen and (min-width: 66.6em) {
  /* line 331, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
  .plans-template-content .plan-boxes.triptych, .plans-template-content .plan-boxes.switchable {
    flex-direction: row;
  }
}

/* line 3, app/assets/stylesheets/definitions/mixins/_order_by_class.scss */
.plans-template-content.upgrade-page-content .triptych .forever {
  order: 1;
}

/* line 3, app/assets/stylesheets/definitions/mixins/_order_by_class.scss */
.plans-template-content.upgrade-page-content .triptych .yearly {
  order: 2;
}

/* line 3, app/assets/stylesheets/definitions/mixins/_order_by_class.scss */
.plans-template-content.upgrade-page-content .triptych .monthly {
  order: 3;
}

@media only screen and (min-width: 64.063em) {
  /* line 3, app/assets/stylesheets/definitions/mixins/_order_by_class.scss */
  .plans-template-content.upgrade-page-content .triptych .monthly {
    order: 1;
  }
  /* line 3, app/assets/stylesheets/definitions/mixins/_order_by_class.scss */
  .plans-template-content.upgrade-page-content .triptych .yearly {
    order: 2;
  }
  /* line 3, app/assets/stylesheets/definitions/mixins/_order_by_class.scss */
  .plans-template-content.upgrade-page-content .triptych .forever {
    order: 3;
  }
}

/* line 3, app/assets/stylesheets/definitions/mixins/_order_by_class.scss */
.plans-template-content.premium-page-content .yearly, .plans-template-content.plans-page-content .yearly {
  order: 1;
}

/* line 3, app/assets/stylesheets/definitions/mixins/_order_by_class.scss */
.plans-template-content.premium-page-content .monthly, .plans-template-content.plans-page-content .monthly {
  order: 2;
}

/* line 3, app/assets/stylesheets/definitions/mixins/_order_by_class.scss */
.plans-template-content.premium-page-content .forever, .plans-template-content.plans-page-content .forever {
  order: 3;
}

/* line 3, app/assets/stylesheets/definitions/mixins/_order_by_class.scss */
.plans-template-content.premium-page-content .free, .plans-template-content.plans-page-content .free {
  order: 4;
}

@media only screen and (min-width: 66.6em) {
  /* line 3, app/assets/stylesheets/definitions/mixins/_order_by_class.scss */
  .plans-template-content.premium-page-content .free, .plans-template-content.plans-page-content .free {
    order: 1;
  }
  /* line 3, app/assets/stylesheets/definitions/mixins/_order_by_class.scss */
  .plans-template-content.premium-page-content .yearly, .plans-template-content.plans-page-content .yearly {
    order: 2;
  }
  /* line 3, app/assets/stylesheets/definitions/mixins/_order_by_class.scss */
  .plans-template-content.premium-page-content .monthly, .plans-template-content.plans-page-content .monthly {
    order: 3;
  }
  /* line 3, app/assets/stylesheets/definitions/mixins/_order_by_class.scss */
  .plans-template-content.premium-page-content .forever, .plans-template-content.plans-page-content .forever {
    order: 4;
  }
}

/* line 359, app/assets/stylesheets/pages/plans_template/_plan_boxes.scss */
.plans-template-content.upgrade-page-content .box-text, .plans-template-content.forever-page-content .box-text {
  justify-content: center;
}

/* line 1, app/assets/stylesheets/pages/plans_template/_register_modal.scss */
.plans-template-content .register-modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99999;
  transition: opacity 300ms ease-in;
}

/* line 13, app/assets/stylesheets/pages/plans_template/_register_modal.scss */
.plans-template-content .register-modal:target {
  opacity: 1;
}

/* line 17, app/assets/stylesheets/pages/plans_template/_register_modal.scss */
.plans-template-content .register-modal > div {
  position: relative;
  margin: 2.5% auto;
  background: #fff;
}

@media only screen and (max-width: 500px) {
  /* line 17, app/assets/stylesheets/pages/plans_template/_register_modal.scss */
  .plans-template-content .register-modal > div {
    height: 100%;
    margin: 0% auto;
    padding: 0 1.25rem 0.8125rem 1.25rem;
  }
}

/* line 29, app/assets/stylesheets/pages/plans_template/_register_modal.scss */
.plans-template-content .register-modal .close-modal-icon {
  all: unset;
  background: url(https://dev-freedom.com/assets/icons/premium-close-modal-icon-8318853998bc4be53d6e6472b7d39c212cb7a410009c3e0d85211efae559bf02.svg) center/0.9375rem no-repeat;
  font-size: 0;
  height: 0.9375rem;
  position: absolute;
  right: 2rem;
  top: 2rem;
  width: 0.9375rem;
  padding: 0.3125rem;
}

/* line 75, app/assets/stylesheets/definitions/_mixins.scss */
.plans-template-content .register-modal .close-modal-icon:focus-visible {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .register-modal .close-modal-icon:hover, .plans-template-content .register-modal .close-modal-icon:focus {
  background-color: #f2f2f2;
  border-radius: 50%;
  cursor: pointer;
}

/* line 49, app/assets/stylesheets/pages/plans_template/_register_modal.scss */
.plans-template-content .register-modal .credential-form-wrapper {
  max-width: 29.3125rem;
  position: relative;
}

/* line 53, app/assets/stylesheets/pages/plans_template/_register_modal.scss */
.plans-template-content .register-modal .credential-form-wrapper h4 {
  color: var(--primary-text-color);
  font: bold 1.375rem/1.75rem proxima-nova, sans-serif;
  letter-spacing: 0.0125rem;
  margin: 0 0 0.5rem 0;
}

/* line 60, app/assets/stylesheets/pages/plans_template/_register_modal.scss */
.plans-template-content .register-modal .credential-form-wrapper .small {
  color: var(--primary-text-color);
  font: 0.8125rem/1.125rem proxima-nova, sans-serif;
  margin: 0.5rem 0 2rem 0;
}

/* line 1, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .reviews-section {
  background: linear-gradient(180deg, transparent 0%, rgba(146, 193, 129, 0.5) 50%, transparent 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5rem;
  padding: 7.5rem 1.5rem;
}

@media only screen and (max-width: 40em) {
  /* line 1, app/assets/stylesheets/pages/plans_template/_reviews.scss */
  .plans-template-content .reviews-section {
    gap: 2.5rem;
    padding: 3.75rem 1rem;
  }
}

/* line 15, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .reviews-heading {
  color: #1F4A30;
  font: normal 3rem/1.2 Young Serif, serif;
  letter-spacing: -0.03rem;
  margin: 0;
  max-width: 57.125rem;
  text-align: center;
}

@media only screen and (max-width: 40em) {
  /* line 15, app/assets/stylesheets/pages/plans_template/_reviews.scss */
  .plans-template-content .reviews-heading {
    font-size: 2rem;
  }
}

/* line 28, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .reviews-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  width: 100%;
}

@media only screen and (max-width: 40em) {
  /* line 28, app/assets/stylesheets/pages/plans_template/_reviews.scss */
  .plans-template-content .reviews-cards {
    flex-direction: column;
    align-items: center;
  }
}

@media only screen and (min-width: 40.063em) and (max-width: 84rem) {
  /* line 28, app/assets/stylesheets/pages/plans_template/_reviews.scss */
  .plans-template-content .reviews-cards {
    width: calc(19.25rem * 2 + 1rem);
    max-width: calc(19.25rem * 2 + 1rem);
  }
}

/* line 46, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .review-card {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 16.25rem;
  padding: 1.5rem;
  width: 19.25rem;
  flex: 0 0 19.25rem;
  max-width: 19.25rem;
  gap: 0.75rem;
}

@media only screen and (max-width: 40em) {
  /* line 46, app/assets/stylesheets/pages/plans_template/_reviews.scss */
  .plans-template-content .review-card {
    width: 100%;
    flex: 0 0 auto;
    max-width: 19.25rem;
  }
}

/* line 66, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .review-top {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 72, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .stars {
  display: flex;
  gap: 0.125rem;
  width: 1rem;
}

/* line 78, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .review-header {
  color: #1F4A30;
  font: 600 1.25rem/1.2 Gabarito, sans-serif;
  margin: 0;
}

/* line 84, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .review-quote {
  color: #1F4A30;
  font: normal 1rem/1.2 Gabarito, sans-serif;
  margin: 0;
}

/* line 90, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .reviewer-info {
  color: #1F4A30;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  line-height: 1.2;
}

/* line 98, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .reviewer-name {
  color: #1F4A30;
  font: 600 1rem Gabarito, sans-serif;
}

/* line 103, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .review-date {
  font: normal 0.75rem Gabarito, sans-serif;
  opacity: 0.8;
}

/* line 108, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .reviews-cta {
  align-items: center;
  border: 0.0625rem solid rgba(56, 108, 77, 0.2);
  border-radius: 62.5rem;
  color: #386C4D;
  display: flex;
  font: 600 1rem/1.2 Gabarito, sans-serif;
  gap: 0.5rem;
  height: 3.5rem;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  text-transform: uppercase;
}

/* line 120, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .reviews-cta:hover {
  color: #386C4D;
}

/* line 123, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .reviews-cta:hover .arrow-container {
  background: rgba(56, 108, 77, 0.1);
}

/* line 126, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .reviews-cta:hover .arrow-container svg {
  transform: translateX(0.1875rem);
}

/* line 132, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .reviews-cta .arrow-container {
  align-items: center;
  background: transparent;
  border-radius: 6.25rem;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  transition: background 0.2s ease;
  width: 2.5rem;
}

/* line 142, app/assets/stylesheets/pages/plans_template/_reviews.scss */
.plans-template-content .reviews-cta .arrow-container svg {
  transition: transform 0.2s ease;
}

/* line 1, app/assets/stylesheets/pages/plans_template/_testimonial.scss */
.plans-template-content .plans-testimonial {
  color: #1F4A30;
  display: none;
  max-width: 60rem;
  text-align: center;
}

/* line 7, app/assets/stylesheets/pages/plans_template/_testimonial.scss */
.plans-template-content .plans-testimonial .short-quote {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/pages/plans_template/_testimonial.scss */
.plans-template-content .plans-testimonial .byline .name {
  font-weight: bold;
}

@media only screen and (min-width: 40.063em) {
  /* line 21, app/assets/stylesheets/pages/plans_template/_testimonial.scss */
  .plans-template-content .plans-testimonial {
    display: block;
    margin: 2.3rem 2rem 2.5rem 2rem;
  }
}

@media only screen and (min-width: 64.063em) {
  /* line 28, app/assets/stylesheets/pages/plans_template/_testimonial.scss */
  .plans-template-content .plans-testimonial {
    margin: 2.3rem auto 2.5rem auto;
  }
}

/* line 1, app/assets/stylesheets/pages/plans_template/_trial_cta.scss */
.plans-template-content .trial-cta-section {
  margin: 1.5rem auto 2.5rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 8, app/assets/stylesheets/pages/plans_template/_trial_cta.scss */
.plans-template-content .trial-cta {
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 62.5rem;
  color: white;
  display: flex;
  font: 600 1rem/1.2 Gabarito, sans-serif;
  gap: 0.5rem;
  height: 3.5rem;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  text-transform: uppercase;
}

/* line 20, app/assets/stylesheets/pages/plans_template/_trial_cta.scss */
.plans-template-content .trial-cta .arrow-container {
  align-items: center;
  background: transparent;
  border-radius: 6.25rem;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  transition: background 0.2s ease;
  width: 2.5rem;
}

/* line 30, app/assets/stylesheets/pages/plans_template/_trial_cta.scss */
.plans-template-content .trial-cta .arrow-container svg {
  transition: transform 0.2s ease;
}

/* line 35, app/assets/stylesheets/pages/plans_template/_trial_cta.scss */
.plans-template-content .trial-cta:hover {
  color: #1F4A30;
  border-color: transparent;
}

/* line 39, app/assets/stylesheets/pages/plans_template/_trial_cta.scss */
.plans-template-content .trial-cta:hover .arrow-container {
  background: #DBFF80;
}

/* line 42, app/assets/stylesheets/pages/plans_template/_trial_cta.scss */
.plans-template-content .trial-cta:hover .arrow-container svg {
  transform: translateX(0.1875rem);
}

/* line 1, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section {
  background: transparent linear-gradient(-180deg, transparent 0%, transparent 2rem, #1F4A30 2rem);
  margin: -2rem auto 0 auto;
}

/* line 3, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section::before {
  background-color: #1F4A30;
  content: "";
  display: inline-block;
  height: 2rem;
  mask-image: url(https://dev-freedom.com/assets/plans_template/inverted-curve-background-2e7b96f1cf6921413563537564766b105639442258b5040de25100f4cf0dfa2b.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: 100% 2rem;
  width: 100%;
}

/* line 19, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-wrapper {
  padding: 6.75rem 2rem 5rem 2rem;
}

/* line 23, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .section-heading {
  color: #FBFFF0;
  line-height: 3.5rem;
  text-align: center;
  margin-bottom: 4.5rem;
}

/* line 31, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .grid-constraint {
  overflow-x: auto;
  width: 100%;
}

/* line 36, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid {
  background: none;
  border: none;
  display: grid;
  grid-template-columns: repeat(6, minmax(9.375rem, 1fr));
  margin: 0 auto;
  max-width: 80rem;
  width: revert;
}

/* line 45, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid thead,
.plans-template-content .whats-included-section .whats-included-grid tbody,
.plans-template-content .whats-included-section .whats-included-grid tr {
  display: contents;
}

/* line 51, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid thead,
.plans-template-content .whats-included-section .whats-included-grid tr,
.plans-template-content .whats-included-section .whats-included-grid th {
  background: none;
}

/* line 57, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid th,
.plans-template-content .whats-included-section .whats-included-grid td {
  border-bottom: 1px solid rgba(125, 159, 118, 0.2);
}

/* line 63, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid thead th {
  align-items: center;
  background: linear-gradient(0deg, rgba(56, 108, 77, 0.05) 0%, rgba(56, 108, 77, 0.05) 100%), white;
  color: #1F4A30;
  display: flex;
  gap: 2.5rem;
  height: 6rem;
  justify-content: center;
  padding: 1rem 0;
  text-align: center;
}

/* line 74, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid thead th:first-child {
  border-radius: 1.5rem 0 0 0;
}

/* line 78, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid thead th:last-child {
  border-radius: 0 1.5rem 0 0;
}

/* line 83, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid tbody th,
.plans-template-content .whats-included-section .whats-included-grid tbody td {
  align-items: center;
  align-self: stretch;
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  height: 7.5rem;
  justify-content: center;
  padding: 0.625rem;
}

/* line 97, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid tbody tr:last-child > :first-child {
  border-radius: 0 0 0 1.5rem;
}

/* line 101, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid tbody tr:last-child > :last-child {
  border-radius: 0 0 1.5rem 0;
}

/* line 106, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid .platform {
  align-items: center;
  color: #1F4A30;
  display: flex;
  flex-direction: column;
}

/* line 113, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid .platform::before {
  width: 2.5rem;
  height: 2.5rem;
  mask-size: 2.5rem 2.5rem;
  color: #1F4A30;
}

/* line 119, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid .platform:has(> .macos)::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: currentColor;
  mask-image: url(https://dev-freedom.com/assets/plans_template/platform-icons/macos-09f1c7eade51e5d8bc4f77fe828e590754807f97cb2a0fbd3fcc106c98fe29d3.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .whats-included-section .whats-included-grid .platform:has(> .macos)::before:hover, .plans-template-content .whats-included-section .whats-included-grid .platform:has(> .macos)::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 119, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid .platform:has(> .windows)::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: currentColor;
  mask-image: url(https://dev-freedom.com/assets/plans_template/platform-icons/windows-63b45b8a486b92c47cbd74f28d49fcea105b0ba61b7bf4145edd395a9420ee78.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .whats-included-section .whats-included-grid .platform:has(> .windows)::before:hover, .plans-template-content .whats-included-section .whats-included-grid .platform:has(> .windows)::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 119, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid .platform:has(> .ios)::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: currentColor;
  mask-image: url(https://dev-freedom.com/assets/plans_template/platform-icons/ios-5fe58b9394b8611ca4ec04f0b94a95b263732643e37c9e3cd00b44d511f71086.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .whats-included-section .whats-included-grid .platform:has(> .ios)::before:hover, .plans-template-content .whats-included-section .whats-included-grid .platform:has(> .ios)::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 119, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid .platform:has(> .android)::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: currentColor;
  mask-image: url(https://dev-freedom.com/assets/plans_template/platform-icons/android-8dd5c2b3e12c6854b1bc9f7c56890562ad2f3a5478a7181c9c2e7a99470c86dc.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .whats-included-section .whats-included-grid .platform:has(> .android)::before:hover, .plans-template-content .whats-included-section .whats-included-grid .platform:has(> .android)::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 119, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid .platform:has(> .chromeos)::before {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: currentColor;
  mask-image: url(https://dev-freedom.com/assets/plans_template/platform-icons/chromeos-60e993656e117eef17c61a987943936d845e598c0427ec0da40e771cd2f9e8e8.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  content: "";
}

/* line 2, app/assets/stylesheets/definitions/mixins/_hover.scss */
.plans-template-content .whats-included-section .whats-included-grid .platform:has(> .chromeos)::before:hover, .plans-template-content .whats-included-section .whats-included-grid .platform:has(> .chromeos)::before:focus {
  background-color: currentColor;
  cursor: pointer;
}

/* line 126, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid .included,
.plans-template-content .whats-included-section .whats-included-grid .not-included {
  align-self: stretch;
  height: 6.25rem;
  mask-size: 2.5rem;
}

/* line 133, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid .included {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #7D9F76;
  mask-image: url(https://dev-freedom.com/assets/plans_template/check-circle-828ac18d72f5c432ff225cb6c52ef18af56a5585927f7c56dcc3316f9a845eb0.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 137, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid .not-included {
  display: inline-block;
  font-size: 0;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: rgba(0, 0, 0, 0.1);
  mask-image: url(https://dev-freedom.com/assets/plans_template/x-circle-b6f752b746f55c9ecf827d220131e73ab3244a8dee1e2f56ff9ef2fcc6fe5b51.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
}

/* line 141, app/assets/stylesheets/pages/plans_template/_whats_included.scss */
.plans-template-content .whats-included-section .whats-included-grid .download a {
  display: block;
  width: 8.3rem;
}

/* line 2, app/assets/stylesheets/pages/plans_template/_forever.scss */
.plans-template-content.forever-page-content .page-header {
  color: #1F4A30;
}

/* line 6, app/assets/stylesheets/pages/plans_template/_forever.scss */
.plans-template-content.forever-page-content .choose-section {
  background: center/cover #ECF3E8 url(https://dev-freedom.com/assets/background/crinkled-paper-primary-125-a273e31cb6bc7b354ca835f8731610254e6a1f1bf4e9081599cae486d7eb5e63.jpg);
}

@media only screen and (min-width: 64.063em) {
  /* line 10, app/assets/stylesheets/pages/plans_template/_forever.scss */
  .plans-template-content.forever-page-content .faq-container {
    padding: 7.5rem 10rem;
  }
}

/* line 16, app/assets/stylesheets/pages/plans_template/_forever.scss */
.plans-template-content.forever-page-content .feature-illustrations-section {
  background: #ECF3E8;
  padding: 5rem 2rem;
}

/* line 20, app/assets/stylesheets/pages/plans_template/_forever.scss */
.plans-template-content.forever-page-content .feature-illustrations-section h2 {
  margin-bottom: 2.5rem;
}

/* line 2, app/assets/stylesheets/pages/plans_template/_plans.scss */
.plans-template-content.plans-page-content .choose-section {
  background: center/cover #5F7A64 url(https://dev-freedom.com/assets/background/crinkled-paper-primary-500-394e6d90d3b8e65c2829b3fb6a51e1cafbc8a912c600993b104e525016b92f68.jpg);
}

/* line 6, app/assets/stylesheets/pages/plans_template/_plans.scss */
.plans-template-content.plans-page-content .plan-boxes-row {
  margin-top: 2.5rem;
}

/* line 11, app/assets/stylesheets/pages/plans_template/_plans.scss */
.plans-template-content.plans-page-content .plan-boxes .side-box {
  margin: 1.5rem 0 0 0;
}

@media only screen and (min-width: 64.063em) {
  /* line 16, app/assets/stylesheets/pages/plans_template/_plans.scss */
  .plans-template-content.plans-page-content .plan-boxes .middle-box {
    min-width: 25.625rem;
  }
}

/* line 2, app/assets/stylesheets/pages/plans_template/_plans_alt.scss */
.plans-template-content.plans-alt-page-content .choose-section {
  background: center/cover #5F7A64 url(https://dev-freedom.com/assets/background/crinkled-paper-primary-500-394e6d90d3b8e65c2829b3fb6a51e1cafbc8a912c600993b104e525016b92f68.jpg);
}

/* line 7, app/assets/stylesheets/pages/plans_template/_plans_alt.scss */
.plans-template-content.plans-alt-page-content .feature-list-section h2 {
  color: #FDFFF9;
}

/* line 10, app/assets/stylesheets/pages/plans_template/_plans_alt.scss */
.plans-template-content.plans-alt-page-content .feature-list-section h2:before, .plans-template-content.plans-alt-page-content .feature-list-section h2:after {
  border-color: rgba(253, 255, 249, 0.2);
}

/* line 2, app/assets/stylesheets/pages/plans_template/_premium.scss */
.plans-template-content.premium-page-content .choose-section {
  background: center/cover #5F7A64 url(https://dev-freedom.com/assets/background/crinkled-paper-primary-500-394e6d90d3b8e65c2829b3fb6a51e1cafbc8a912c600993b104e525016b92f68.jpg);
}

/* line 6, app/assets/stylesheets/pages/plans_template/_premium.scss */
.plans-template-content.premium-page-content .plan-boxes-row {
  margin-top: 2.5rem;
}

/* line 11, app/assets/stylesheets/pages/plans_template/_premium.scss */
.plans-template-content.premium-page-content .plan-boxes .side-box {
  margin: 1.5rem 0 0 0;
}

@media only screen and (min-width: 64.063em) {
  /* line 16, app/assets/stylesheets/pages/plans_template/_premium.scss */
  .plans-template-content.premium-page-content .plan-boxes .middle-box {
    min-width: 25.625rem;
  }
}

/* line 2, app/assets/stylesheets/pages/plans_template/_upgrade.scss */
.plans-template-content.upgrade-page-content .pre-header {
  font: 500 1.75rem/2.125rem Gabarito, sans-serif;
  margin: 0 auto 0.25rem auto;
  color: #5F7A64;
  text-align: center;
}

/* line 9, app/assets/stylesheets/pages/plans_template/_upgrade.scss */
.plans-template-content.upgrade-page-content .page-header {
  color: #1F4A30;
}

/* line 13, app/assets/stylesheets/pages/plans_template/_upgrade.scss */
.plans-template-content.upgrade-page-content .choose-section {
  background: center/cover #D7EBCF url(https://dev-freedom.com/assets/background/crinkled-paper-primary-150-a500e4ceb808794b743ef59f7582b2844578bac780456a93e95f7c0519feddb3.jpg);
}

/* line 18, app/assets/stylesheets/pages/plans_template/_upgrade.scss */
.plans-template-content.upgrade-page-content .plan-boxes .side-box {
  background-color: #FDFFF9;
}

@media only screen and (min-width: 64.063em) {
  /* line 23, app/assets/stylesheets/pages/plans_template/_upgrade.scss */
  .plans-template-content.upgrade-page-content .faq-container {
    padding: 13.75rem 11.75rem 4.25rem;
  }
}

/* line 29, app/assets/stylesheets/pages/plans_template/_upgrade.scss */
.plans-template-content.upgrade-page-content .reviews-section {
  background: linear-gradient(180deg, transparent 0%, rgba(146, 193, 129, 0.5) 50%, transparent 100%), linear-gradient(180deg, #F2F7E9 0%, white 100%);
}

/* line 1, app/assets/stylesheets/pages/shared_content/_registration_form.scss */
.registration-form {
  margin: 0;
}

/* line 4, app/assets/stylesheets/pages/shared_content/_registration_form.scss */
.registration-form .password-requirements {
  display: none;
}

/* line 8, app/assets/stylesheets/pages/shared_content/_registration_form.scss */
.registration-form .form-actions {
  padding-top: 10px;
  text-align: center;
}

/* line 13, app/assets/stylesheets/pages/shared_content/_registration_form.scss */
.registration-form .green-button-purchase,
.registration-form .green-button-register {
  width: 98% !important;
  border-radius: 3px !important;
}

/* line 3, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row {
  margin-top: 20px;
}

@media only screen and (min-width: 40.063em) {
  /* line 3, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
  .whats-included-row {
    margin-top: 50px;
  }
}

/* line 10, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row + .hr-spacer {
  margin-top: 60px;
}

/* line 14, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .page-subheader {
  color: black;
  text-align: center;
  font-family: proxima-nova, Helvetica, sans-serif;
  font-size: 1.9375rem;
  font-style: normal;
  font-weight: 700;
}

/* line 24, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-summary {
  font-family: proxima-nova, Helvetica, sans-serif;
  font-weight: 300;
  letter-spacing: 0.14px;
  color: #808184;
  text-align: center;
  margin: 20px 0 40px 0;
}

/* line 33, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row.team {
  margin-bottom: 60px;
}

/* line 36, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row.team .whats-included-summary {
  display: none;
}

/* line 41, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-grid {
  margin-top: 30px;
  background-color: white;
  border-radius: 1.25rem;
  border: 1px solid #BEBEBE;
  padding: 2rem;
}

/* line 48, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-grid .feature {
  border-bottom: 1px solid #E8E8E8;
  margin-bottom: 34px;
  padding-bottom: 14px;
}

/* line 53, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-grid .feature:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-grid .feature-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  flex: 1 0 0;
  margin: 0 0 20px 0;
}

/* line 68, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-grid .feature-name {
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0 0 0 50px;
  font: bold 20px/30px proxima-nova, Helvetica, sans-serif;
  letter-spacing: 0.17px;
  background: url(https://dev-freedom.com/assets/icons/round-checkmark-b53167a8747079d24961a36cf512136901a812159f4e4e70a0609c7032be97b9.svg) 10px 1px/26px no-repeat;
}

/* line 80, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-grid .feature-description {
  font: 20px/30px proxima-nova, Helvetica, sans-serif;
  padding: 10px 30px 14px 10px;
  color: #333;
}

/* line 87, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-grid .platforms {
  flex-grow: 0;
  flex-shrink: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* line 96, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-grid .platforms .platform {
  flex-grow: 0;
  flex-shrink: 0;
  width: 60px;
  margin: 0 20px 20px 0;
  padding: 56px 0 0 0;
  font: 12px/12px Roboto, Helvetica, sans-serif;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: center top;
}

/* line 111, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-grid .platforms .platform.platform-mac {
  background-size: 40px 44px;
}

/* line 115, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-grid .platforms .platform.platform-windows {
  background-size: 38px 38px;
  background-position: center 4px;
}

/* line 120, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-grid .platforms .platform.not-supported {
  display: none;
}

/* line 126, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-grid .feature-list {
  flex-grow: 0;
  padding: 0 0 14px 10px;
}

/* line 130, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-grid .feature-list ul {
  margin: 0;
  list-style-type: none;
}

/* line 134, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
.whats-included-row .whats-included-grid .feature-list ul li {
  margin-bottom: 12px;
  color: black;
  font: 300 20px/24px proxima-nova, Helvetica, sans-serif;
  letter-spacing: 0.14px;
}

@media only screen and (min-width: 48.063em) {
  /* line 146, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
  .whats-included-row .whats-included-grid {
    margin: 36px 5px 0 5px;
  }
  /* line 149, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
  .whats-included-row .whats-included-grid .feature-support {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 auto;
    max-width: 920px;
    padding: 0 10px;
  }
  /* line 158, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
  .whats-included-row .whats-included-grid .feature-name {
    font-size: 24px;
    margin: 0;
    min-width: 370px;
    padding: 10px 0 0 58px;
    background-position: 0 11px;
  }
  /* line 166, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
  .whats-included-row .whats-included-grid .feature-description {
    margin: 0 auto;
    max-width: 920px;
    padding: 0 0 14px 58px;
  }
  /* line 172, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
  .whats-included-row .whats-included-grid .platforms {
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0;
    width: 490px;
  }
  /* line 179, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
  .whats-included-row .whats-included-grid .platforms .platform {
    margin: 0 0 20px 0;
  }
  /* line 182, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
  .whats-included-row .whats-included-grid .platforms .platform.not-supported {
    display: block;
    width: 60px;
  }
  /* line 189, app/assets/stylesheets/pages/shared_content/_whats_included.scss */
  .whats-included-row .whats-included-grid .feature-list {
    margin: 14px 0 0 0;
    padding: 0 0 14px 0;
    width: 490px;
  }
}

/* line 1, app/assets/stylesheets/pages/shared_content/_trial_summary.scss */
.trial-summary-row {
  margin-top: 20px;
}

/* line 4, app/assets/stylesheets/pages/shared_content/_trial_summary.scss */
.trial-summary-row + .hr-spacer {
  margin-top: 40px;
}

/* line 8, app/assets/stylesheets/pages/shared_content/_trial_summary.scss */
.trial-summary-row .trial-summary {
  font-family: proxima-nova, Helvetica, sans-serif;
  font-weight: 300;
  letter-spacing: 0.14px;
  color: #808184;
  text-align: center;
  margin: 20px 0 40px 0;
}
