/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/main/resources/templates/hotmart/assets/styles/index.scss ***!
  \********************************************************************************************************************************************************/
.code-inputs-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.code-inputs-container .input {
  border-radius: var(--hc-size-border-radius-medium, 0.25rem);
  border: 1px solid var(--gray-300, #c9ced4);
  cursor: pointer;
  font-size: 25px;
  height: var(--hc-size-text-8extralarge, 3rem);
  pointer-events: all;
  font-weight: 600;
  text-align: center;
  width: 50px;
  margin-left: var(--spacer-2);
}

.hasError .code-inputs-container input {
  border-color: var(--red, #dc3545);
}

/* NEW VARIANT */
body.embed, .embed main {
  height: auto !important;
}
body.embed .authentication-wrapper, .embed main .authentication-wrapper {
  display: block !important;
}
body.embed .sso-providers__button, .embed main .sso-providers__button {
  border: 1px solid #c3bfb8;
}

.hide-variant {
  display: none;
}

.hidden {
  display: none !important;
}

.new-variant .hide-variant {
  display: block;
}

.unhide-variant {
  display: block;
}

.new-variant .unhide-variant {
  display: none;
}

.new-variant .variant-invert-order {
  display: flex;
  flex-direction: column-reverse;
}

.new-variant:not(.embed) .variant-invert-order > div:last-child {
  margin-bottom: 1.5rem !important;
}

.new-variant .login-providers {
  order: 2;
}

body.new-variant {
  background-color: #F7F9FA;
}

.new-variant {
  --gray-300: #C9CED4;
}

.new-variant .hot-form-control {
  font-size: 1.1rem;
  border: 1px solid #C9CED4;
  border: var(--input-border, 1px solid #C9CED4);
  padding: 0.6rem 1rem !important;
}

.new-variant .hot-custom-control--inline {
  font-size: 0.9rem;
}

.new-variant label.invalid-feedback {
  height: auto;
}

.new-variant .hot-custom-control__label::before {
  box-shadow: 0 0 0 1px #C9CED4;
}

.new-variant .variant-invert-order > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.new-variant .auth__profile-box {
  color: #464B52;
  background-color: #fff;
  border: 1px solid #9EA4AC;
  border-radius: 0.3rem;
  overflow: hidden;
  flex-wrap: initial !important;
  width: auto !important;
  align-self: flex-start;
  margin: 0 !important;
}

.new-variant .auth__profile-label {
  border-radius: 0;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  cursor: pointer;
  border: none !important;
  flex-grow: initial !important;
  width: auto !important;
  padding: 0.5rem 1rem !important;
}

.new-variant .auth__profile-input:checked + .auth__profile-label {
  color: #355CC0;
  background-color: #BED1FF;
  border: none;
}

.new-variant .login-providers button.hot-btn.hot-btn--block.hot-btn--lg {
  border-radius: 0.3rem;
  line-height: 1.3;
  padding: 1rem;
  margin: 1rem 0;
}

.new-variant .provider-title {
  text-align: center;
  margin: 1rem auto 0.5rem auto;
  font-size: 0.9rem;
}

.new-variant button.hot-btn--facebook {
  background-color: #fff;
  border-color: #355CC0;
  box-shadow: 0 0 0 0 transparent;
  color: #355CC0;
  width: auto;
  margin: 0 auto !important;
}

.new-variant button.hot-btn--facebook:hover {
  background-color: #f1f5ff;
  border-color: #2d4373;
  color: #2d4373;
}

.new-variant button.hot-btn.hot-btn--hotmart-primary.auth-login {
  border-radius: 0.3rem;
}

.new-variant .js-show-password {
  top: 1.4rem;
}

.new-variant .hot-form-group .hot-form-input {
  border-radius: 0.3rem;
}

.new-variant .sidebar-logo {
  display: none;
  max-width: 460px;
  width: 100%;
  margin: 0 auto;
}

.new-variant .hot-authentication {
  flex-direction: row-reverse;
}

.new-variant .authentication-sidebar {
  width: 50%;
  z-index: 2;
}

.new-variant .authentication__main-content {
  height: auto !important;
  padding: 0 0.25rem;
  max-width: 460px;
  width: 100%;
  margin: auto;
  flex-grow: 0;
}

.new-variant .authentication__main-content .login-form {
  height: auto !important;
}

.new-variant .authentication-wrapper {
  padding: 2rem;
  height: 100%;
  justify-content: center;
  background-color: #F7F9FA;
  box-shadow: 0px 16px 40px -8px rgba(0, 0, 0, 0.12);
}

.new-variant .hotmart-logo-bg {
  max-width: 534px;
  width: 100%;
  max-height: 436px;
  height: 100%;
  background-image: url(/themes/hotmart/images/hotmart-bg-0c6b3d8455de42b7e5b256843f22b4c5.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
}

.new-variant .authentication-text-container {
  padding: 2.5rem;
  align-content: center;
  flex: 1;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.new-variant .authentication-bg {
  position: relative;
  flex: 1;
  z-index: 2;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  overflow: hidden;
  background-image: none;
  background-color: initial;
}

.new-variant .authentication-bg::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;
  left: -66px;
  top: -132px;
  z-index: -1;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: radial-gradient(50% 50% at 50% 50%, rgba(254, 115, 79, 0.3) 0%, rgba(254, 115, 79, 0) 100%);
}

.new-variant .authentication-text {
  max-width: 700px;
  font-family: var(--font-family);
  font-size: 36px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #343A42;
  white-space: pre-wrap;
  line-height: 1.2;
  margin: 0.4rem 0;
}

.new-variant .authentication-sub-text {
  max-width: 700px;
  font-family: var(--font-family);
  font-size: 24px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #343A42;
}

@media (min-width: 1400px) {
  .new-variant .authentication-wrapper {
    padding: 40px;
  }
  .new-variant .authentication__main-content {
    min-height: auto;
    flex-grow: initial;
    padding: 0;
  }
}
@media (max-width: 900px) {
  .new-variant .authentication-sidebar {
    width: 100%;
  }
  .new-variant .authentication-bg {
    display: none;
  }
  .new-variant .sidebar-logo {
    display: block;
  }
}
@media (min-width: 768px) {
  .new-variant .authentication-wrapper {
    padding: 2rem;
  }
}
@media (max-width: 767px) {
  .new-variant .authentication-sidebar {
    width: 100%;
    padding: 0;
  }
  .new-variant .authentication-wrapper {
    padding: 1rem;
    border-radius: 0px;
  }
  .new-variant .authentication-bg {
    display: none;
  }
}
.new-variant .hotmart-logo {
  width: 120px;
}

/* Embed Scrollbar */
body.embed::-webkit-scrollbar-track {
  background-color: #F7F9FA;
}

body.embed::-webkit-scrollbar {
  background-color: #F7F9FA;
}

body.embed::-webkit-scrollbar-thumb {
  background-color: --gray-300;
}

/* NEW VARIANT WITH BG TRANSPARENT  */
body.new-variant--transparent,
body.new-variant--transparent .authentication-wrapper,
body.new-variant--transparent.embed::-webkit-scrollbar-track,
body.new-variant--transparent.embed::-webkit-scrollbar,
body.new-variant--transparent.embed::-webkit-scrollbar-thumb {
  background-color: transparent;
}

/* NEW VARIANT BG TRANSPARENT AND WHITE TEXT */
body.new-variant--light label,
body.new-variant--light span,
body.new-variant--light .text-hotmart-tertiary,
body.new-variant--light .authentication-sidebar-content.splash-footer a,
body.new-variant--light .authentication-sidebar-content.text-small,
body.new-variant--light .authentication-text,
body.new-variant--light .authentication-sub-text {
  color: white !important;
}

body.new-variant--light button.hot-btn--facebook span,
body.new-variant--light .auth__profile-box label {
  color: #355CC0 !important;
}

body.new-variant--light a.text-hotmart-space-dark,
body.new-variant--light a.text-hotmart-space-dark span,
body.new-variant--light a.text-hotmart-space-dark:hover,
body.new-variant--light a.text-hotmart-space-dark:hover span {
  color: white !important;
}

/* NEW VARIANT BG TRANSPARENT AND BLACK TEXT */
body.new-variant--dark label,
body.new-variant--dark span,
body.new-variant--dark .authentication-sidebar-content.splash-footer a,
body.new-variant--dark .authentication-sidebar-content.text-small {
  color: black !important;
}

body.new-variant--dark button.hot-btn--facebook span,
body.new-variant--dark .auth__profile-box label {
  color: #355CC0 !important;
}

body.new-variant--dark a.text-hotmart-space-dark,
body.new-variant--dark a.text-hotmart-space-dark span,
body.new-variant--dark a.text-hotmart-space-dark:hover,
body.new-variant--dark a.text-hotmart-space-dark:hover span {
  color: black !important;
}

body.new-variant--dark button span {
  color: white !important;
}

/* NEW VARIANT WITHOUT LABELS */
body.new-variant.without-label form .hot-form-group label,
body.new-variant.without-label .hide-variant {
  display: none;
}

/* NEW VARIANT WITHOUT FOOTER */
body.without-footer .no-footer {
  display: none !important;
}

.new-variant .hot-btn--custom-brand {
  background-color: #009D43;
  border-color: #009D43;
  color: #fff;
  outline: none;
  box-shadow: none;
}
.new-variant .hot-btn--custom-brand:hover, .new-variant .hot-btn--custom-brand:focus, .new-variant .hot-btn--custom-brand:active {
  background-color: #009D43;
  border-color: #009D43;
  color: #fff;
  outline: none;
  box-shadow: none;
}

:root {
  --white: #fff;
  --black: #000;
  --dark: #353a40;
  --light: #dfe2e6;
  --gray-100: #fafbfc;
  --gray-200: #f0f3f7;
  --gray-300: #dfe2e6;
  --gray-400: #d0d3d6;
  --gray-500: #6b7480;
  --gray-500-50: rgba(107, 116, 128, 0.5);
  --gray-600: #5f6772;
  --gray-700: #545b64;
  --gray-800: #484e56;
  --gray-900: #353a40;
  --hotmart-primary-50: rgba(0, 157, 67, 0.5);
  --hotmart-primary-lightest: #EDFFF5;
  --hotmart-primary-lighter: #99E9BB;
  --hotmart-primary-light: #4ACC82;
  --hotmart-primary: #009D43;
  --hotmart-primary-dark: #006E2F;
  --hotmart-primary-darker: #005122;
  --hotmart-secondary-50: rgba(5, 61, 78, 0.5);
  --hotmart-secondary-lightest: #e7f8fd;
  --hotmart-secondary-lighter: #286678;
  --hotmart-secondary-light: #155364;
  --hotmart-secondary: #053d4e;
  --hotmart-secondary-dark: #012a36;
  --hotmart-secondary-darker: #00181e;
  --hotmart-tertiary-50: rgba(81, 193, 195, 0.5);
  --hotmart-tertiary-lightest: #ecf8f8;
  --hotmart-tertiary-lighter: #b3f0f0;
  --hotmart-tertiary-light: #7cdbdb;
  --hotmart-tertiary: #51c1c3;
  --hotmart-tertiary-dark: #30a8a8;
  --hotmart-tertiary-darker: #159393;
  --hotmart-space-50: rgba(98, 130, 205, 0.5);
  --hotmart-space-lightest: #ecf0f9;
  --hotmart-space-lighter: #bbccf3;
  --hotmart-space-light: #8aa4e1;
  --hotmart-space: #6282cd;
  --hotmart-space-dark: #4265b7;
  --hotmart-space-darker: #264ca4;
  --hotmart-club-50: rgba(126, 101, 208, 0.5);
  --hotmart-club-lightest: #efebf9;
  --hotmart-club-lighter: #cabdf3;
  --hotmart-club-light: #a18ce3;
  --hotmart-club: #7e65d0;
  --hotmart-club-dark: #6246bb;
  --hotmart-club-darker: #4729a8;
  --primary-50: rgba(98, 115, 148, 0.5);
  --primary-lightest: #f0f1f5;
  --primary-lighter: #9da8be;
  --primary-light: #7e8daa;
  --primary: #627394;
  --primary-dark: #576784;
  --primary-darker: #4d5b75;
  --success-50: rgba(3, 160, 70, 0.5);
  --success-lightest: #d7fee8;
  --success-lighter: #28e277;
  --success-light: #0fc75e;
  --success: #03a046;
  --success-dark: #03873b;
  --success-darker: #026e30;
  --danger-50: rgba(214, 52, 44, 0.5);
  --danger-lightest: #f8dedd;
  --danger-lighter: #df8f8b;
  --danger-light: #d46863;
  --danger: #d6342c;
  --danger-dark: #c92918;
  --danger-darker: #a01607;
  --warning-50: rgba(239, 186, 15, 0.5);
  --warning-lightest: #fdf4d9;
  --warning-lighter: #f6d66f;
  --warning-light: #f3c83f;
  --warning: #efba0f;
  --warning-dark: #d8a80e;
  --warning-darker: #785d08;
  --info-50: rgba(17, 116, 211, 0.5);
  --info-lightest: #d9ebfc;
  --info-lighter: #6ca7e0;
  --info-light: #368ee2;
  --info: #1174d3;
  --info-dark: #0f68bd;
  --info-darker: #0d5ba5;
  --easing: cubic-bezier(0.2, 1, 0.2, 1);
  --timing: 500ms;
  --border-radius: .375rem;
  --border-radius-lg: .75rem;
  --border-radius-xg: 6rem;
  --border-radius-sm: .1875rem;
  --border-radius-pill: 1.5rem;
  --box-shadow-none: 0 0 0 0 rgba(95, 103, 114, 0), 0 0 0 0 rgba(95, 103, 114, 0), 0 0 0 0 rgba(95, 103, 114, 0);
  --box-shadow-sm: 0 2px 1px -1px rgba(95, 103, 114, 0.2), 0 1px 1px 0 rgba(95, 103, 114, 0.14), 0 1px 3px 0 rgba(95, 103, 114, 0.12);
  --box-shadow: 0 3px 5px -1px rgba(95, 103, 114, 0.2), 0 6px 10px 0 rgba(95, 103, 114, 0.14), 0 1px 18px 0 rgba(95, 103, 114, 0.12);
  --box-shadow-lg: 0 11px 15px -7px rgba(95, 103, 114, 0.2), 0 24px 38px 3px rgba(95, 103, 114, 0.14), 0 9px 46px 8px rgba(95, 103, 114, 0.12);
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1700px;
  --spacer-0: 0;
  --spacer-1: .1875rem;
  --spacer-2: .375rem;
  --spacer-3: .75rem;
  --spacer-4: 1.5rem;
  --spacer-5: 3rem;
  --spacer-6: 6rem;
  --font-family: Nunito Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --button-hover-background-color: rgba(13, 13, 13, .8);
  --button-background-color: #0d0d0d;
  --button-active-background-color: rgba(13, 13, 13, .8);
  --button-width: 100%;
  --link-hover-color: var(--hc-color-primary-400);
  --link-decoration-hover-color: var(--hc-color-primary-400);
}

body,
.hot-btn,
.hot-form-group .hot-form-input {
  font-family: "Hotmart Sans", Arial, Helvetica, sans-serif !important;
}

.hot-btn--orange {
  background-color: #ef4e23;
  border: 1px solid #ef4e23;
  color: #fff;
}
.hot-btn--orange:hover {
  background-color: #fe734f;
  border-color: #fe734f;
  color: #fff;
}
.hot-btn--orange:focus {
  background-color: #fe734f;
  border-color: #fe734f;
  outline: none;
  box-shadow: 0 0 0 0.1875rem rgba(254, 115, 79, 0.5);
}
.hot-btn--orange:active {
  background-color: #c5310a;
  border-color: #9a2407;
  color: #fff;
  box-shadow: 0 0 0 0.1875rem rgba(197, 49, 10, 0.5);
}

body.is-new-home.new-variant--transparent .authentication-wrapper,
body.is-new-home.new-variant--transparent .hot-form-group .hot-form-input {
  background-color: transparent;
}
body.is-new-home:not(.new-variant--transparent) .authentication-wrapper,
body.is-new-home:not(.new-variant--transparent) .hot-form-group .hot-form-input {
  background-color: #F5F3EF;
}
body.is-new-home #social-login .icons-side-by-side .sso-providers__button {
  border-radius: 0.625rem;
  border: solid 1px #C3BFB8;
}
body.is-new-home #social-login .sso-providers__access__account::before, body.is-new-home #social-login .sso-providers__access__account::after {
  border-color: #C3BFB8;
}
body.is-new-home #social-login .sso-providers__access__account span {
  font-size: 1rem;
  color: #0D0D0D;
  font-weight: 300;
}
body.is-new-home .hot-form-group .hot-form-input {
  font-size: 1rem;
  font-weight: 300;
  height: 2.625rem !important;
  border: solid 1px #C3BFB8;
  border-radius: 0.625rem;
  color: #0D0D0D;
}
body.is-new-home .hot-form-group .hot-form-input::placeholder {
  color: #0D0D0D;
}
body.is-new-home .hot-form-group .js-show-password button {
  color: #0D0D0D;
}
body.is-new-home .hot-custom-control label,
body.is-new-home .hot-custom-control span,
body.is-new-home .hot-custom-control a,
body.is-new-home .hot-custom-control .terms__link {
  color: #0D0D0D !important;
  font-size: 0.75rem;
  font-weight: 400;
}
body.is-new-home .hot-btn--new-home {
  background-color: #FF4000;
  border-color: #FF4000;
  color: #F5F3EF;
  border-radius: 0.625rem !important;
  font-size: 1.125rem;
  font-weight: 700;
  height: 53px;
}
body.is-new-home .hot-btn--new-home:hover {
  background-color: #e83a00;
  border-color: #e83a00;
}
body.is-new-home .hot-btn--new-home:active {
  background-color: #e83a00;
  border-color: #e83a00;
  box-shadow: 0 0 0 0.1875rem rgba(255, 64, 0, 0.5607843137);
}
body.is-new-home .hot-btn--new-home:focus {
  background-color: #e83a00;
  border-color: #e83a00;
  box-shadow: 0 0 0 0.1875rem rgba(255, 64, 0, 0.5607843137);
  outline: none;
}

.authentication-sidebar {
  display: flex;
  flex-direction: column;
  width: 50%;
}
@media (max-width: 768px) {
  .authentication-sidebar {
    width: 100%;
  }
}

.authentication__main-content {
  min-height: auto;
  flex-grow: unset;
}

.authentication-wrapper {
  padding: 0 12vw;
}
@media (max-width: 1550px) {
  .authentication-wrapper {
    padding: 0 6vw;
  }
}
@media (max-width: 1024px) {
  .authentication-wrapper {
    padding: 0 2vw;
  }
}
@media (max-width: 576px) {
  .authentication-wrapper {
    padding: 0 2vw;
  }
}

.sso-heading {
  font-weight: 700;
}

.hotmart-logo {
  width: 150px;
  margin-top: 20px;
  margin-left: 20px;
}

.hot-btn--custom-brand {
  display: block;
  width: var(--button-width) !important;
  background-color: var(--button-background-color);
  color: var(--hc-color-neutral-100);
  border: 1px solid var(--button-background-color);
  margin: auto;
  text-decoration: none !important;
  color: white !important;
}
.hot-btn--custom-brand:hover {
  cursor: pointer;
  background-color: var(--button-hover-background-color);
  color: white !important;
}
.hot-btn--custom-brand:active {
  background-color: var(--button-active-background-color);
  border: 1px solid var(--button-active-background-color);
  box-shadow: none;
}
.hot-btn--custom-brand:focus {
  background-color: var(--button-active-background-color);
  border: 1px solid var(--button-active-background-color);
  box-shadow: none;
  outline-color: var(--button-background-color);
}

a {
  color: #0d0d0d !important;
  text-decoration: underline #0d0d0d !important;
}
a:hover {
  color: #0d0d0d !important;
  text-decoration-thickness: 2px !important;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--white);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-variant .loader {
  background-color: #F7F9FA;
}
.is-new-home .loader {
  background: #F5F3EF;
}

body {
  overflow: auto !important;
  --gray-100: #FFFFFF;
  background-color: var(--gray-100);
}

.sso-heading {
  font-family: "Hotmart Display";
  text-transform: none !important;
}

.auth__profile-box {
  height: 40px;
}

.auth__profile-label {
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.without-checkbox .hot-custom-control__label::before {
  display: none;
}

.hot-btn--custom-secondary {
  border: 1px solid #BED1FF;
  border-radius: 5px;
  background-color: transparent;
  color: #355CC0;
  width: var(--button-width);
  min-width: var(--button-min-width);
}
.hot-btn--custom-secondary:disabled, .hot-btn--custom-secondary.disabled {
  border: 0.063rem solid #6b7480;
  color: #6b7480;
}
.hot-btn--custom-secondary:active, .hot-btn--custom-secondary.active, .hot-btn--custom-secondary:hover, .hot-btn--custom-secondary:focus {
  border: 1px solid #BED1FF;
  background-color: transparent;
  color: #355CC0;
}
.dark-mode .hot-btn--custom-secondary:active, .dark-mode .hot-btn--custom-secondary.active, .dark-mode .hot-btn--custom-secondary:hover, .dark-mode .hot-btn--custom-secondary:focus {
  color: #fff;
}
.dark-mode .hot-btn--custom-secondary {
  color: #fff;
}

.hot-btn--custom-secondary {
  border: 1px solid #c3bfb8;
  color: #0d0d0d;
  background-color: rgba(0, 0, 0, 0);
  font-weight: 600;
}
.hot-btn--custom-secondary:hover {
  color: #0d0d0d;
  background-color: rgba(13, 13, 13, 0.031372549);
  border-color: #c3bfb8;
}
.hot-btn--custom-secondary:focus {
  outline: 0;
  box-shadow: none;
}
.hot-btn--custom-secondary:disabled {
  color: #0d0d0d;
}
/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/main/resources/templates/commons/assets/styles/modal.scss ***!
  \********************************************************************************************************************************************************/
.modal {
  z-index: 9999;
  padding: 0 !important;
}

#app-modal .modal-header .modal-title {
  margin: 0 auto;
  font-weight: bold;
}
#app-modal .modal-body {
  text-align: center;
}
#app-modal .modal-header, #app-modal .modal-body, #app-modal .modal-footer {
  padding: 9px !important;
}
#app-modal a {
  color: #5981e3 !important;
}
#app-modal #modal-image {
  margin: 0 auto;
  width: 100%;
  max-width: 128px;
  height: auto;
}
@media (max-width: 576px) {
  #app-modal #modal-image {
    max-width: 100px;
  }
}
#app-modal .close {
  display: block;
  position: relative;
  margin-right: 10px;
  margin-top: 10px;
  font-size: 1.5rem;
  color: #000;
  opacity: 0.5;
  margin-bottom: 20px;
  text-align: right;
}
#app-modal .close:hover {
  opacity: 0.8;
}
#app-modal .modal-btn-close {
  border-color: #bed1ff;
  color: #355cc0 !important;
}
#app-modal .modal-content,
#app-modal .modal-footer {
  border: none;
}
#app-modal .modal-footer .modal-btn-action,
#app-modal .modal-footer .modal-btn-action:hover {
  color: #fff;
}
#app-modal .modal-footer .modal-btn-action {
  background-color: #5981e3 !important;
}
@media (max-width: 576px) {
  #app-modal .modal-footer {
    flex-direction: column-reverse;
    align-items: stretch;
  }
}
#app-modal .modal-header,
#app-modal .modal-footer {
  border-bottom: none;
  border-top: none;
}
#app-modal.light-theme .modal-content {
  background-color: white;
  color: black;
}
#app-modal.light-theme .modal-footer {
  background-color: #f7f9fa;
}
#app-modal.dark-theme .modal-content {
  background-color: black;
  color: white;
}
#app-modal.dark-theme .modal-footer {
  background-color: #000;
}
#app-modal.dark-theme .modal-btn-close {
  border-color: #fff !important;
  color: #fff !important;
}
#app-modal.dark-theme .modal-btn-action,
#app-modal.dark-theme .modal-btn-action:hover {
  background-color: #fff !important;
  color: #000;
  border: #fff;
}
#app-modal.dark-theme .close {
  color: #fff;
}

.modal-backdrop.show {
  opacity: 0.5 !important;
  padding: 0 !important;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart-org-ca/cosmos-web/dist/web-components/cosmos-web/cosmos-web.css ***!
  \********************************************************************************************************************************************************************************/
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  -webkit-tap-highlight-color: rgba(var(--hc-color-neutral-1000)/0%);
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

abbr[title], abbr[data-original-title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: var(--hc-size-spacing-4);
}

ol, ul, dl {
  margin-bottom: var(--hc-size-spacing-4);
  margin-top: 0;
}

ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: var(--hc-font-weight-regular);
}

dd {
  margin-bottom: var(--hc-size-spacing-4);
  margin-left: 0;
}

blockquote {
  margin: 0 0 var(--hc-size-spacing-4);
}

b, strong {
  font-weight: var(--hc-font-weight-bold);
}

small {
  font-size: var(--hc-size-text-extrasmall);
}

sub, sup {
  font-size: var(--hc-size-text-extrasmall);
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  background-color: transparent;
  color: var(--hc-color-primary-400);
  text-decoration: underline;
}

a:hover {
  color: var(--hc-color-primary-500);
  text-decoration: none;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

pre, code, kbd, samp {
  font-family: var(--hc-font-family-secondary);
}

pre {
  overflow: auto;
}

figure {
  margin: 0 0 var(--hc-size-spacing-4);
}

img {
  border-style: none;
  vertical-align: middle;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  caption-side: bottom;
  color: var(--hc-color-neutral-500);
  padding-bottom: var(--hc-size-spacing-4);
  padding-top: var(--hc-size-spacing-4);
  text-align: left;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: var(--hc-size-spacing-2);
}

button {
  border-radius: 0;
}

input, button, select, optgroup, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input[type=radio], input[type=checkbox] {
  padding: 0;
}

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
  -webkit-appearance: listbox;
  -moz-appearance: listbox;
  appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}

legend {
  color: inherit;
  display: block;
  font-size: 1.5rem;
  line-height: inherit;
  margin-bottom: 0.5rem;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%;
}

progress {
  vertical-align: baseline;
}

output {
  display: inline-block;
}

summary {
  cursor: pointer;
  display: list-item;
}

template {
  display: none;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  appearance: button;
  font: inherit;
}

[hidden] {
  display: none !important;
}

::-moz-selection {
  background-color: var(--hc-color-primary-400);
  color: var(--hc-color-neutral-0);
}

::selection {
  background-color: var(--hc-color-primary-400);
  color: var(--hc-color-neutral-0);
}

html, body {
  height: 100%;
  line-height: var(--hc-font-line-height-large);
  width: 100%;
}

body {
  background-color: var(--hc-color-neutral-100);
  color: var(--hc-color-neutral-700);
  font-family: var(--hc-font-family-primary);
  font-size: 16px;
  font-weight: var(--hc-font-weight-regular);
  line-height: var(--hc-font-line-height-large);
  margin: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: inherit;
  font-family: inherit;
  font-weight: var(--hc-font-weight-regular);
  line-height: var(--hc-font-line-height-medium);
  margin-bottom: var(--hc-size-spacing-4);
  margin-top: 0;
}

h1, .h1 {
  font-size: var(--hc-size-text-6extralarge);
}

h2, .h2 {
  font-size: var(--hc-size-text-5extralarge);
}

h3, .h3 {
  font-size: var(--hc-size-text-4extralarge);
}

h4, .h4 {
  font-size: var(--hc-size-text-3extralarge);
}

h5, .h5 {
  font-size: var(--hc-size-text-2extralarge);
}

h6, .h6 {
  font-size: var(--hc-size-text-extralarge);
}

p {
  margin-bottom: var(--hc-size-spacing-4);
  margin-top: 0;
}

.hot-display-1 {
  font-size: calc(var(--hc-size-text-6extralarge) * 2);
  font-weight: var(--hc-font-weight-light);
  line-height: var(--hc-font-line-height-medium);
}

.hot-display-2 {
  font-size: calc(var(--hc-size-text-5extralarge) * 2);
  font-weight: var(--hc-font-weight-light);
  line-height: var(--hc-font-line-height-medium);
}

.hot-display-3 {
  font-size: calc(var(--hc-size-text-4extralarge) * 2);
  font-weight: var(--hc-font-weight-light);
  line-height: var(--hc-font-line-height-medium);
}

.hot-display-4 {
  font-size: calc(var(--hc-size-text-3extralarge) * 2);
  font-weight: var(--hc-font-weight-light);
  line-height: var(--hc-font-line-height-medium);
}

hr {
  border: 0;
  border-top: 0.0625rem solid var(--hc-color-neutral-200);
  margin-bottom: var(--hc-size-spacing-4);
  margin-top: var(--hc-size-spacing-4);
}

small, .small {
  font-size: var(--hc-size-text-extrasmall);
  font-weight: var(--hc-font-weight-regular);
  letter-spacing: calc(var(--hc-size-spacing-1) / 8);
}

mark, .mark {
  background-color: var(--hc-color-warning-200);
  border-radius: var(--hc-size-border-radius-medium);
  padding: var(--hc-size-spacing-1) var(--hc-size-spacing-2);
}

code {
  background-color: var(--hc-color-neutral-200);
  border-color: var(--hc-color-neutral-200);
  border-radius: var(--hc-size-border-radius-medium);
  border-style: solid;
  border-width: 0.0625rem;
  color: var(--hc-color-neutral-900);
  font-size: var(--hc-size-text-extrasmall);
  padding: var(--hc-size-spacing-1) var(--hc-size-spacing-2);
  word-break: break-word;
}

pre {
  background-color: var(--hc-color-neutral-200);
  border-color: var(--hc-color-neutral-200);
  border-radius: var(--hc-size-border-radius-medium);
  border-style: solid;
  border-width: 0.0625rem;
  color: var(--hc-color-neutral-900);
  display: block;
  font-size: var(--hc-size-text-extrasmall);
  margin-bottom: var(--hc-size-spacing-4);
  margin-top: 0;
  padding: var(--hc-size-spacing-1) var(--hc-size-spacing-2);
}

pre code {
  background-color: transparent;
  border: 0;
  color: inherit;
  font-size: inherit;
  padding: 0;
}

kbd {
  background-color: var(--hc-color-neutral-200);
  border-radius: var(--hc-size-border-radius-medium);
  color: var(--hc-color-neutral-900);
  font-size: var(--hc-size-text-extrasmall);
  padding: var(--hc-size-spacing-1) var(--hc-size-spacing-2);
}

kbd kbd {
  font-size: 100%;
  font-weight: var(--hc-font-weight-regular);
  padding: 0;
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos-tokens/dist/hotmart-product/base/css/_variables.css ***!
  \***************************************************************************************************************************************************************************/
/**
 * Cosmos Design System - Design Tokens
 * Do not edit directly
 */
:root, :host {
  --hc-size-border-small: 0.0625rem;
  --hc-size-border-medium: 0.125rem;
  --hc-size-border-large: 0.25rem;
  --hc-size-border-radius-small: 0.125rem;
  --hc-size-border-radius-medium: 0.25rem;
  --hc-size-border-radius-large: 0.5rem;
  --hc-size-border-radius-extralarge: 0.75rem;
  --hc-size-border-radius-pill: 7.5rem;
  --hc-size-text-2extrasmall: 0.625rem;
  --hc-size-text-extrasmall: 0.75rem;
  --hc-size-text-small: 0.875rem;
  --hc-size-text-medium: 1rem;
  --hc-size-text-large: 1.125rem;
  --hc-size-text-extralarge: 1.25rem;
  --hc-size-text-2extralarge: 1.5rem;
  --hc-size-text-3extralarge: 1.75rem;
  --hc-size-text-4extralarge: 2rem;
  --hc-size-text-5extralarge: 2.25rem;
  --hc-size-text-6extralarge: 2.5rem;
  --hc-size-text-7extralarge: 2.75rem;
  --hc-size-text-8extralarge: 3rem;
  --hc-size-text-9extralarge: 3.5rem;
  --hc-size-spacing-1: 0.25rem;
  --hc-size-spacing-2: 0.5rem;
  --hc-size-spacing-3: 0.75rem;
  --hc-size-spacing-4: 1rem;
  --hc-size-spacing-5: 1.5rem;
  --hc-size-spacing-6: 2rem;
  --hc-size-spacing-7: 2.5rem;
  --hc-size-spacing-8: 3rem;
  --hc-size-spacing-9: 3.5rem;
  --hc-size-spacing-10: 4rem;
  --hc-size-spacing-11: 4.5rem;
  --hc-size-spacing-12: 5rem;
  --hc-size-spacing-13: 6rem;
  --hc-size-spacing-14: 7.5rem;
  --hc-size-spacing-15: 9.5rem;
  --hc-color-primary-100: #ebf0ff; /* Hotmart Product */
  --hc-color-primary-200: #bed1ff; /* Hotmart Product */
  --hc-color-primary-300: #89a8f8; /* Hotmart Product */
  --hc-color-primary-400: #5981e3; /* Hotmart Product */
  --hc-color-primary-500: #355cc0; /* Hotmart Product */
  --hc-color-primary-600: #253f82; /* Hotmart Product */
  --hc-color-primary-700: #162c64; /* Hotmart Product */
  --hc-color-secondary-100: #edffff;
  --hc-color-secondary-200: #a2eaea;
  --hc-color-secondary-300: #7cdbdb;
  --hc-color-secondary-400: #51c1c3;
  --hc-color-secondary-500: #0a9090;
  --hc-color-secondary-600: #066262;
  --hc-color-secondary-700: #024242;
  --hc-color-success-100: #edfff5;
  --hc-color-success-200: #99e9bb;
  --hc-color-success-300: #4acc82;
  --hc-color-success-400: #009d43;
  --hc-color-success-500: #006e2f;
  --hc-color-success-600: #005122;
  --hc-color-success-700: #003416;
  --hc-color-warning-100: #fffaeb;
  --hc-color-warning-200: #f9e298;
  --hc-color-warning-300: #fbd458;
  --hc-color-warning-400: #efba0f;
  --hc-color-warning-500: #a47c00;
  --hc-color-warning-600: #6c5200;
  --hc-color-warning-700: #453400;
  --hc-color-danger-100: #fff0f0;
  --hc-color-danger-200: #f9cac8;
  --hc-color-danger-300: #e37570;
  --hc-color-danger-400: #d6342c;
  --hc-color-danger-500: #a81a0a;
  --hc-color-danger-600: #830d00;
  --hc-color-danger-700: #590900;
  --hc-color-info-100: #f0f4ff;
  --hc-color-info-200: #bed1ff;
  --hc-color-info-300: #89a8f8;
  --hc-color-info-400: #5981e3;
  --hc-color-info-500: #355cc0;
  --hc-color-info-600: #253f82;
  --hc-color-info-700: #162c64;
  --hc-color-andromeda-100: #f6f2ff;
  --hc-color-andromeda-200: #d3c6fd;
  --hc-color-andromeda-300: #ac93fc;
  --hc-color-andromeda-400: #7c5ee2;
  --hc-color-andromeda-500: #5a38c6;
  --hc-color-andromeda-600: #4727b0;
  --hc-color-andromeda-700: #260a81;
  --hc-color-sirius-100: #fff6fe;
  --hc-color-sirius-200: #ffb8f8;
  --hc-color-sirius-300: #f899ee;
  --hc-color-sirius-400: #e472d9;
  --hc-color-sirius-500: #b832ab;
  --hc-color-sirius-600: #7e2274;
  --hc-color-sirius-700: #55154f;
  --hc-color-neutral-0: #ffffff;
  --hc-color-neutral-100: #f7f9fa;
  --hc-color-neutral-200: #e6e9ed;
  --hc-color-neutral-300: #c9ced4;
  --hc-color-neutral-400: #9ea4ac;
  --hc-color-neutral-500: #707780;
  --hc-color-neutral-600: #464b52;
  --hc-color-neutral-700: #32363b;
  --hc-color-neutral-800: #282c2f;
  --hc-color-neutral-900: #191c1f;
  --hc-color-neutral-1000: #000000;
  --hc-font-family-primary: "Nunito Sans", -apple-system, blinkmacsystemfont, "Segoe UI", helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --hc-font-family-secondary: fmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
  --hc-font-weight-light: 300;
  --hc-font-weight-regular: 400;
  --hc-font-weight-bold: 600;
  --hc-font-weight-extrabold: 700;
  --hc-font-line-height-small: 100%;
  --hc-font-line-height-medium: 120%;
  --hc-font-line-height-large: 150%;
  --hc-font-letter-spacing-tight: -0.02em;
  --hc-font-letter-spacing-normal: 0;
  --hc-font-letter-spacing-wide: 0.02em;
  --hc-shadow-small: 0 1px 2px 0 rgba(0 0 0 / 12%);
  --hc-shadow-medium: 0 8px 16px -6px rgba(0 0 0 / 12%);
  --hc-shadow-large: 0 14px 20px -8px rgba(0 0 0 / 12%);
  --hc-shadow-extralarge: 0 16px 40px -8px rgba(0 0 0 / 12%);
}
/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/base.css ***!
  \********************************************************************************************************************************************/
@-webkit-keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
::-moz-selection {
  background-color: #5981e3;
  background-color: var(--primary);
  color: #fff;
  color: var(--white);
}

::selection {
  background-color: #5981e3;
  background-color: var(--primary);
  color: #fff;
  color: var(--white);
}

html, body {
  height: 100%;
  line-height: 1.5;
  line-height: var(--line-height-lg);
  width: 100%;
}

body {
  background-color: #f7f9fa;
  background-color: var(--gray-100);
  color: #32363b;
  color: var(--gray-700);
  font-family: "Nunito Sans", -apple-system, blinkmacsystemfont, "Segoe UI", helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  font-weight: var(--font-weight);
  line-height: 1.5;
  line-height: var(--line-height-lg);
  margin: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: inherit;
  font-family: inherit;
  font-weight: 400;
  font-weight: var(--font-weight);
  line-height: 1.2;
  line-height: var(--line-height);
  margin-bottom: 1rem;
  margin-bottom: var(--spacer-4);
  margin-top: 0;
}

h1, .h1 {
  font-size: 2.5rem;
  font-size: var(--text-8);
}

h2, .h2 {
  font-size: 2.25rem;
  font-size: var(--text-7);
}

h3, .h3 {
  font-size: 2rem;
  font-size: var(--text-6);
}

h4, .h4 {
  font-size: 1.75rem;
  font-size: var(--text-5);
}

h5, .h5 {
  font-size: 1.5rem;
  font-size: var(--text-4);
}

h6, .h6 {
  font-size: 1.25rem;
  font-size: var(--text-3);
}

p {
  margin-bottom: 1rem;
  margin-bottom: var(--spacer-4);
  margin-top: 0;
}

.hot-display-1 {
  font-size: 5rem;
  font-size: calc(var(--text-8) * 2);
  font-weight: 300;
  font-weight: var(--font-weight-light);
  line-height: 1.2;
  line-height: var(--line-height);
}

.hot-display-2 {
  font-size: 4.5rem;
  font-size: calc(var(--text-7) * 2);
  font-weight: 300;
  font-weight: var(--font-weight-light);
  line-height: 1.2;
  line-height: var(--line-height);
}

.hot-display-3 {
  font-size: 4rem;
  font-size: calc(var(--text-6) * 2);
  font-weight: 300;
  font-weight: var(--font-weight-light);
  line-height: 1.2;
  line-height: var(--line-height);
}

.hot-display-4 {
  font-size: 3.5rem;
  font-size: calc(var(--text-5) * 2);
  font-weight: 300;
  font-weight: var(--font-weight-light);
  line-height: 1.2;
  line-height: var(--line-height);
}

hr {
  border: 0;
  border-top: 0.0625rem solid #e6e9ed;
  border-top: var(--component-border-width) solid var(--component-border-color);
  margin-bottom: 1rem;
  margin-bottom: var(--spacer-4);
  margin-top: 1rem;
  margin-top: var(--spacer-4);
}

small, .small {
  font-size: 0.75rem;
  font-size: var(--text-1);
  font-weight: 400;
  font-weight: var(--font-weight);
  letter-spacing: 0.03125rem;
  letter-spacing: calc(var(--spacer-1) / 8);
}

mark, .mark {
  background-color: #f9e298;
  background-color: var(--yellow-lighter);
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
  padding: 0.25rem 0.5rem;
  padding: var(--spacer-1) var(--spacer-2);
}

code {
  background-color: #e6e9ed;
  background-color: var(--gray-200);
  border-color: #e6e9ed;
  border-color: var(--component-border-color);
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: 0.0625rem;
  border-width: var(--component-border-width);
  color: #191c1f;
  color: var(--gray-900);
  font-size: 0.75rem;
  font-size: var(--text-1);
  padding: 0.25rem 0.5rem;
  padding: var(--spacer-1) var(--spacer-2);
  word-break: break-word;
}

pre {
  background-color: #e6e9ed;
  background-color: var(--gray-200);
  border-color: #e6e9ed;
  border-color: var(--component-border-color);
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: 0.0625rem;
  border-width: var(--component-border-width);
  color: #191c1f;
  color: var(--gray-900);
  display: block;
  font-size: 0.75rem;
  font-size: var(--text-1);
  margin-bottom: 1rem;
  margin-bottom: var(--spacer-4);
  margin-top: 0;
  padding: 0.25rem 0.5rem;
  padding: var(--spacer-1) var(--spacer-2);
}

pre code {
  background-color: transparent;
  border: 0;
  color: inherit;
  font-size: inherit;
  padding: 0;
}

kbd {
  background-color: #e6e9ed;
  background-color: var(--gray-200);
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
  color: #191c1f;
  color: var(--gray-900);
  font-size: 0.75rem;
  font-size: var(--text-1);
  padding: 0.25rem 0.5rem;
  padding: var(--spacer-1) var(--spacer-2);
}

kbd kbd {
  font-size: 100%;
  font-weight: 400;
  font-weight: var(--font-weight);
  padding: 0;
}

.fade {
  opacity: 0;
  pointer-events: none;
  transition: opacity 500ms cubic-bezier(0.2, 1, 0.2, 1) 0ms;
  transition: opacity var(--timing) var(--easing) 0ms;
}

@media screen and (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade.show {
  opacity: 1;
  pointer-events: all;
}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/theme.css ***!
  \*********************************************************************************************************************************************/
:root, :host {
  --brand-primary-lightest:#fdece7;
  --brand-primary-lighter:#ff9377;
  --brand-primary-light:#fe734f;
  --brand-primary:#f04e23;
  --brand-primary-dark:#c5310a;
  --brand-primary-darker:#9c2100;
  --brand-primary-darkest:#511100;
  --brand-secondary-lightest:#e7f8fd;
  --brand-secondary-lighter:#60b1c5;
  --brand-secondary-light:#155364;
  --brand-secondary:#053d4e;
  --brand-secondary-dark:#012a36;
  --brand-secondary-darker:#00181e;
  --brand-secondary-darkest:#000e12;
  --white:#fff;
  --black:#000;
  --gray-100:#f7f9fa;
  --gray-200:#e6e9ed;
  --gray-300:#c9ced4;
  --gray-400:#9ea4ac;
  --gray-500:#707780;
  --gray-600:#464b52;
  --gray-700:#32363b;
  --gray-800:#282c2f;
  --gray-900:#191c1f;
  --blue-lightest:#ebf0ff;
  --blue-lighter:#bed1ff;
  --blue-light:#89a8f8;
  --blue:#5981e3;
  --blue-dark:#355cc0;
  --blue-darker:#253f82;
  --blue-darkest:#162c64;
  --purple-lightest:#f0ebff;
  --purple-lighter:#d3c6fd;
  --purple-light:#ac93fc;
  --purple:#7c5ee2;
  --purple-dark:#5a38c6;
  --purple-darker:#4729a8;
  --purple-darkest:#260a81;
  --cyan-lightest:#e1f7fd;
  --cyan-lighter:#a2eaea;
  --cyan-light:#7cdbdb;
  --cyan:#51c1c3;
  --cyan-dark:#0a9191;
  --cyan-darker:#066262;
  --cyan-darkest:#024242;
  --green-lightest:#e6fcf0;
  --green-lighter:#99e9bb;
  --green-light:#4acc82;
  --green:#009d43;
  --green-dark:#006e2f;
  --green-darker:#005122;
  --green-darkest:#003416;
  --red-lightest:#ffebeb;
  --red-lighter:#f9cac8;
  --red-light:#e37570;
  --red:#d6342c;
  --red-dark:#a81a0a;
  --red-darker:#881105;
  --red-darkest:#590900;
  --yellow-lightest:#fcf6e3;
  --yellow-lighter:#f9e298;
  --yellow-light:#fbd458;
  --yellow:#efba0f;
  --yellow-dark:#a47c00;
  --yellow-darker:#6c5200;
  --yellow-darkest:#453400;
  --primary-lightest:#ebf0ff;
  --primary-lighter:#bed1ff;
  --primary-light:#89a8f8;
  --primary:#5981e3;
  --primary-dark:#355cc0;
  --primary-darker:#253f82;
  --primary-darkest:#162c64;
  --spacer-1:.25rem;
  --spacer-2:.5rem;
  --spacer-3:.75rem;
  --spacer-4:1rem;
  --spacer-5:1.5rem;
  --spacer-6:2rem;
  --spacer-7:2.5rem;
  --spacer-8:3rem;
  --spacer-9:3.5rem;
  --spacer-10:4rem;
  --spacer-11:4.5rem;
  --spacer-12:5rem;
  --breakpoint-sm:576px;
  --breakpoint-md:768px;
  --breakpoint-lg:992px;
  --breakpoint-xl:1200px;
  --breakpoint-xxl:1700px;
  --border-radius:.25rem;
  --border-radius-lg:.5rem;
  --border-radius-sm:.125rem;
  --border-radius-pill:3rem;
  --box-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.12);
  --box-shadow:0 8px 16px -6px rgba(0,0,0,0.12);
  --box-shadow-lg:0 16px 40px -8px rgba(0,0,0,0.12);
  --font-family:Nunito Sans,-apple-system,blinkmacsystemfont,Segoe UI,helvetica,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  --font-family-monospace:sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace;
  --font-weight-light:300;
  --font-weight:400;
  --font-weight-bold:700;
  --line-height:1.2;
  --line-height-lg:1.5;
  --text-1:.75rem;
  --text-2:1rem;
  --text-3:1.25rem;
  --text-4:1.5rem;
  --text-5:1.75rem;
  --text-6:2rem;
  --text-7:2.25rem;
  --text-8:2.5rem;
  --easing:cubic-bezier(0.2,1,0.2,1);
  --timing:500ms;
  --grid-column:8.3333%;
  --component-border-color:#e6e9ed;
  --component-border-width:.0625rem;
  --component-height:2.625rem;
  --component-height-sm:1.75rem;
  --component-height-lg:3rem;
  --alert-border-width:.0625rem;
  --alert-padding:1rem;
  --alert-padding-dismissable:1rem 3rem 1rem 1rem;
  --avatar-xs:1rem;
  --avatar-sm:1.5rem;
  --avatar-md:2rem;
  --avatar-lg:2.5rem;
  --avatar-xl:3rem;
  --avatar-xxl:6rem;
  --button-border-width:.0625rem;
  --button-padding:.5rem 1rem;
  --button-padding-sm:.25rem .5rem;
  --button-padding-lg:.5rem 1rem;
  --button-custom-bg:transparent;
  --button-custom-border-color:#fff;
  --button-custom-color:#fff;
  --button-custom-hover-bg:#fff;
  --button-custom-hover-border-color:#fff;
  --button-custom-hover-color:#32363b;
  --button-custom-active-bg:#e6e9ed;
  --button-custom-active-border-color:#e6e9ed;
  --button-custom-active-color:#32363b;
  --card-border-width:.0625rem;
  --card-padding:1rem;
  --collapse-arrow-margin:1rem;
  --collapse-arrow-opacity:1;
  --collapse-border:0;
  --collapse-item-bg:transparent;
  --collapse-padding:.5rem 1rem;
  --contextmenu-menu-border-width:.0625rem;
  --contextmenu-menu-padding:.5rem 0;
  --contextmenu-menu-width:12rem;
  --dropdown-background-color:#fff;
  --dropdown-border-width:.0625rem;
  --dropdown-menu-padding:.5rem 0;
  --dropdown-menu-width:12rem;
  --input-border-color:#c9ced4;
  --input-border-radius:.25rem;
  --input-border-width:.0625rem;
  --input-disabled-border-color:#9ea4ac;
  --input-padding:.5rem 1rem;
  --input-padding-sm:.25rem .5rem;
  --input-padding-lg:.5rem 1rem;
  --modal-backdrop-opacity:.9;
  --modal-backdrop-pointer-events:all;
  --modal-background-color:#fff;
  --modal-border-width:.0625rem;
  --modal-close-display:block;
  --modal-padding:1rem;
  --modal-max-width:500px;
  --pagination-border-width:.0625rem;
  --pagination-padding:.5rem 1rem;
  --pagination-padding-sm:.25rem .5rem;
  --pagination-padding-lg:.5rem 1rem;
  --popover-border-width:.0625rem;
  --popover-max-width:12rem;
  --popover-padding:1rem;
  --popover-width:12rem;
  --progress-bg:#5981e3;
  --sidebar-backdrop-bg:#e6e9ed;
  --sidebar-backdrop-height:100%;
  --sidebar-backdrop-opacity:.9;
  --sidebar-backdrop-pointer-events:all;
  --sidebar-backdrop-top:0;
  --sidebar-backdrop-width:100%;
  --sidebar-border-width:.0625rem;
  --sidebar-box-shadow:0 8px 16px -6px rgba(0,0,0,0.12);
  --sidebar-close-display:block;
  --sidebar-height:100%;
  --sidebar-padding:1rem;
  --sidebar-top:0;
  --sidebar-width:40%;
  --sidebar-z-index:1030;
  --structure-border-width:.0625rem;
  --structure-header-bg:#fff;
  --structure-header-burger-display:flex;
  --structure-header-border-color:#e6e9ed;
  --structure-header-height:70px;
  --structure-header-padding:0;
  --structure-menu-bg:#fff;
  --structure-menu-backdrop-opacity:.9;
  --structure-menu-backdrop-pointer-events:all;
  --structure-menu-border-color:#e6e9ed;
  --structure-menu-box-shadow:0 8px 16px -6px rgba(0,0,0,0.12);
  --structure-menu-burger-color:#f04e23;
  --structure-menu-burger-display:flex;
  --structure-menu-item-bg:#fdece7;
  --structure-menu-item-bullet-display:block;
  --structure-menu-item-color:#c5310a;
  --structure-menu-item-focus-bg:#e6e9ed;
  --structure-menu-item-label-margin:1.5rem;
  --structure-menu-item-padding:.75rem 1rem;
  --structure-menu-minimized-width:70px;
  --structure-menu-padding:0;
  --structure-menu-product-name-display:flex;
  --structure-menu-width:300px;
  --table-border-width:.0625rem;
  --table-padding:.5rem 1rem;
  --table-padding-sm:.25rem .5rem;
  --table-padding-lg:.5rem 1rem;
  --tag-border-width:.0625rem;
  --tag-padding:.5rem .75rem;
  --tag-padding-dismissable:.5rem 2rem .5rem .75rem;
  --tag-padding-sm:.25rem .5rem;
  --tag-padding-dismissable-sm:.25rem 1.5rem .25rem .5rem;
  --tag-padding-lg:.5rem 1rem;
  --tag-padding-dismissable-lg:.5rem 2rem .5rem 1rem;
  --tooltip-border-width:.0625rem;
  --tooltip-max-width:12rem;
  --tooltip-padding:.5rem;
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/button/variations/success.css ***!
  \**********************************************************************************************************************************************************/
.hot-button.hot-button--success {
  background-color: #009d43;
  background-color: var(--green);
  border-color: #009d43;
  border-color: var(--green);
  color: #fff;
  color: var(--white);
}

.hot-button.hot-button--success.hot-button--loading::before {
  border-left-color: #fff;
  border-left-color: var(--white);
  border-top-color: #fff;
  border-top-color: var(--white);
}

.hot-button.hot-button--success:hover, .hot-button.hot-button--success:focus, .hot-button.hot-button--success:active, .hot-button.hot-button--success.hot-button--active {
  background-color: #006e2f;
  background-color: var(--green-dark);
  border-color: #006e2f;
  border-color: var(--green-dark);
  color: #fff;
  color: var(--white);
}

.hot-button.hot-button--success:focus:active {
  background-color: #005122;
  background-color: var(--green-darker);
  border-color: #005122;
  border-color: var(--green-darker);
  color: #fff;
  color: var(--white);
}

.hot-button.hot-button--success:disabled, .hot-button.hot-button--success.hot-button--disabled {
  background-color: #9ea4ac;
  background-color: var(--gray-400);
  border-color: #9ea4ac;
  border-color: var(--gray-400);
  color: #fff;
  color: var(--white);
}

.hot-button.hot-button--success:disabled:focus:active, .hot-button.hot-button--success.hot-button--disabled:focus:active {
  background-color: #9ea4ac;
  background-color: var(--gray-400);
  border-color: #9ea4ac;
  border-color: var(--gray-400);
}
/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/form/form.css ***!
  \******************************************************************************************************************************************/
.hot-form {
  margin-bottom: 1rem;
  margin-bottom: var(--spacer-4);
  position: relative;
}

.hot-form__label {
  display: block;
}

.hot-form-group {
  margin-bottom: 0;
}

.hot-form-group--inline {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}

.hot-form-group--inline > div {
  margin-right: 1rem;
  margin-right: var(--spacer-4);
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/form/input-default.css ***!
  \***************************************************************************************************************************************************/
.hot-form__input {
  background-color: #fff;
  background-color: var(--white);
  border-color: #c9ced4;
  border-color: var(--input-border-color);
  border-radius: 0.25rem;
  border-radius: var(--input-border-radius);
  border-style: solid;
  border-width: 0.0625rem;
  border-width: var(--input-border-width);
  box-sizing: border-box;
  color: #32363b;
  color: var(--gray-700);
  display: block;
  font-family: "Nunito Sans", -apple-system, blinkmacsystemfont, "Segoe UI", helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-family: var(--font-family);
  font-size: 1rem;
  font-size: var(--text-2);
  height: 2.625rem;
  height: var(--component-height);
  line-height: 1.5;
  line-height: var(--line-height-lg);
  padding: 0.5rem 1rem;
  padding: var(--input-padding);
  transition: color 500ms cubic-bezier(0.2, 1, 0.2, 1), background-color 500ms cubic-bezier(0.2, 1, 0.2, 1), border-color 500ms cubic-bezier(0.2, 1, 0.2, 1), box-shadow 500ms cubic-bezier(0.2, 1, 0.2, 1);
  transition: color var(--timing) var(--easing), background-color var(--timing) var(--easing), border-color var(--timing) var(--easing), box-shadow var(--timing) var(--easing);
  width: 100%;
}

@media screen and (prefers-reduced-motion: reduce) {
  .hot-form__input {
    transition: none;
  }
}
.hot-form__input:focus {
  background-color: #f7f9fa;
  background-color: var(--gray-100);
  border: 0.0625rem solid #89a8f8;
  border: var(--input-border-width) solid var(--blue-light);
  color: #32363b;
  color: var(--gray-700);
  outline: 0;
}

.hot-form__input::-ms-expand {
  background-color: transparent;
  border: 0;
}

.hot-form__input::-moz-placeholder {
  color: #9ea4ac;
  color: var(--gray-400);
  opacity: 1;
}

.hot-form__input::placeholder {
  color: #9ea4ac;
  color: var(--gray-400);
  opacity: 1;
}

.hot-form__input:disabled {
  border-color: #9ea4ac;
  border-color: var(--input-disabled-border-color);
  color: #9ea4ac;
  color: var(--gray-400);
  cursor: not-allowed;
  opacity: 0.5;
}

textarea.hot-form__input {
  height: auto;
}

/*# sourceMappingURL=hotmart.css.map*/