/*!********************************************************************************************************************************************************!*\
  !*** 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;
}
/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/utilities/cursor.css ***!
  \********************************************************************************************************************************************************/
._cursor-default {
  cursor: default !important;
}

._cursor-pointer {
  cursor: pointer !important;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/utilities/text/text.css ***!
  \***********************************************************************************************************************************************************/
._line-height-sm {
  line-height: 1 !important;
  line-height: var(--line-height-sm) !important;
}

._line-height {
  line-height: 1.2 !important;
  line-height: var(--line-height) !important;
}

._line-height-lg {
  line-height: 1.5 !important;
  line-height: var(--line-height-lg) !important;
}

._text-1 {
  font-size: 0.75rem !important;
  font-size: var(--text-1) !important;
}

._text-2 {
  font-size: 1rem !important;
  font-size: var(--text-2) !important;
}

._text-3 {
  font-size: 1.25rem !important;
  font-size: var(--text-3) !important;
}

._text-4 {
  font-size: 1.5rem !important;
  font-size: var(--text-4) !important;
}

._text-5 {
  font-size: 1.75rem !important;
  font-size: var(--text-5) !important;
}

._text-6 {
  font-size: 2rem !important;
  font-size: var(--text-6) !important;
}

._text-7 {
  font-size: 2.25rem !important;
  font-size: var(--text-7) !important;
}

._text-8 {
  font-size: 2.5rem !important;
  font-size: var(--text-8) !important;
}

._text-monospace {
  font-family: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace !important;
  font-family: var(--font-family-monospace) !important;
}

._text-left {
  text-align: left !important;
}

._text-right {
  text-align: right !important;
}

._text-center {
  text-align: center !important;
}

._text-justify {
  text-align: justify !important;
}

._text-wrap {
  white-space: normal !important;
}

._text-nowrap {
  white-space: nowrap !important;
}

._text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._text-lowercase {
  text-transform: lowercase !important;
}

._text-uppercase {
  text-transform: uppercase !important;
}

._text-capitalize {
  text-transform: capitalize !important;
}

._font-weight-light {
  font-weight: 300 !important;
  font-weight: var(--font-weight-light) !important;
}

._font-weight {
  font-weight: 400 !important;
  font-weight: var(--font-weight) !important;
}

._font-weight-bold {
  font-weight: 700 !important;
  font-weight: var(--font-weight-bold) !important;
}

._font-italic {
  font-style: italic !important;
}

._text-decoration-none {
  text-decoration: none !important;
}

._text-decoration-underline {
  text-decoration: underline !important;
}

._text-decoration-solid {
  -webkit-text-decoration: solid !important;
  text-decoration: solid !important;
}

._text-decoration-double {
  -webkit-text-decoration: double !important;
  text-decoration: double !important;
}

._text-decoration-dotted {
  -webkit-text-decoration: dotted !important;
  text-decoration: dotted !important;
}

._text-decoration-dashed {
  -webkit-text-decoration: dashed !important;
  text-decoration: dashed !important;
}

._text-decoration-wavy {
  -webkit-text-decoration: wavy !important;
  text-decoration: wavy !important;
}

._text-break {
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

@media all and (min-width: 576px) {
  ._text-sm-1 {
    font-size: 0.75rem !important;
    font-size: var(--text-1) !important;
  }
  ._text-sm-2 {
    font-size: 1rem !important;
    font-size: var(--text-2) !important;
  }
  ._text-sm-3 {
    font-size: 1.25rem !important;
    font-size: var(--text-3) !important;
  }
  ._text-sm-4 {
    font-size: 1.5rem !important;
    font-size: var(--text-4) !important;
  }
  ._text-sm-5 {
    font-size: 1.75rem !important;
    font-size: var(--text-5) !important;
  }
  ._text-sm-6 {
    font-size: 2rem !important;
    font-size: var(--text-6) !important;
  }
  ._text-sm-7 {
    font-size: 2.25rem !important;
    font-size: var(--text-7) !important;
  }
  ._text-sm-8 {
    font-size: 2.5rem !important;
    font-size: var(--text-8) !important;
  }
  ._text-sm-left {
    text-align: left !important;
  }
  ._text-sm-right {
    text-align: right !important;
  }
  ._text-sm-center {
    text-align: center !important;
  }
}
@media all and (min-width: 768px) {
  ._text-md-1 {
    font-size: 0.75rem !important;
    font-size: var(--text-1) !important;
  }
  ._text-md-2 {
    font-size: 1rem !important;
    font-size: var(--text-2) !important;
  }
  ._text-md-3 {
    font-size: 1.25rem !important;
    font-size: var(--text-3) !important;
  }
  ._text-md-4 {
    font-size: 1.5rem !important;
    font-size: var(--text-4) !important;
  }
  ._text-md-5 {
    font-size: 1.75rem !important;
    font-size: var(--text-5) !important;
  }
  ._text-md-6 {
    font-size: 2rem !important;
    font-size: var(--text-6) !important;
  }
  ._text-md-7 {
    font-size: 2.25rem !important;
    font-size: var(--text-7) !important;
  }
  ._text-md-8 {
    font-size: 2.5rem !important;
    font-size: var(--text-8) !important;
  }
  ._text-md-left {
    text-align: left !important;
  }
  ._text-md-right {
    text-align: right !important;
  }
  ._text-md-center {
    text-align: center !important;
  }
}
@media all and (min-width: 992px) {
  ._text-lg-1 {
    font-size: 0.75rem !important;
    font-size: var(--text-1) !important;
  }
  ._text-lg-2 {
    font-size: 1rem !important;
    font-size: var(--text-2) !important;
  }
  ._text-lg-3 {
    font-size: 1.25rem !important;
    font-size: var(--text-3) !important;
  }
  ._text-lg-4 {
    font-size: 1.5rem !important;
    font-size: var(--text-4) !important;
  }
  ._text-lg-5 {
    font-size: 1.75rem !important;
    font-size: var(--text-5) !important;
  }
  ._text-lg-6 {
    font-size: 2rem !important;
    font-size: var(--text-6) !important;
  }
  ._text-lg-7 {
    font-size: 2.25rem !important;
    font-size: var(--text-7) !important;
  }
  ._text-lg-8 {
    font-size: 2.5rem !important;
    font-size: var(--text-8) !important;
  }
  ._text-lg-left {
    text-align: left !important;
  }
  ._text-lg-right {
    text-align: right !important;
  }
  ._text-lg-center {
    text-align: center !important;
  }
}
@media all and (min-width: 1200px) {
  ._text-xl-1 {
    font-size: 0.75rem !important;
    font-size: var(--text-1) !important;
  }
  ._text-xl-2 {
    font-size: 1rem !important;
    font-size: var(--text-2) !important;
  }
  ._text-xl-3 {
    font-size: 1.25rem !important;
    font-size: var(--text-3) !important;
  }
  ._text-xl-4 {
    font-size: 1.5rem !important;
    font-size: var(--text-4) !important;
  }
  ._text-xl-5 {
    font-size: 1.75rem !important;
    font-size: var(--text-5) !important;
  }
  ._text-xl-6 {
    font-size: 2rem !important;
    font-size: var(--text-6) !important;
  }
  ._text-xl-7 {
    font-size: 2.25rem !important;
    font-size: var(--text-7) !important;
  }
  ._text-xl-8 {
    font-size: 2.5rem !important;
    font-size: var(--text-8) !important;
  }
  ._text-xl-left {
    text-align: left !important;
  }
  ._text-xl-right {
    text-align: right !important;
  }
  ._text-xl-center {
    text-align: center !important;
  }
}
@media all and (min-width: 1700px) {
  ._text-xxl-1 {
    font-size: 0.75rem !important;
    font-size: var(--text-1) !important;
  }
  ._text-xxl-2 {
    font-size: 1rem !important;
    font-size: var(--text-2) !important;
  }
  ._text-xxl-3 {
    font-size: 1.25rem !important;
    font-size: var(--text-3) !important;
  }
  ._text-xxl-4 {
    font-size: 1.5rem !important;
    font-size: var(--text-4) !important;
  }
  ._text-xxl-5 {
    font-size: 1.75rem !important;
    font-size: var(--text-5) !important;
  }
  ._text-xxl-6 {
    font-size: 2rem !important;
    font-size: var(--text-6) !important;
  }
  ._text-xxl-7 {
    font-size: 2.25rem !important;
    font-size: var(--text-7) !important;
  }
  ._text-xxl-8 {
    font-size: 2.5rem !important;
    font-size: var(--text-8) !important;
  }
  ._text-xxl-left {
    text-align: left !important;
  }
  ._text-xxl-right {
    text-align: right !important;
  }
  ._text-xxl-center {
    text-align: center !important;
  }
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/utilities/flex/flex.css ***!
  \***********************************************************************************************************************************************************/
._flex-row {
  flex-direction: row !important;
}

._flex-column {
  flex-direction: column !important;
}

._flex-row-reverse {
  flex-direction: row-reverse !important;
}

._flex-column-reverse {
  flex-direction: column-reverse !important;
}

._flex-wrap {
  flex-wrap: wrap !important;
}

._flex-nowrap {
  flex-wrap: nowrap !important;
}

._flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

._flex-1 {
  flex: 1 !important;
}

._flex-fill {
  flex: 1 1 auto !important;
}

._flex-grow-0 {
  flex-grow: 0 !important;
}

._flex-grow-1 {
  flex-grow: 1 !important;
}

._flex-shrink-0 {
  flex-shrink: 0 !important;
}

._flex-shrink-1 {
  flex-shrink: 1 !important;
}

._justify-content-start {
  justify-content: flex-start !important;
}

._justify-content-end {
  justify-content: flex-end !important;
}

._justify-content-center {
  justify-content: center !important;
}

._justify-content-between {
  justify-content: space-between !important;
}

._justify-content-around {
  justify-content: space-around !important;
}

._align-items-start {
  align-items: flex-start !important;
}

._align-items-end {
  align-items: flex-end !important;
}

._align-items-center {
  align-items: center !important;
}

._align-items-baseline {
  align-items: baseline !important;
}

._align-items-stretch {
  align-items: stretch !important;
}

._align-content-start {
  align-content: flex-start !important;
}

._align-content-end {
  align-content: flex-end !important;
}

._align-content-center {
  align-content: center !important;
}

._align-content-between {
  align-content: space-between !important;
}

._align-content-around {
  align-content: space-around !important;
}

._align-content-stretch {
  align-content: stretch !important;
}

._align-self-auto {
  align-self: auto !important;
}

._align-self-start {
  align-self: flex-start !important;
}

._align-self-end {
  align-self: flex-end !important;
}

._align-self-center {
  align-self: center !important;
}

._align-self-baseline {
  align-self: baseline !important;
}

._align-self-stretch {
  align-self: stretch !important;
}

.justify-self-auto {
  justify-self: auto !important;
}

.justify-self-start {
  justify-self: flex-start !important;
}

.justify-self-end {
  justify-self: flex-end !important;
}

.justify-self-center {
  justify-self: center !important;
}

.justify-self-baseline {
  justify-self: baseline !important;
}

.justify-self-stretch {
  justify-self: stretch !important;
}

@media all and (min-width: 576px) {
  ._flex-sm-row {
    flex-direction: row !important;
  }
  ._flex-sm-column {
    flex-direction: column !important;
  }
  ._flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  ._flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  ._flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  ._flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  ._flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  ._flex-sm-1 {
    flex: 1 !important;
  }
  ._flex-sm-fill {
    flex: 1 1 auto !important;
  }
  ._flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  ._flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  ._flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  ._flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  ._justify-content-sm-start {
    justify-content: flex-start !important;
  }
  ._justify-content-sm-end {
    justify-content: flex-end !important;
  }
  ._justify-content-sm-center {
    justify-content: center !important;
  }
  ._justify-content-sm-between {
    justify-content: space-between !important;
  }
  ._justify-content-sm-around {
    justify-content: space-around !important;
  }
  ._align-items-sm-start {
    align-items: flex-start !important;
  }
  ._align-items-sm-end {
    align-items: flex-end !important;
  }
  ._align-items-sm-center {
    align-items: center !important;
  }
  ._align-items-sm-baseline {
    align-items: baseline !important;
  }
  ._align-items-sm-stretch {
    align-items: stretch !important;
  }
  ._align-content-sm-start {
    align-content: flex-start !important;
  }
  ._align-content-sm-end {
    align-content: flex-end !important;
  }
  ._align-content-sm-center {
    align-content: center !important;
  }
  ._align-content-sm-between {
    align-content: space-between !important;
  }
  ._align-content-sm-around {
    align-content: space-around !important;
  }
  ._align-content-sm-stretch {
    align-content: stretch !important;
  }
  ._align-self-sm-auto {
    align-self: auto !important;
  }
  ._align-self-sm-start {
    align-self: flex-start !important;
  }
  ._align-self-sm-end {
    align-self: flex-end !important;
  }
  ._align-self-sm-center {
    align-self: center !important;
  }
  ._align-self-sm-baseline {
    align-self: baseline !important;
  }
  ._align-self-sm-stretch {
    align-self: stretch !important;
  }
  .justify-self-sm-auto {
    justify-self: auto !important;
  }
  .justify-self-sm-start {
    justify-self: flex-start !important;
  }
  .justify-self-sm-end {
    justify-self: flex-end !important;
  }
  .justify-self-sm-center {
    justify-self: center !important;
  }
  .justify-self-sm-baseline {
    justify-self: baseline !important;
  }
  .justify-self-sm-stretch {
    justify-self: stretch !important;
  }
}
@media all and (min-width: 768px) {
  ._flex-md-row {
    flex-direction: row !important;
  }
  ._flex-md-column {
    flex-direction: column !important;
  }
  ._flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  ._flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  ._flex-md-wrap {
    flex-wrap: wrap !important;
  }
  ._flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  ._flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  ._flex-md-1 {
    flex: 1 !important;
  }
  ._flex-md-fill {
    flex: 1 1 auto !important;
  }
  ._flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  ._flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  ._flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  ._flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  ._justify-content-md-start {
    justify-content: flex-start !important;
  }
  ._justify-content-md-end {
    justify-content: flex-end !important;
  }
  ._justify-content-md-center {
    justify-content: center !important;
  }
  ._justify-content-md-between {
    justify-content: space-between !important;
  }
  ._justify-content-md-around {
    justify-content: space-around !important;
  }
  ._align-items-md-start {
    align-items: flex-start !important;
  }
  ._align-items-md-end {
    align-items: flex-end !important;
  }
  ._align-items-md-center {
    align-items: center !important;
  }
  ._align-items-md-baseline {
    align-items: baseline !important;
  }
  ._align-items-md-stretch {
    align-items: stretch !important;
  }
  ._align-content-md-start {
    align-content: flex-start !important;
  }
  ._align-content-md-end {
    align-content: flex-end !important;
  }
  ._align-content-md-center {
    align-content: center !important;
  }
  ._align-content-md-between {
    align-content: space-between !important;
  }
  ._align-content-md-around {
    align-content: space-around !important;
  }
  ._align-content-md-stretch {
    align-content: stretch !important;
  }
  ._align-self-md-auto {
    align-self: auto !important;
  }
  ._align-self-md-start {
    align-self: flex-start !important;
  }
  ._align-self-md-end {
    align-self: flex-end !important;
  }
  ._align-self-md-center {
    align-self: center !important;
  }
  ._align-self-md-baseline {
    align-self: baseline !important;
  }
  ._align-self-md-stretch {
    align-self: stretch !important;
  }
  .justify-self-md-auto {
    justify-self: auto !important;
  }
  .justify-self-md-start {
    justify-self: flex-start !important;
  }
  .justify-self-md-end {
    justify-self: flex-end !important;
  }
  .justify-self-md-center {
    justify-self: center !important;
  }
  .justify-self-md-baseline {
    justify-self: baseline !important;
  }
  .justify-self-md-stretch {
    justify-self: stretch !important;
  }
}
@media all and (min-width: 992px) {
  ._flex-lg-row {
    flex-direction: row !important;
  }
  ._flex-lg-column {
    flex-direction: column !important;
  }
  ._flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  ._flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  ._flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  ._flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  ._flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  ._flex-lg-1 {
    flex: 1 !important;
  }
  ._flex-lg-fill {
    flex: 1 1 auto !important;
  }
  ._flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  ._flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  ._flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  ._flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  ._justify-content-lg-start {
    justify-content: flex-start !important;
  }
  ._justify-content-lg-end {
    justify-content: flex-end !important;
  }
  ._justify-content-lg-center {
    justify-content: center !important;
  }
  ._justify-content-lg-between {
    justify-content: space-between !important;
  }
  ._justify-content-lg-around {
    justify-content: space-around !important;
  }
  ._align-items-lg-start {
    align-items: flex-start !important;
  }
  ._align-items-lg-end {
    align-items: flex-end !important;
  }
  ._align-items-lg-center {
    align-items: center !important;
  }
  ._align-items-lg-baseline {
    align-items: baseline !important;
  }
  ._align-items-lg-stretch {
    align-items: stretch !important;
  }
  ._align-content-lg-start {
    align-content: flex-start !important;
  }
  ._align-content-lg-end {
    align-content: flex-end !important;
  }
  ._align-content-lg-center {
    align-content: center !important;
  }
  ._align-content-lg-between {
    align-content: space-between !important;
  }
  ._align-content-lg-around {
    align-content: space-around !important;
  }
  ._align-content-lg-stretch {
    align-content: stretch !important;
  }
  ._align-self-lg-auto {
    align-self: auto !important;
  }
  ._align-self-lg-start {
    align-self: flex-start !important;
  }
  ._align-self-lg-end {
    align-self: flex-end !important;
  }
  ._align-self-lg-center {
    align-self: center !important;
  }
  ._align-self-lg-baseline {
    align-self: baseline !important;
  }
  ._align-self-lg-stretch {
    align-self: stretch !important;
  }
  .justify-self-lg-auto {
    justify-self: auto !important;
  }
  .justify-self-lg-start {
    justify-self: flex-start !important;
  }
  .justify-self-lg-end {
    justify-self: flex-end !important;
  }
  .justify-self-lg-center {
    justify-self: center !important;
  }
  .justify-self-lg-baseline {
    justify-self: baseline !important;
  }
  .justify-self-lg-stretch {
    justify-self: stretch !important;
  }
}
@media all and (min-width: 1200px) {
  ._flex-xl-row {
    flex-direction: row !important;
  }
  ._flex-xl-column {
    flex-direction: column !important;
  }
  ._flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  ._flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  ._flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  ._flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  ._flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  ._flex-xl-1 {
    flex: 1 !important;
  }
  ._flex-xl-fill {
    flex: 1 1 auto !important;
  }
  ._flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  ._flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  ._flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  ._flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  ._justify-content-xl-start {
    justify-content: flex-start !important;
  }
  ._justify-content-xl-end {
    justify-content: flex-end !important;
  }
  ._justify-content-xl-center {
    justify-content: center !important;
  }
  ._justify-content-xl-between {
    justify-content: space-between !important;
  }
  ._justify-content-xl-around {
    justify-content: space-around !important;
  }
  ._align-items-xl-start {
    align-items: flex-start !important;
  }
  ._align-items-xl-end {
    align-items: flex-end !important;
  }
  ._align-items-xl-center {
    align-items: center !important;
  }
  ._align-items-xl-baseline {
    align-items: baseline !important;
  }
  ._align-items-xl-stretch {
    align-items: stretch !important;
  }
  ._align-content-xl-start {
    align-content: flex-start !important;
  }
  ._align-content-xl-end {
    align-content: flex-end !important;
  }
  ._align-content-xl-center {
    align-content: center !important;
  }
  ._align-content-xl-between {
    align-content: space-between !important;
  }
  ._align-content-xl-around {
    align-content: space-around !important;
  }
  ._align-content-xl-stretch {
    align-content: stretch !important;
  }
  ._align-self-xl-auto {
    align-self: auto !important;
  }
  ._align-self-xl-start {
    align-self: flex-start !important;
  }
  ._align-self-xl-end {
    align-self: flex-end !important;
  }
  ._align-self-xl-center {
    align-self: center !important;
  }
  ._align-self-xl-baseline {
    align-self: baseline !important;
  }
  ._align-self-xl-stretch {
    align-self: stretch !important;
  }
  .justify-self-xl-auto {
    justify-self: auto !important;
  }
  .justify-self-xl-start {
    justify-self: flex-start !important;
  }
  .justify-self-xl-end {
    justify-self: flex-end !important;
  }
  .justify-self-xl-center {
    justify-self: center !important;
  }
  .justify-self-xl-baseline {
    justify-self: baseline !important;
  }
  .justify-self-xl-stretch {
    justify-self: stretch !important;
  }
}
@media all and (min-width: 1700px) {
  ._flex-xxl-row {
    flex-direction: row !important;
  }
  ._flex-xxl-column {
    flex-direction: column !important;
  }
  ._flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  ._flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  ._flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  ._flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  ._flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  ._flex-xxl-1 {
    flex: 1 !important;
  }
  ._flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  ._flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  ._flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  ._flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  ._flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  ._justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  ._justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  ._justify-content-xxl-center {
    justify-content: center !important;
  }
  ._justify-content-xxl-between {
    justify-content: space-between !important;
  }
  ._justify-content-xxl-around {
    justify-content: space-around !important;
  }
  ._align-items-xxl-start {
    align-items: flex-start !important;
  }
  ._align-items-xxl-end {
    align-items: flex-end !important;
  }
  ._align-items-xxl-center {
    align-items: center !important;
  }
  ._align-items-xxl-baseline {
    align-items: baseline !important;
  }
  ._align-items-xxl-stretch {
    align-items: stretch !important;
  }
  ._align-content-xxl-start {
    align-content: flex-start !important;
  }
  ._align-content-xxl-end {
    align-content: flex-end !important;
  }
  ._align-content-xxl-center {
    align-content: center !important;
  }
  ._align-content-xxl-between {
    align-content: space-between !important;
  }
  ._align-content-xxl-around {
    align-content: space-around !important;
  }
  ._align-content-xxl-stretch {
    align-content: stretch !important;
  }
  ._align-self-xxl-auto {
    align-self: auto !important;
  }
  ._align-self-xxl-start {
    align-self: flex-start !important;
  }
  ._align-self-xxl-end {
    align-self: flex-end !important;
  }
  ._align-self-xxl-center {
    align-self: center !important;
  }
  ._align-self-xxl-baseline {
    align-self: baseline !important;
  }
  ._align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .justify-self-xxl-auto {
    justify-self: auto !important;
  }
  .justify-self-xxl-start {
    justify-self: flex-start !important;
  }
  .justify-self-xxl-end {
    justify-self: flex-end !important;
  }
  .justify-self-xxl-center {
    justify-self: center !important;
  }
  .justify-self-xxl-baseline {
    justify-self: baseline !important;
  }
  .justify-self-xxl-stretch {
    justify-self: stretch !important;
  }
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/utilities/sizing/sizing.css ***!
  \***************************************************************************************************************************************************************/
._w-auto {
  width: auto !important;
}

._w-1 {
  width: 0.25rem !important;
  width: var(--spacer-1) !important;
}

._w-2 {
  width: 0.5rem !important;
  width: var(--spacer-2) !important;
}

._w-3 {
  width: 0.75rem !important;
  width: var(--spacer-3) !important;
}

._w-4 {
  width: 1rem !important;
  width: var(--spacer-4) !important;
}

._w-5 {
  width: 1.5rem !important;
  width: var(--spacer-5) !important;
}

._w-6 {
  width: 2rem !important;
  width: var(--spacer-6) !important;
}

._w-7 {
  width: 2.5rem !important;
  width: var(--spacer-7) !important;
}

._w-8 {
  width: 3rem !important;
  width: var(--spacer-8) !important;
}

._w-9 {
  width: 3.5rem !important;
  width: var(--spacer-9) !important;
}

._w-10 {
  width: 4rem !important;
  width: var(--spacer-10) !important;
}

._w-11 {
  width: 4.5rem !important;
  width: var(--spacer-11) !important;
}

._w-12 {
  width: 5rem !important;
  width: var(--spacer-12) !important;
}

._h-auto {
  height: auto !important;
}

._h-1 {
  height: 0.25rem !important;
  height: var(--spacer-1) !important;
}

._h-2 {
  height: 0.5rem !important;
  height: var(--spacer-2) !important;
}

._h-3 {
  height: 0.75rem !important;
  height: var(--spacer-3) !important;
}

._h-4 {
  height: 1rem !important;
  height: var(--spacer-4) !important;
}

._h-5 {
  height: 1.5rem !important;
  height: var(--spacer-5) !important;
}

._h-6 {
  height: 2rem !important;
  height: var(--spacer-6) !important;
}

._h-7 {
  height: 2.5rem !important;
  height: var(--spacer-7) !important;
}

._h-8 {
  height: 3rem !important;
  height: var(--spacer-8) !important;
}

._h-9 {
  height: 3.5rem !important;
  height: var(--spacer-9) !important;
}

._h-10 {
  height: 4rem !important;
  height: var(--spacer-10) !important;
}

._h-11 {
  height: 4.5rem !important;
  height: var(--spacer-11) !important;
}

._h-12 {
  height: 5rem !important;
  height: var(--spacer-12) !important;
}

._w-full {
  width: 100% !important;
}

._w-half {
  width: 50% !important;
}

._h-full {
  height: 100% !important;
}

._h-half {
  height: 50% !important;
}

._min-w-full {
  min-width: 100% !important;
}

._min-w-half {
  min-width: 50% !important;
}

._min-h-full {
  min-height: 100% !important;
}

._min-h-half {
  min-height: 50% !important;
}

._max-w-full {
  max-width: 100% !important;
}

._max-w-half {
  max-width: 50% !important;
}

._max-h-full {
  max-height: 100% !important;
}

._max-h-half {
  max-height: 50% !important;
}

._vw-full {
  width: 100vw !important;
}

._vw-half {
  width: 50vw !important;
}

._vh-full {
  height: 100vh !important;
}

._vh-half {
  height: 50vh !important;
}

._min-vw-full {
  min-width: 100vw !important;
}

._min-vw-half {
  min-width: 50vw !important;
}

._min-vh-full {
  min-height: 100vh !important;
}

._min-vh-half {
  min-height: 50vh !important;
}

._max-vw-full {
  max-width: 100vw !important;
}

._max-vw-half {
  max-width: 50vw !important;
}

._max-vh-full {
  max-height: 100vh !important;
}

._max-vh-half {
  max-height: 50vh !important;
}

@media all and (min-width: 576px) {
  ._w-sm-auto {
    width: auto !important;
  }
  ._w-sm-1 {
    width: 0.25rem !important;
    width: var(--spacer-1) !important;
  }
  ._w-sm-2 {
    width: 0.5rem !important;
    width: var(--spacer-2) !important;
  }
  ._w-sm-3 {
    width: 0.75rem !important;
    width: var(--spacer-3) !important;
  }
  ._w-sm-4 {
    width: 1rem !important;
    width: var(--spacer-4) !important;
  }
  ._w-sm-5 {
    width: 1.5rem !important;
    width: var(--spacer-5) !important;
  }
  ._w-sm-6 {
    width: 2rem !important;
    width: var(--spacer-6) !important;
  }
  ._w-sm-7 {
    width: 2.5rem !important;
    width: var(--spacer-7) !important;
  }
  ._w-sm-8 {
    width: 3rem !important;
    width: var(--spacer-8) !important;
  }
  ._w-sm-9 {
    width: 3.5rem !important;
    width: var(--spacer-9) !important;
  }
  ._w-sm-10 {
    width: 4rem !important;
    width: var(--spacer-10) !important;
  }
  ._w-sm-11 {
    width: 4.5rem !important;
    width: var(--spacer-11) !important;
  }
  ._w-sm-12 {
    width: 5rem !important;
    width: var(--spacer-12) !important;
  }
  ._h-sm-auto {
    height: auto !important;
  }
  ._h-sm-1 {
    height: 0.25rem !important;
    height: var(--spacer-1) !important;
  }
  ._h-sm-2 {
    height: 0.5rem !important;
    height: var(--spacer-2) !important;
  }
  ._h-sm-3 {
    height: 0.75rem !important;
    height: var(--spacer-3) !important;
  }
  ._h-sm-4 {
    height: 1rem !important;
    height: var(--spacer-4) !important;
  }
  ._h-sm-5 {
    height: 1.5rem !important;
    height: var(--spacer-5) !important;
  }
  ._h-sm-6 {
    height: 2rem !important;
    height: var(--spacer-6) !important;
  }
  ._h-sm-7 {
    height: 2.5rem !important;
    height: var(--spacer-7) !important;
  }
  ._h-sm-8 {
    height: 3rem !important;
    height: var(--spacer-8) !important;
  }
  ._h-sm-9 {
    height: 3.5rem !important;
    height: var(--spacer-9) !important;
  }
  ._h-sm-10 {
    height: 4rem !important;
    height: var(--spacer-10) !important;
  }
  ._h-sm-11 {
    height: 4.5rem !important;
    height: var(--spacer-11) !important;
  }
  ._h-sm-12 {
    height: 5rem !important;
    height: var(--spacer-12) !important;
  }
  ._w-sm-full {
    width: 100% !important;
  }
  ._w-sm-half {
    width: 50% !important;
  }
  ._h-sm-full {
    height: 100% !important;
  }
  ._h-sm-half {
    height: 50% !important;
  }
  ._min-w-sm-full {
    min-width: 100% !important;
  }
  ._min-w-sm-half {
    min-width: 50% !important;
  }
  ._min-h-sm-full {
    min-height: 100% !important;
  }
  ._min-h-sm-half {
    min-height: 50% !important;
  }
  ._max-w-sm-full {
    max-width: 100% !important;
  }
  ._max-w-sm-half {
    max-width: 50% !important;
  }
  ._max-h-sm-full {
    max-height: 100% !important;
  }
  ._max-h-sm-half {
    max-height: 50% !important;
  }
  ._vw-sm-full {
    width: 100vw !important;
  }
  ._vw-sm-half {
    width: 50vw !important;
  }
  ._vh-sm-full {
    height: 100vh !important;
  }
  ._vh-sm-half {
    height: 50vh !important;
  }
  ._min-vw-sm-full {
    min-width: 100vw !important;
  }
  ._min-vw-sm-half {
    min-width: 50vw !important;
  }
  ._min-vh-sm-full {
    min-height: 100vh !important;
  }
  ._min-vh-sm-half {
    min-height: 50vh !important;
  }
  ._max-vw-sm-full {
    max-width: 100vw !important;
  }
  ._max-vw-sm-half {
    max-width: 50vw !important;
  }
  ._max-vh-sm-full {
    max-height: 100vh !important;
  }
  ._max-vh-sm-half {
    max-height: 50vh !important;
  }
}
@media all and (min-width: 768px) {
  ._w-md-auto {
    width: auto !important;
  }
  ._w-md-1 {
    width: 0.25rem !important;
    width: var(--spacer-1) !important;
  }
  ._w-md-2 {
    width: 0.5rem !important;
    width: var(--spacer-2) !important;
  }
  ._w-md-3 {
    width: 0.75rem !important;
    width: var(--spacer-3) !important;
  }
  ._w-md-4 {
    width: 1rem !important;
    width: var(--spacer-4) !important;
  }
  ._w-md-5 {
    width: 1.5rem !important;
    width: var(--spacer-5) !important;
  }
  ._w-md-6 {
    width: 2rem !important;
    width: var(--spacer-6) !important;
  }
  ._w-md-7 {
    width: 2.5rem !important;
    width: var(--spacer-7) !important;
  }
  ._w-md-8 {
    width: 3rem !important;
    width: var(--spacer-8) !important;
  }
  ._w-md-9 {
    width: 3.5rem !important;
    width: var(--spacer-9) !important;
  }
  ._w-md-10 {
    width: 4rem !important;
    width: var(--spacer-10) !important;
  }
  ._w-md-11 {
    width: 4.5rem !important;
    width: var(--spacer-11) !important;
  }
  ._w-md-12 {
    width: 5rem !important;
    width: var(--spacer-12) !important;
  }
  ._h-md-auto {
    height: auto !important;
  }
  ._h-md-1 {
    height: 0.25rem !important;
    height: var(--spacer-1) !important;
  }
  ._h-md-2 {
    height: 0.5rem !important;
    height: var(--spacer-2) !important;
  }
  ._h-md-3 {
    height: 0.75rem !important;
    height: var(--spacer-3) !important;
  }
  ._h-md-4 {
    height: 1rem !important;
    height: var(--spacer-4) !important;
  }
  ._h-md-5 {
    height: 1.5rem !important;
    height: var(--spacer-5) !important;
  }
  ._h-md-6 {
    height: 2rem !important;
    height: var(--spacer-6) !important;
  }
  ._h-md-7 {
    height: 2.5rem !important;
    height: var(--spacer-7) !important;
  }
  ._h-md-8 {
    height: 3rem !important;
    height: var(--spacer-8) !important;
  }
  ._h-md-9 {
    height: 3.5rem !important;
    height: var(--spacer-9) !important;
  }
  ._h-md-10 {
    height: 4rem !important;
    height: var(--spacer-10) !important;
  }
  ._h-md-11 {
    height: 4.5rem !important;
    height: var(--spacer-11) !important;
  }
  ._h-md-12 {
    height: 5rem !important;
    height: var(--spacer-12) !important;
  }
  ._w-md-full {
    width: 100% !important;
  }
  ._w-md-half {
    width: 50% !important;
  }
  ._h-md-full {
    height: 100% !important;
  }
  ._h-md-half {
    height: 50% !important;
  }
  ._min-w-md-full {
    min-width: 100% !important;
  }
  ._min-w-md-half {
    min-width: 50% !important;
  }
  ._min-h-md-full {
    min-height: 100% !important;
  }
  ._min-h-md-half {
    min-height: 50% !important;
  }
  ._max-w-md-full {
    max-width: 100% !important;
  }
  ._max-w-md-half {
    max-width: 50% !important;
  }
  ._max-h-md-full {
    max-height: 100% !important;
  }
  ._max-h-md-half {
    max-height: 50% !important;
  }
  ._vw-md-full {
    width: 100vw !important;
  }
  ._vw-md-half {
    width: 50vw !important;
  }
  ._vh-md-full {
    height: 100vh !important;
  }
  ._vh-md-half {
    height: 50vh !important;
  }
  ._min-vw-md-full {
    min-width: 100vw !important;
  }
  ._min-vw-md-half {
    min-width: 50vw !important;
  }
  ._min-vh-md-full {
    min-height: 100vh !important;
  }
  ._min-vh-md-half {
    min-height: 50vh !important;
  }
  ._max-vw-md-full {
    max-width: 100vw !important;
  }
  ._max-vw-md-half {
    max-width: 50vw !important;
  }
  ._max-vh-md-full {
    max-height: 100vh !important;
  }
  ._max-vh-md-half {
    max-height: 50vh !important;
  }
}
@media all and (min-width: 992px) {
  ._w-lg-auto {
    width: auto !important;
  }
  ._w-lg-1 {
    width: 0.25rem !important;
    width: var(--spacer-1) !important;
  }
  ._w-lg-2 {
    width: 0.5rem !important;
    width: var(--spacer-2) !important;
  }
  ._w-lg-3 {
    width: 0.75rem !important;
    width: var(--spacer-3) !important;
  }
  ._w-lg-4 {
    width: 1rem !important;
    width: var(--spacer-4) !important;
  }
  ._w-lg-5 {
    width: 1.5rem !important;
    width: var(--spacer-5) !important;
  }
  ._w-lg-6 {
    width: 2rem !important;
    width: var(--spacer-6) !important;
  }
  ._w-lg-7 {
    width: 2.5rem !important;
    width: var(--spacer-7) !important;
  }
  ._w-lg-8 {
    width: 3rem !important;
    width: var(--spacer-8) !important;
  }
  ._w-lg-9 {
    width: 3.5rem !important;
    width: var(--spacer-9) !important;
  }
  ._w-lg-10 {
    width: 4rem !important;
    width: var(--spacer-10) !important;
  }
  ._w-lg-11 {
    width: 4.5rem !important;
    width: var(--spacer-11) !important;
  }
  ._w-lg-12 {
    width: 5rem !important;
    width: var(--spacer-12) !important;
  }
  ._h-lg-auto {
    height: auto !important;
  }
  ._h-lg-1 {
    height: 0.25rem !important;
    height: var(--spacer-1) !important;
  }
  ._h-lg-2 {
    height: 0.5rem !important;
    height: var(--spacer-2) !important;
  }
  ._h-lg-3 {
    height: 0.75rem !important;
    height: var(--spacer-3) !important;
  }
  ._h-lg-4 {
    height: 1rem !important;
    height: var(--spacer-4) !important;
  }
  ._h-lg-5 {
    height: 1.5rem !important;
    height: var(--spacer-5) !important;
  }
  ._h-lg-6 {
    height: 2rem !important;
    height: var(--spacer-6) !important;
  }
  ._h-lg-7 {
    height: 2.5rem !important;
    height: var(--spacer-7) !important;
  }
  ._h-lg-8 {
    height: 3rem !important;
    height: var(--spacer-8) !important;
  }
  ._h-lg-9 {
    height: 3.5rem !important;
    height: var(--spacer-9) !important;
  }
  ._h-lg-10 {
    height: 4rem !important;
    height: var(--spacer-10) !important;
  }
  ._h-lg-11 {
    height: 4.5rem !important;
    height: var(--spacer-11) !important;
  }
  ._h-lg-12 {
    height: 5rem !important;
    height: var(--spacer-12) !important;
  }
  ._w-lg-full {
    width: 100% !important;
  }
  ._w-lg-half {
    width: 50% !important;
  }
  ._h-lg-full {
    height: 100% !important;
  }
  ._h-lg-half {
    height: 50% !important;
  }
  ._min-w-lg-full {
    min-width: 100% !important;
  }
  ._min-w-lg-half {
    min-width: 50% !important;
  }
  ._min-h-lg-full {
    min-height: 100% !important;
  }
  ._min-h-lg-half {
    min-height: 50% !important;
  }
  ._max-w-lg-full {
    max-width: 100% !important;
  }
  ._max-w-lg-half {
    max-width: 50% !important;
  }
  ._max-h-lg-full {
    max-height: 100% !important;
  }
  ._max-h-lg-half {
    max-height: 50% !important;
  }
  ._vw-lg-full {
    width: 100vw !important;
  }
  ._vw-lg-half {
    width: 50vw !important;
  }
  ._vh-lg-full {
    height: 100vh !important;
  }
  ._vh-lg-half {
    height: 50vh !important;
  }
  ._min-vw-lg-full {
    min-width: 100vw !important;
  }
  ._min-vw-lg-half {
    min-width: 50vw !important;
  }
  ._min-vh-lg-full {
    min-height: 100vh !important;
  }
  ._min-vh-lg-half {
    min-height: 50vh !important;
  }
  ._max-vw-lg-full {
    max-width: 100vw !important;
  }
  ._max-vw-lg-half {
    max-width: 50vw !important;
  }
  ._max-vh-lg-full {
    max-height: 100vh !important;
  }
  ._max-vh-lg-half {
    max-height: 50vh !important;
  }
}
@media all and (min-width: 1200px) {
  ._w-xl-auto {
    width: auto !important;
  }
  ._w-xl-1 {
    width: 0.25rem !important;
    width: var(--spacer-1) !important;
  }
  ._w-xl-2 {
    width: 0.5rem !important;
    width: var(--spacer-2) !important;
  }
  ._w-xl-3 {
    width: 0.75rem !important;
    width: var(--spacer-3) !important;
  }
  ._w-xl-4 {
    width: 1rem !important;
    width: var(--spacer-4) !important;
  }
  ._w-xl-5 {
    width: 1.5rem !important;
    width: var(--spacer-5) !important;
  }
  ._w-xl-6 {
    width: 2rem !important;
    width: var(--spacer-6) !important;
  }
  ._w-xl-7 {
    width: 2.5rem !important;
    width: var(--spacer-7) !important;
  }
  ._w-xl-8 {
    width: 3rem !important;
    width: var(--spacer-8) !important;
  }
  ._w-xl-9 {
    width: 3.5rem !important;
    width: var(--spacer-9) !important;
  }
  ._w-xl-10 {
    width: 4rem !important;
    width: var(--spacer-10) !important;
  }
  ._w-xl-11 {
    width: 4.5rem !important;
    width: var(--spacer-11) !important;
  }
  ._w-xl-12 {
    width: 5rem !important;
    width: var(--spacer-12) !important;
  }
  ._h-xl-auto {
    height: auto !important;
  }
  ._h-xl-1 {
    height: 0.25rem !important;
    height: var(--spacer-1) !important;
  }
  ._h-xl-2 {
    height: 0.5rem !important;
    height: var(--spacer-2) !important;
  }
  ._h-xl-3 {
    height: 0.75rem !important;
    height: var(--spacer-3) !important;
  }
  ._h-xl-4 {
    height: 1rem !important;
    height: var(--spacer-4) !important;
  }
  ._h-xl-5 {
    height: 1.5rem !important;
    height: var(--spacer-5) !important;
  }
  ._h-xl-6 {
    height: 2rem !important;
    height: var(--spacer-6) !important;
  }
  ._h-xl-7 {
    height: 2.5rem !important;
    height: var(--spacer-7) !important;
  }
  ._h-xl-8 {
    height: 3rem !important;
    height: var(--spacer-8) !important;
  }
  ._h-xl-9 {
    height: 3.5rem !important;
    height: var(--spacer-9) !important;
  }
  ._h-xl-10 {
    height: 4rem !important;
    height: var(--spacer-10) !important;
  }
  ._h-xl-11 {
    height: 4.5rem !important;
    height: var(--spacer-11) !important;
  }
  ._h-xl-12 {
    height: 5rem !important;
    height: var(--spacer-12) !important;
  }
  ._w-xl-full {
    width: 100% !important;
  }
  ._w-xl-half {
    width: 50% !important;
  }
  ._h-xl-full {
    height: 100% !important;
  }
  ._h-xl-half {
    height: 50% !important;
  }
  ._min-w-xl-full {
    min-width: 100% !important;
  }
  ._min-w-xl-half {
    min-width: 50% !important;
  }
  ._min-h-xl-full {
    min-height: 100% !important;
  }
  ._min-h-xl-half {
    min-height: 50% !important;
  }
  ._max-w-xl-full {
    max-width: 100% !important;
  }
  ._max-w-xl-half {
    max-width: 50% !important;
  }
  ._max-h-xl-full {
    max-height: 100% !important;
  }
  ._max-h-xl-half {
    max-height: 50% !important;
  }
  ._vw-xl-full {
    width: 100vw !important;
  }
  ._vw-xl-half {
    width: 50vw !important;
  }
  ._vh-xl-full {
    height: 100vh !important;
  }
  ._vh-xl-half {
    height: 50vh !important;
  }
  ._min-vw-xl-full {
    min-width: 100vw !important;
  }
  ._min-vw-xl-half {
    min-width: 50vw !important;
  }
  ._min-vh-xl-full {
    min-height: 100vh !important;
  }
  ._min-vh-xl-half {
    min-height: 50vh !important;
  }
  ._max-vw-xl-full {
    max-width: 100vw !important;
  }
  ._max-vw-xl-half {
    max-width: 50vw !important;
  }
  ._max-vh-xl-full {
    max-height: 100vh !important;
  }
  ._max-vh-xl-half {
    max-height: 50vh !important;
  }
}
@media all and (min-width: 1700px) {
  ._w-xxl-auto {
    width: auto !important;
  }
  ._w-xxl-1 {
    width: 0.25rem !important;
    width: var(--spacer-1) !important;
  }
  ._w-xxl-2 {
    width: 0.5rem !important;
    width: var(--spacer-2) !important;
  }
  ._w-xxl-3 {
    width: 0.75rem !important;
    width: var(--spacer-3) !important;
  }
  ._w-xxl-4 {
    width: 1rem !important;
    width: var(--spacer-4) !important;
  }
  ._w-xxl-5 {
    width: 1.5rem !important;
    width: var(--spacer-5) !important;
  }
  ._w-xxl-6 {
    width: 2rem !important;
    width: var(--spacer-6) !important;
  }
  ._w-xxl-7 {
    width: 2.5rem !important;
    width: var(--spacer-7) !important;
  }
  ._w-xxl-8 {
    width: 3rem !important;
    width: var(--spacer-8) !important;
  }
  ._w-xxl-9 {
    width: 3.5rem !important;
    width: var(--spacer-9) !important;
  }
  ._w-xxl-10 {
    width: 4rem !important;
    width: var(--spacer-10) !important;
  }
  ._w-xxl-11 {
    width: 4.5rem !important;
    width: var(--spacer-11) !important;
  }
  ._w-xxl-12 {
    width: 5rem !important;
    width: var(--spacer-12) !important;
  }
  ._h-xxl-auto {
    height: auto !important;
  }
  ._h-xxl-1 {
    height: 0.25rem !important;
    height: var(--spacer-1) !important;
  }
  ._h-xxl-2 {
    height: 0.5rem !important;
    height: var(--spacer-2) !important;
  }
  ._h-xxl-3 {
    height: 0.75rem !important;
    height: var(--spacer-3) !important;
  }
  ._h-xxl-4 {
    height: 1rem !important;
    height: var(--spacer-4) !important;
  }
  ._h-xxl-5 {
    height: 1.5rem !important;
    height: var(--spacer-5) !important;
  }
  ._h-xxl-6 {
    height: 2rem !important;
    height: var(--spacer-6) !important;
  }
  ._h-xxl-7 {
    height: 2.5rem !important;
    height: var(--spacer-7) !important;
  }
  ._h-xxl-8 {
    height: 3rem !important;
    height: var(--spacer-8) !important;
  }
  ._h-xxl-9 {
    height: 3.5rem !important;
    height: var(--spacer-9) !important;
  }
  ._h-xxl-10 {
    height: 4rem !important;
    height: var(--spacer-10) !important;
  }
  ._h-xxl-11 {
    height: 4.5rem !important;
    height: var(--spacer-11) !important;
  }
  ._h-xxl-12 {
    height: 5rem !important;
    height: var(--spacer-12) !important;
  }
  ._w-xxl-full {
    width: 100% !important;
  }
  ._w-xxl-half {
    width: 50% !important;
  }
  ._h-xxl-full {
    height: 100% !important;
  }
  ._h-xxl-half {
    height: 50% !important;
  }
  ._min-w-xxl-full {
    min-width: 100% !important;
  }
  ._min-w-xxl-half {
    min-width: 50% !important;
  }
  ._min-h-xxl-full {
    min-height: 100% !important;
  }
  ._min-h-xxl-half {
    min-height: 50% !important;
  }
  ._max-w-xxl-full {
    max-width: 100% !important;
  }
  ._max-w-xxl-half {
    max-width: 50% !important;
  }
  ._max-h-xxl-full {
    max-height: 100% !important;
  }
  ._max-h-xxl-half {
    max-height: 50% !important;
  }
  ._vw-xxl-full {
    width: 100vw !important;
  }
  ._vw-xxl-half {
    width: 50vw !important;
  }
  ._vh-xxl-full {
    height: 100vh !important;
  }
  ._vh-xxl-half {
    height: 50vh !important;
  }
  ._min-vw-xxl-full {
    min-width: 100vw !important;
  }
  ._min-vw-xxl-half {
    min-width: 50vw !important;
  }
  ._min-vh-xxl-full {
    min-height: 100vh !important;
  }
  ._min-vh-xxl-half {
    min-height: 50vh !important;
  }
  ._max-vw-xxl-full {
    max-width: 100vw !important;
  }
  ._max-vw-xxl-half {
    max-width: 50vw !important;
  }
  ._max-vh-xxl-full {
    max-height: 100vh !important;
  }
  ._max-vh-xxl-half {
    max-height: 50vh !important;
  }
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/utilities/border/border.css ***!
  \***************************************************************************************************************************************************************/
._border {
  border: 0.0625rem solid #e6e9ed !important;
  border: var(--component-border-width) solid var(--component-border-color) !important;
}

._border-0 {
  border: 0 !important;
}

._border-top {
  border-top: 0.0625rem solid #e6e9ed !important;
  border-top: var(--component-border-width) solid var(--component-border-color) !important;
}

._border-top-0 {
  border-top: 0 !important;
}

._border-right {
  border-right: 0.0625rem solid #e6e9ed !important;
  border-right: var(--component-border-width) solid var(--component-border-color) !important;
}

._border-right-0 {
  border-right: 0 !important;
}

._border-bottom {
  border-bottom: 0.0625rem solid #e6e9ed !important;
  border-bottom: var(--component-border-width) solid var(--component-border-color) !important;
}

._border-bottom-0 {
  border-bottom: 0 !important;
}

._border-left {
  border-left: 0.0625rem solid #e6e9ed !important;
  border-left: var(--component-border-width) solid var(--component-border-color) !important;
}

._border-left-0 {
  border-left: 0 !important;
}

._rounded {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

._rounded-0 {
  border-radius: 0 !important;
}

._rounded-circle {
  border-radius: 50% !important;
}

._rounded-pill {
  border-radius: 3rem !important;
  border-radius: var(--border-radius-pill) !important;
}

._rounded-lg {
  border-radius: 0.5rem !important;
  border-radius: var(--border-radius-lg) !important;
}

._rounded-sm {
  border-radius: 0.125rem !important;
  border-radius: var(--border-radius-sm) !important;
}

._rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: 0.25rem !important;
  border-top-right-radius: var(--border-radius) !important;
}

._rounded-right {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-right-radius: var(--border-radius) !important;
  border-top-right-radius: 0.25rem !important;
  border-top-right-radius: var(--border-radius) !important;
}

._rounded-bottom {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-left-radius: var(--border-radius) !important;
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-right-radius: var(--border-radius) !important;
}

._rounded-left {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-left-radius: var(--border-radius) !important;
  border-top-left-radius: 0.25rem !important;
  border-top-left-radius: var(--border-radius) !important;
}

@media all and (min-width: 576px) {
  ._border-sm {
    border: 0.0625rem solid #e6e9ed !important;
    border: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-sm-0 {
    border: 0 !important;
  }
  ._border-sm-top {
    border-top: 0.0625rem solid #e6e9ed !important;
    border-top: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-sm-top-0 {
    border-top: 0 !important;
  }
  ._border-sm-right {
    border-right: 0.0625rem solid #e6e9ed !important;
    border-right: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-sm-right-0 {
    border-right: 0 !important;
  }
  ._border-sm-bottom {
    border-bottom: 0.0625rem solid #e6e9ed !important;
    border-bottom: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-sm-bottom-0 {
    border-bottom: 0 !important;
  }
  ._border-sm-left {
    border-left: 0.0625rem solid #e6e9ed !important;
    border-left: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-sm-left-0 {
    border-left: 0 !important;
  }
  ._rounded-sm-0 {
    border-radius: 0 !important;
  }
  ._rounded-sm-circle {
    border-radius: 50% !important;
  }
  ._rounded-sm-pill {
    border-radius: 3rem !important;
    border-radius: var(--border-radius-pill) !important;
  }
  ._rounded-sm-lg {
    border-radius: 0.5rem !important;
    border-radius: var(--border-radius-lg) !important;
  }
  ._rounded-sm-sm {
    border-radius: 0.125rem !important;
    border-radius: var(--border-radius-sm) !important;
  }
  ._rounded-sm-top {
    border-top-left-radius: 0.25rem !important;
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: 0.25rem !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  ._rounded-sm-right {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-right-radius: var(--border-radius) !important;
    border-top-right-radius: 0.25rem !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  ._rounded-sm-bottom {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  ._rounded-sm-left {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-left-radius: var(--border-radius) !important;
    border-top-left-radius: 0.25rem !important;
    border-top-left-radius: var(--border-radius) !important;
  }
}
@media all and (min-width: 768px) {
  ._border-md {
    border: 0.0625rem solid #e6e9ed !important;
    border: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-md-0 {
    border: 0 !important;
  }
  ._border-md-top {
    border-top: 0.0625rem solid #e6e9ed !important;
    border-top: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-md-top-0 {
    border-top: 0 !important;
  }
  ._border-md-right {
    border-right: 0.0625rem solid #e6e9ed !important;
    border-right: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-md-right-0 {
    border-right: 0 !important;
  }
  ._border-md-bottom {
    border-bottom: 0.0625rem solid #e6e9ed !important;
    border-bottom: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-md-bottom-0 {
    border-bottom: 0 !important;
  }
  ._border-md-left {
    border-left: 0.0625rem solid #e6e9ed !important;
    border-left: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-md-left-0 {
    border-left: 0 !important;
  }
  ._rounded-md-0 {
    border-radius: 0 !important;
  }
  ._rounded-md-circle {
    border-radius: 50% !important;
  }
  ._rounded-md-pill {
    border-radius: 3rem !important;
    border-radius: var(--border-radius-pill) !important;
  }
  ._rounded-md-lg {
    border-radius: 0.5rem !important;
    border-radius: var(--border-radius-lg) !important;
  }
  ._rounded-md-sm {
    border-radius: 0.125rem !important;
    border-radius: var(--border-radius-sm) !important;
  }
  ._rounded-md-top {
    border-top-left-radius: 0.25rem !important;
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: 0.25rem !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  ._rounded-md-right {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-right-radius: var(--border-radius) !important;
    border-top-right-radius: 0.25rem !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  ._rounded-md-bottom {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  ._rounded-md-left {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-left-radius: var(--border-radius) !important;
    border-top-left-radius: 0.25rem !important;
    border-top-left-radius: var(--border-radius) !important;
  }
}
@media all and (min-width: 992px) {
  ._border-lg {
    border: 0.0625rem solid #e6e9ed !important;
    border: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-lg-0 {
    border: 0 !important;
  }
  ._border-lg-top {
    border-top: 0.0625rem solid #e6e9ed !important;
    border-top: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-lg-top-0 {
    border-top: 0 !important;
  }
  ._border-lg-right {
    border-right: 0.0625rem solid #e6e9ed !important;
    border-right: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-lg-right-0 {
    border-right: 0 !important;
  }
  ._border-lg-bottom {
    border-bottom: 0.0625rem solid #e6e9ed !important;
    border-bottom: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-lg-bottom-0 {
    border-bottom: 0 !important;
  }
  ._border-lg-left {
    border-left: 0.0625rem solid #e6e9ed !important;
    border-left: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-lg-left-0 {
    border-left: 0 !important;
  }
  ._rounded-lg-0 {
    border-radius: 0 !important;
  }
  ._rounded-lg-circle {
    border-radius: 50% !important;
  }
  ._rounded-lg-pill {
    border-radius: 3rem !important;
    border-radius: var(--border-radius-pill) !important;
  }
  ._rounded-lg-lg {
    border-radius: 0.5rem !important;
    border-radius: var(--border-radius-lg) !important;
  }
  ._rounded-lg-sm {
    border-radius: 0.125rem !important;
    border-radius: var(--border-radius-sm) !important;
  }
  ._rounded-lg-top {
    border-top-left-radius: 0.25rem !important;
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: 0.25rem !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  ._rounded-lg-right {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-right-radius: var(--border-radius) !important;
    border-top-right-radius: 0.25rem !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  ._rounded-lg-bottom {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  ._rounded-lg-left {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-left-radius: var(--border-radius) !important;
    border-top-left-radius: 0.25rem !important;
    border-top-left-radius: var(--border-radius) !important;
  }
}
@media all and (min-width: 1200px) {
  ._border-xl {
    border: 0.0625rem solid #e6e9ed !important;
    border: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-xl-0 {
    border: 0 !important;
  }
  ._border-xl-top {
    border-top: 0.0625rem solid #e6e9ed !important;
    border-top: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-xl-top-0 {
    border-top: 0 !important;
  }
  ._border-xl-right {
    border-right: 0.0625rem solid #e6e9ed !important;
    border-right: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-xl-right-0 {
    border-right: 0 !important;
  }
  ._border-xl-bottom {
    border-bottom: 0.0625rem solid #e6e9ed !important;
    border-bottom: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-xl-bottom-0 {
    border-bottom: 0 !important;
  }
  ._border-xl-left {
    border-left: 0.0625rem solid #e6e9ed !important;
    border-left: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-xl-left-0 {
    border-left: 0 !important;
  }
  ._rounded-xl-0 {
    border-radius: 0 !important;
  }
  ._rounded-xl-circle {
    border-radius: 50% !important;
  }
  ._rounded-xl-pill {
    border-radius: 3rem !important;
    border-radius: var(--border-radius-pill) !important;
  }
  ._rounded-xl-lg {
    border-radius: 0.5rem !important;
    border-radius: var(--border-radius-lg) !important;
  }
  ._rounded-xl-sm {
    border-radius: 0.125rem !important;
    border-radius: var(--border-radius-sm) !important;
  }
  ._rounded-xl-top {
    border-top-left-radius: 0.25rem !important;
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: 0.25rem !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  ._rounded-xl-right {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-right-radius: var(--border-radius) !important;
    border-top-right-radius: 0.25rem !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  ._rounded-xl-bottom {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  ._rounded-xl-left {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-left-radius: var(--border-radius) !important;
    border-top-left-radius: 0.25rem !important;
    border-top-left-radius: var(--border-radius) !important;
  }
}
@media all and (min-width: 1700px) {
  ._border-xxl {
    border: 0.0625rem solid #e6e9ed !important;
    border: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-xxl-0 {
    border: 0 !important;
  }
  ._border-xxl-top {
    border-top: 0.0625rem solid #e6e9ed !important;
    border-top: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-xxl-top-0 {
    border-top: 0 !important;
  }
  ._border-xxl-right {
    border-right: 0.0625rem solid #e6e9ed !important;
    border-right: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-xxl-right-0 {
    border-right: 0 !important;
  }
  ._border-xxl-bottom {
    border-bottom: 0.0625rem solid #e6e9ed !important;
    border-bottom: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-xxl-bottom-0 {
    border-bottom: 0 !important;
  }
  ._border-xxl-left {
    border-left: 0.0625rem solid #e6e9ed !important;
    border-left: var(--component-border-width) solid var(--component-border-color) !important;
  }
  ._border-xxl-left-0 {
    border-left: 0 !important;
  }
  ._rounded-xxl-0 {
    border-radius: 0 !important;
  }
  ._rounded-xxl-circle {
    border-radius: 50% !important;
  }
  ._rounded-xxl-pill {
    border-radius: 3rem !important;
    border-radius: var(--border-radius-pill) !important;
  }
  ._rounded-xxl-lg {
    border-radius: 0.5rem !important;
    border-radius: var(--border-radius-lg) !important;
  }
  ._rounded-xxl-sm {
    border-radius: 0.125rem !important;
    border-radius: var(--border-radius-sm) !important;
  }
  ._rounded-xxl-top {
    border-top-left-radius: 0.25rem !important;
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: 0.25rem !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  ._rounded-xxl-right {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-right-radius: var(--border-radius) !important;
    border-top-right-radius: 0.25rem !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  ._rounded-xxl-bottom {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  ._rounded-xxl-left {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-left-radius: var(--border-radius) !important;
    border-top-left-radius: 0.25rem !important;
    border-top-left-radius: var(--border-radius) !important;
  }
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/utilities/display/display.css ***!
  \*****************************************************************************************************************************************************************/
._d-none {
  display: none !important;
}

._d-inline {
  display: inline !important;
}

._d-inline-block {
  display: inline-block !important;
}

._d-block {
  display: block !important;
}

._d-table {
  display: table !important;
}

._d-table-row {
  display: table-row !important;
}

._d-table-cell {
  display: table-cell !important;
}

._d-flex {
  display: flex !important;
}

._d-inline-flex {
  display: inline-flex !important;
}

@media print {
  ._d-print-none {
    display: none !important;
  }
  ._d-print-inline {
    display: inline !important;
  }
  ._d-print-inline-block {
    display: inline-block !important;
  }
  ._d-print-block {
    display: block !important;
  }
  ._d-print-table {
    display: table !important;
  }
  ._d-print-table-row {
    display: table-row !important;
  }
  ._d-print-table-cell {
    display: table-cell !important;
  }
  ._d-print-flex {
    display: flex !important;
  }
  ._d-print-inline-flex {
    display: inline-flex !important;
  }
}
@media all and (min-width: 576px) {
  ._d-sm-none {
    display: none !important;
  }
  ._d-sm-inline {
    display: inline !important;
  }
  ._d-sm-inline-block {
    display: inline-block !important;
  }
  ._d-sm-block {
    display: block !important;
  }
  ._d-sm-table {
    display: table !important;
  }
  ._d-sm-table-row {
    display: table-row !important;
  }
  ._d-sm-table-cell {
    display: table-cell !important;
  }
  ._d-sm-flex {
    display: flex !important;
  }
  ._d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media all and (min-width: 768px) {
  ._d-md-none {
    display: none !important;
  }
  ._d-md-inline {
    display: inline !important;
  }
  ._d-md-inline-block {
    display: inline-block !important;
  }
  ._d-md-block {
    display: block !important;
  }
  ._d-md-table {
    display: table !important;
  }
  ._d-md-table-row {
    display: table-row !important;
  }
  ._d-md-table-cell {
    display: table-cell !important;
  }
  ._d-md-flex {
    display: flex !important;
  }
  ._d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media all and (min-width: 992px) {
  ._d-lg-none {
    display: none !important;
  }
  ._d-lg-inline {
    display: inline !important;
  }
  ._d-lg-inline-block {
    display: inline-block !important;
  }
  ._d-lg-block {
    display: block !important;
  }
  ._d-lg-table {
    display: table !important;
  }
  ._d-lg-table-row {
    display: table-row !important;
  }
  ._d-lg-table-cell {
    display: table-cell !important;
  }
  ._d-lg-flex {
    display: flex !important;
  }
  ._d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media all and (min-width: 1200px) {
  ._d-xl-none {
    display: none !important;
  }
  ._d-xl-inline {
    display: inline !important;
  }
  ._d-xl-inline-block {
    display: inline-block !important;
  }
  ._d-xl-block {
    display: block !important;
  }
  ._d-xl-table {
    display: table !important;
  }
  ._d-xl-table-row {
    display: table-row !important;
  }
  ._d-xl-table-cell {
    display: table-cell !important;
  }
  ._d-xl-flex {
    display: flex !important;
  }
  ._d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media all and (min-width: 1700px) {
  ._d-xxl-none {
    display: none !important;
  }
  ._d-xxl-inline {
    display: inline !important;
  }
  ._d-xxl-inline-block {
    display: inline-block !important;
  }
  ._d-xxl-block {
    display: block !important;
  }
  ._d-xxl-table {
    display: table !important;
  }
  ._d-xxl-table-row {
    display: table-row !important;
  }
  ._d-xxl-table-cell {
    display: table-cell !important;
  }
  ._d-xxl-flex {
    display: flex !important;
  }
  ._d-xxl-inline-flex {
    display: inline-flex !important;
  }
}
/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/utilities/overflow/overflow.css ***!
  \*******************************************************************************************************************************************************************/
._overflow-visible {
  overflow: visible !important;
}

._overflow-hidden {
  overflow: hidden !important;
}

._overflow-scroll {
  overflow: scroll !important;
}

._overflow-auto {
  overflow: auto !important;
}

._overflow-x-visible {
  overflow-x: visible !important;
}

._overflow-x-hidden {
  overflow-x: hidden !important;
}

._overflow-x-scroll {
  overflow-x: scroll !important;
}

._overflow-x-auto {
  overflow-x: auto !important;
}

._overflow-y-visible {
  overflow-y: visible !important;
}

._overflow-y-hidden {
  overflow-y: hidden !important;
}

._overflow-y-scroll {
  overflow-y: scroll !important;
}

._overflow-y-auto {
  overflow-y: auto !important;
}

@media all and (min-width: 576px) {
  ._overflow-sm-visible {
    overflow: visible !important;
  }
  ._overflow-sm-hidden {
    overflow: hidden !important;
  }
  ._overflow-sm-scroll {
    overflow: scroll !important;
  }
  ._overflow-sm-auto {
    overflow: auto !important;
  }
  ._overflow-x-sm-visible {
    overflow-x: visible !important;
  }
  ._overflow-x-sm-hidden {
    overflow-x: hidden !important;
  }
  ._overflow-x-sm-scroll {
    overflow-x: scroll !important;
  }
  ._overflow-x-sm-auto {
    overflow-x: auto !important;
  }
  ._overflow-y-sm-visible {
    overflow-y: visible !important;
  }
  ._overflow-y-sm-hidden {
    overflow-y: hidden !important;
  }
  ._overflow-y-sm-scroll {
    overflow-y: scroll !important;
  }
  ._overflow-y-sm-auto {
    overflow-y: auto !important;
  }
}
@media all and (min-width: 768px) {
  ._overflow-md-visible {
    overflow: visible !important;
  }
  ._overflow-md-hidden {
    overflow: hidden !important;
  }
  ._overflow-md-scroll {
    overflow: scroll !important;
  }
  ._overflow-md-auto {
    overflow: auto !important;
  }
  ._overflow-x-md-visible {
    overflow-x: visible !important;
  }
  ._overflow-x-md-hidden {
    overflow-x: hidden !important;
  }
  ._overflow-x-md-scroll {
    overflow-x: scroll !important;
  }
  ._overflow-x-md-auto {
    overflow-x: auto !important;
  }
  ._overflow-y-md-visible {
    overflow-y: visible !important;
  }
  ._overflow-y-md-hidden {
    overflow-y: hidden !important;
  }
  ._overflow-y-md-scroll {
    overflow-y: scroll !important;
  }
  ._overflow-y-md-auto {
    overflow-y: auto !important;
  }
}
@media all and (min-width: 992px) {
  ._overflow-lg-visible {
    overflow: visible !important;
  }
  ._overflow-lg-hidden {
    overflow: hidden !important;
  }
  ._overflow-lg-scroll {
    overflow: scroll !important;
  }
  ._overflow-lg-auto {
    overflow: auto !important;
  }
  ._overflow-x-lg-visible {
    overflow-x: visible !important;
  }
  ._overflow-x-lg-hidden {
    overflow-x: hidden !important;
  }
  ._overflow-x-lg-scroll {
    overflow-x: scroll !important;
  }
  ._overflow-x-lg-auto {
    overflow-x: auto !important;
  }
  ._overflow-y-lg-visible {
    overflow-y: visible !important;
  }
  ._overflow-y-lg-hidden {
    overflow-y: hidden !important;
  }
  ._overflow-y-lg-scroll {
    overflow-y: scroll !important;
  }
  ._overflow-y-lg-auto {
    overflow-y: auto !important;
  }
}
@media all and (min-width: 1200px) {
  ._overflow-xl-visible {
    overflow: visible !important;
  }
  ._overflow-xl-hidden {
    overflow: hidden !important;
  }
  ._overflow-xl-scroll {
    overflow: scroll !important;
  }
  ._overflow-xl-auto {
    overflow: auto !important;
  }
  ._overflow-x-xl-visible {
    overflow-x: visible !important;
  }
  ._overflow-x-xl-hidden {
    overflow-x: hidden !important;
  }
  ._overflow-x-xl-scroll {
    overflow-x: scroll !important;
  }
  ._overflow-x-xl-auto {
    overflow-x: auto !important;
  }
  ._overflow-y-xl-visible {
    overflow-y: visible !important;
  }
  ._overflow-y-xl-hidden {
    overflow-y: hidden !important;
  }
  ._overflow-y-xl-scroll {
    overflow-y: scroll !important;
  }
  ._overflow-y-xl-auto {
    overflow-y: auto !important;
  }
}
@media all and (min-width: 1700px) {
  ._overflow-xxl-visible {
    overflow: visible !important;
  }
  ._overflow-xxl-hidden {
    overflow: hidden !important;
  }
  ._overflow-xxl-scroll {
    overflow: scroll !important;
  }
  ._overflow-xxl-auto {
    overflow: auto !important;
  }
  ._overflow-x-xxl-visible {
    overflow-x: visible !important;
  }
  ._overflow-x-xxl-hidden {
    overflow-x: hidden !important;
  }
  ._overflow-x-xxl-scroll {
    overflow-x: scroll !important;
  }
  ._overflow-x-xxl-auto {
    overflow-x: auto !important;
  }
  ._overflow-y-xxl-visible {
    overflow-y: visible !important;
  }
  ._overflow-y-xxl-hidden {
    overflow-y: hidden !important;
  }
  ._overflow-y-xxl-scroll {
    overflow-y: scroll !important;
  }
  ._overflow-y-xxl-auto {
    overflow-y: auto !important;
  }
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/utilities/spacing/spacing.css ***!
  \*****************************************************************************************************************************************************************/
._m-0 {
  margin: 0 !important;
}

._mt-0, ._my-0 {
  margin-top: 0 !important;
}

._mr-0, ._mx-0 {
  margin-right: 0 !important;
}

._mb-0, ._my-0 {
  margin-bottom: 0 !important;
}

._ml-0, ._mx-0 {
  margin-left: 0 !important;
}

._m-1 {
  margin: 0.25rem !important;
  margin: var(--spacer-1) !important;
}

._mt-1, ._my-1 {
  margin-top: 0.25rem !important;
  margin-top: var(--spacer-1) !important;
}

._mr-1, ._mx-1 {
  margin-right: 0.25rem !important;
  margin-right: var(--spacer-1) !important;
}

._mb-1, ._my-1 {
  margin-bottom: 0.25rem !important;
  margin-bottom: var(--spacer-1) !important;
}

._ml-1, ._mx-1 {
  margin-left: 0.25rem !important;
  margin-left: var(--spacer-1) !important;
}

._m-2 {
  margin: 0.5rem !important;
  margin: var(--spacer-2) !important;
}

._mt-2, ._my-2 {
  margin-top: 0.5rem !important;
  margin-top: var(--spacer-2) !important;
}

._mr-2, ._mx-2 {
  margin-right: 0.5rem !important;
  margin-right: var(--spacer-2) !important;
}

._mb-2, ._my-2 {
  margin-bottom: 0.5rem !important;
  margin-bottom: var(--spacer-2) !important;
}

._ml-2, ._mx-2 {
  margin-left: 0.5rem !important;
  margin-left: var(--spacer-2) !important;
}

._m-3 {
  margin: 0.75rem !important;
  margin: var(--spacer-3) !important;
}

._mt-3, ._my-3 {
  margin-top: 0.75rem !important;
  margin-top: var(--spacer-3) !important;
}

._mr-3, ._mx-3 {
  margin-right: 0.75rem !important;
  margin-right: var(--spacer-3) !important;
}

._mb-3, ._my-3 {
  margin-bottom: 0.75rem !important;
  margin-bottom: var(--spacer-3) !important;
}

._ml-3, ._mx-3 {
  margin-left: 0.75rem !important;
  margin-left: var(--spacer-3) !important;
}

._m-4 {
  margin: 1rem !important;
  margin: var(--spacer-4) !important;
}

._mt-4, ._my-4 {
  margin-top: 1rem !important;
  margin-top: var(--spacer-4) !important;
}

._mr-4, ._mx-4 {
  margin-right: 1rem !important;
  margin-right: var(--spacer-4) !important;
}

._mb-4, ._my-4 {
  margin-bottom: 1rem !important;
  margin-bottom: var(--spacer-4) !important;
}

._ml-4, ._mx-4 {
  margin-left: 1rem !important;
  margin-left: var(--spacer-4) !important;
}

._m-5 {
  margin: 1.5rem !important;
  margin: var(--spacer-5) !important;
}

._mt-5, ._my-5 {
  margin-top: 1.5rem !important;
  margin-top: var(--spacer-5) !important;
}

._mr-5, ._mx-5 {
  margin-right: 1.5rem !important;
  margin-right: var(--spacer-5) !important;
}

._mb-5, ._my-5 {
  margin-bottom: 1.5rem !important;
  margin-bottom: var(--spacer-5) !important;
}

._ml-5, ._mx-5 {
  margin-left: 1.5rem !important;
  margin-left: var(--spacer-5) !important;
}

._m-6 {
  margin: 2rem !important;
  margin: var(--spacer-6) !important;
}

._mt-6, ._my-6 {
  margin-top: 2rem !important;
  margin-top: var(--spacer-6) !important;
}

._mr-6, ._mx-6 {
  margin-right: 2rem !important;
  margin-right: var(--spacer-6) !important;
}

._mb-6, ._my-6 {
  margin-bottom: 2rem !important;
  margin-bottom: var(--spacer-6) !important;
}

._ml-6, ._mx-6 {
  margin-left: 2rem !important;
  margin-left: var(--spacer-6) !important;
}

._m-7 {
  margin: 2.5rem !important;
  margin: var(--spacer-7) !important;
}

._mt-7, ._my-7 {
  margin-top: 2.5rem !important;
  margin-top: var(--spacer-7) !important;
}

._mr-7, ._mx-7 {
  margin-right: 2.5rem !important;
  margin-right: var(--spacer-7) !important;
}

._mb-7, ._my-7 {
  margin-bottom: 2.5rem !important;
  margin-bottom: var(--spacer-7) !important;
}

._ml-7, ._mx-7 {
  margin-left: 2.5rem !important;
  margin-left: var(--spacer-7) !important;
}

._m-8 {
  margin: 3rem !important;
  margin: var(--spacer-8) !important;
}

._mt-8, ._my-8 {
  margin-top: 3rem !important;
  margin-top: var(--spacer-8) !important;
}

._mr-8, ._mx-8 {
  margin-right: 3rem !important;
  margin-right: var(--spacer-8) !important;
}

._mb-8, ._my-8 {
  margin-bottom: 3rem !important;
  margin-bottom: var(--spacer-8) !important;
}

._ml-8, ._mx-8 {
  margin-left: 3rem !important;
  margin-left: var(--spacer-8) !important;
}

._m-9 {
  margin: 3.5rem !important;
  margin: var(--spacer-9) !important;
}

._mt-9, ._my-9 {
  margin-top: 3.5rem !important;
  margin-top: var(--spacer-9) !important;
}

._mr-9, ._mx-9 {
  margin-right: 3.5rem !important;
  margin-right: var(--spacer-9) !important;
}

._mb-9, ._my-9 {
  margin-bottom: 3.5rem !important;
  margin-bottom: var(--spacer-9) !important;
}

._ml-9, ._mx-9 {
  margin-left: 3.5rem !important;
  margin-left: var(--spacer-9) !important;
}

._m-10 {
  margin: 4rem !important;
  margin: var(--spacer-10) !important;
}

._mt-10, ._my-10 {
  margin-top: 4rem !important;
  margin-top: var(--spacer-10) !important;
}

._mr-10, ._mx-10 {
  margin-right: 4rem !important;
  margin-right: var(--spacer-10) !important;
}

._mb-10, ._my-10 {
  margin-bottom: 4rem !important;
  margin-bottom: var(--spacer-10) !important;
}

._ml-10, ._mx-10 {
  margin-left: 4rem !important;
  margin-left: var(--spacer-10) !important;
}

._m-11 {
  margin: 4.5rem !important;
  margin: var(--spacer-11) !important;
}

._mt-11, ._my-11 {
  margin-top: 4.5rem !important;
  margin-top: var(--spacer-11) !important;
}

._mr-11, ._mx-11 {
  margin-right: 4.5rem !important;
  margin-right: var(--spacer-11) !important;
}

._mb-11, ._my-11 {
  margin-bottom: 4.5rem !important;
  margin-bottom: var(--spacer-11) !important;
}

._ml-11, ._mx-11 {
  margin-left: 4.5rem !important;
  margin-left: var(--spacer-11) !important;
}

._m-12 {
  margin: 5rem !important;
  margin: var(--spacer-12) !important;
}

._mt-12, ._my-12 {
  margin-top: 5rem !important;
  margin-top: var(--spacer-12) !important;
}

._mr-12, ._mx-12 {
  margin-right: 5rem !important;
  margin-right: var(--spacer-12) !important;
}

._mb-12, ._my-12 {
  margin-bottom: 5rem !important;
  margin-bottom: var(--spacer-12) !important;
}

._ml-12, ._mx-12 {
  margin-left: 5rem !important;
  margin-left: var(--spacer-12) !important;
}

._p-0 {
  padding: 0 !important;
}

._pt-0, ._py-0 {
  padding-top: 0 !important;
}

._pr-0, ._px-0 {
  padding-right: 0 !important;
}

._pb-0, ._py-0 {
  padding-bottom: 0 !important;
}

._pl-0, ._px-0 {
  padding-left: 0 !important;
}

._p-1 {
  padding: 0.25rem !important;
  padding: var(--spacer-1) !important;
}

._pt-1, ._py-1 {
  padding-top: 0.25rem !important;
  padding-top: var(--spacer-1) !important;
}

._pr-1, ._px-1 {
  padding-right: 0.25rem !important;
  padding-right: var(--spacer-1) !important;
}

._pb-1, ._py-1 {
  padding-bottom: 0.25rem !important;
  padding-bottom: var(--spacer-1) !important;
}

._pl-1, ._px-1 {
  padding-left: 0.25rem !important;
  padding-left: var(--spacer-1) !important;
}

._p-2 {
  padding: 0.5rem !important;
  padding: var(--spacer-2) !important;
}

._pt-2, ._py-2 {
  padding-top: 0.5rem !important;
  padding-top: var(--spacer-2) !important;
}

._pr-2, ._px-2 {
  padding-right: 0.5rem !important;
  padding-right: var(--spacer-2) !important;
}

._pb-2, ._py-2 {
  padding-bottom: 0.5rem !important;
  padding-bottom: var(--spacer-2) !important;
}

._pl-2, ._px-2 {
  padding-left: 0.5rem !important;
  padding-left: var(--spacer-2) !important;
}

._p-3 {
  padding: 0.75rem !important;
  padding: var(--spacer-3) !important;
}

._pt-3, ._py-3 {
  padding-top: 0.75rem !important;
  padding-top: var(--spacer-3) !important;
}

._pr-3, ._px-3 {
  padding-right: 0.75rem !important;
  padding-right: var(--spacer-3) !important;
}

._pb-3, ._py-3 {
  padding-bottom: 0.75rem !important;
  padding-bottom: var(--spacer-3) !important;
}

._pl-3, ._px-3 {
  padding-left: 0.75rem !important;
  padding-left: var(--spacer-3) !important;
}

._p-4 {
  padding: 1rem !important;
  padding: var(--spacer-4) !important;
}

._pt-4, ._py-4 {
  padding-top: 1rem !important;
  padding-top: var(--spacer-4) !important;
}

._pr-4, ._px-4 {
  padding-right: 1rem !important;
  padding-right: var(--spacer-4) !important;
}

._pb-4, ._py-4 {
  padding-bottom: 1rem !important;
  padding-bottom: var(--spacer-4) !important;
}

._pl-4, ._px-4 {
  padding-left: 1rem !important;
  padding-left: var(--spacer-4) !important;
}

._p-5 {
  padding: 1.5rem !important;
  padding: var(--spacer-5) !important;
}

._pt-5, ._py-5 {
  padding-top: 1.5rem !important;
  padding-top: var(--spacer-5) !important;
}

._pr-5, ._px-5 {
  padding-right: 1.5rem !important;
  padding-right: var(--spacer-5) !important;
}

._pb-5, ._py-5 {
  padding-bottom: 1.5rem !important;
  padding-bottom: var(--spacer-5) !important;
}

._pl-5, ._px-5 {
  padding-left: 1.5rem !important;
  padding-left: var(--spacer-5) !important;
}

._p-6 {
  padding: 2rem !important;
  padding: var(--spacer-6) !important;
}

._pt-6, ._py-6 {
  padding-top: 2rem !important;
  padding-top: var(--spacer-6) !important;
}

._pr-6, ._px-6 {
  padding-right: 2rem !important;
  padding-right: var(--spacer-6) !important;
}

._pb-6, ._py-6 {
  padding-bottom: 2rem !important;
  padding-bottom: var(--spacer-6) !important;
}

._pl-6, ._px-6 {
  padding-left: 2rem !important;
  padding-left: var(--spacer-6) !important;
}

._p-7 {
  padding: 2.5rem !important;
  padding: var(--spacer-7) !important;
}

._pt-7, ._py-7 {
  padding-top: 2.5rem !important;
  padding-top: var(--spacer-7) !important;
}

._pr-7, ._px-7 {
  padding-right: 2.5rem !important;
  padding-right: var(--spacer-7) !important;
}

._pb-7, ._py-7 {
  padding-bottom: 2.5rem !important;
  padding-bottom: var(--spacer-7) !important;
}

._pl-7, ._px-7 {
  padding-left: 2.5rem !important;
  padding-left: var(--spacer-7) !important;
}

._p-8 {
  padding: 3rem !important;
  padding: var(--spacer-8) !important;
}

._pt-8, ._py-8 {
  padding-top: 3rem !important;
  padding-top: var(--spacer-8) !important;
}

._pr-8, ._px-8 {
  padding-right: 3rem !important;
  padding-right: var(--spacer-8) !important;
}

._pb-8, ._py-8 {
  padding-bottom: 3rem !important;
  padding-bottom: var(--spacer-8) !important;
}

._pl-8, ._px-8 {
  padding-left: 3rem !important;
  padding-left: var(--spacer-8) !important;
}

._p-9 {
  padding: 3.5rem !important;
  padding: var(--spacer-9) !important;
}

._pt-9, ._py-9 {
  padding-top: 3.5rem !important;
  padding-top: var(--spacer-9) !important;
}

._pr-9, ._px-9 {
  padding-right: 3.5rem !important;
  padding-right: var(--spacer-9) !important;
}

._pb-9, ._py-9 {
  padding-bottom: 3.5rem !important;
  padding-bottom: var(--spacer-9) !important;
}

._pl-9, ._px-9 {
  padding-left: 3.5rem !important;
  padding-left: var(--spacer-9) !important;
}

._p-10 {
  padding: 4rem !important;
  padding: var(--spacer-10) !important;
}

._pt-10, ._py-10 {
  padding-top: 4rem !important;
  padding-top: var(--spacer-10) !important;
}

._pr-10, ._px-10 {
  padding-right: 4rem !important;
  padding-right: var(--spacer-10) !important;
}

._pb-10, ._py-10 {
  padding-bottom: 4rem !important;
  padding-bottom: var(--spacer-10) !important;
}

._pl-10, ._px-10 {
  padding-left: 4rem !important;
  padding-left: var(--spacer-10) !important;
}

._p-11 {
  padding: 4.5rem !important;
  padding: var(--spacer-11) !important;
}

._pt-11, ._py-11 {
  padding-top: 4.5rem !important;
  padding-top: var(--spacer-11) !important;
}

._pr-11, ._px-11 {
  padding-right: 4.5rem !important;
  padding-right: var(--spacer-11) !important;
}

._pb-11, ._py-11 {
  padding-bottom: 4.5rem !important;
  padding-bottom: var(--spacer-11) !important;
}

._pl-11, ._px-11 {
  padding-left: 4.5rem !important;
  padding-left: var(--spacer-11) !important;
}

._p-12 {
  padding: 5rem !important;
  padding: var(--spacer-12) !important;
}

._pt-12, ._py-12 {
  padding-top: 5rem !important;
  padding-top: var(--spacer-12) !important;
}

._pr-12, ._px-12 {
  padding-right: 5rem !important;
  padding-right: var(--spacer-12) !important;
}

._pb-12, ._py-12 {
  padding-bottom: 5rem !important;
  padding-bottom: var(--spacer-12) !important;
}

._pl-12, ._px-12 {
  padding-left: 5rem !important;
  padding-left: var(--spacer-12) !important;
}

._m-auto {
  margin: auto !important;
}

._mt-auto, ._my-auto {
  margin-top: auto !important;
}

._mr-auto, ._mx-auto {
  margin-right: auto !important;
}

._mb-auto, ._my-auto {
  margin-bottom: auto !important;
}

._ml-auto, ._mx-auto {
  margin-left: auto !important;
}

@media all and (min-width: 576px) {
  ._m-sm-0 {
    margin: 0 !important;
  }
  ._mt-sm-0, ._my-sm-0 {
    margin-top: 0 !important;
  }
  ._mr-sm-0, ._mx-sm-0 {
    margin-right: 0 !important;
  }
  ._mb-sm-0, ._my-sm-0 {
    margin-bottom: 0 !important;
  }
  ._ml-sm-0, ._mx-sm-0 {
    margin-left: 0 !important;
  }
  ._m-sm-1 {
    margin: 0.25rem !important;
    margin: var(--spacer-1) !important;
  }
  ._mt-sm-1, ._my-sm-1 {
    margin-top: 0.25rem !important;
    margin-top: var(--spacer-1) !important;
  }
  ._mr-sm-1, ._mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-right: var(--spacer-1) !important;
  }
  ._mb-sm-1, ._my-sm-1 {
    margin-bottom: 0.25rem !important;
    margin-bottom: var(--spacer-1) !important;
  }
  ._ml-sm-1, ._mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-left: var(--spacer-1) !important;
  }
  ._m-sm-2 {
    margin: 0.5rem !important;
    margin: var(--spacer-2) !important;
  }
  ._mt-sm-2, ._my-sm-2 {
    margin-top: 0.5rem !important;
    margin-top: var(--spacer-2) !important;
  }
  ._mr-sm-2, ._mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-right: var(--spacer-2) !important;
  }
  ._mb-sm-2, ._my-sm-2 {
    margin-bottom: 0.5rem !important;
    margin-bottom: var(--spacer-2) !important;
  }
  ._ml-sm-2, ._mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-left: var(--spacer-2) !important;
  }
  ._m-sm-3 {
    margin: 0.75rem !important;
    margin: var(--spacer-3) !important;
  }
  ._mt-sm-3, ._my-sm-3 {
    margin-top: 0.75rem !important;
    margin-top: var(--spacer-3) !important;
  }
  ._mr-sm-3, ._mx-sm-3 {
    margin-right: 0.75rem !important;
    margin-right: var(--spacer-3) !important;
  }
  ._mb-sm-3, ._my-sm-3 {
    margin-bottom: 0.75rem !important;
    margin-bottom: var(--spacer-3) !important;
  }
  ._ml-sm-3, ._mx-sm-3 {
    margin-left: 0.75rem !important;
    margin-left: var(--spacer-3) !important;
  }
  ._m-sm-4 {
    margin: 1rem !important;
    margin: var(--spacer-4) !important;
  }
  ._mt-sm-4, ._my-sm-4 {
    margin-top: 1rem !important;
    margin-top: var(--spacer-4) !important;
  }
  ._mr-sm-4, ._mx-sm-4 {
    margin-right: 1rem !important;
    margin-right: var(--spacer-4) !important;
  }
  ._mb-sm-4, ._my-sm-4 {
    margin-bottom: 1rem !important;
    margin-bottom: var(--spacer-4) !important;
  }
  ._ml-sm-4, ._mx-sm-4 {
    margin-left: 1rem !important;
    margin-left: var(--spacer-4) !important;
  }
  ._m-sm-5 {
    margin: 1.5rem !important;
    margin: var(--spacer-5) !important;
  }
  ._mt-sm-5, ._my-sm-5 {
    margin-top: 1.5rem !important;
    margin-top: var(--spacer-5) !important;
  }
  ._mr-sm-5, ._mx-sm-5 {
    margin-right: 1.5rem !important;
    margin-right: var(--spacer-5) !important;
  }
  ._mb-sm-5, ._my-sm-5 {
    margin-bottom: 1.5rem !important;
    margin-bottom: var(--spacer-5) !important;
  }
  ._ml-sm-5, ._mx-sm-5 {
    margin-left: 1.5rem !important;
    margin-left: var(--spacer-5) !important;
  }
  ._m-sm-6 {
    margin: 2rem !important;
    margin: var(--spacer-6) !important;
  }
  ._mt-sm-6, ._my-sm-6 {
    margin-top: 2rem !important;
    margin-top: var(--spacer-6) !important;
  }
  ._mr-sm-6, ._mx-sm-6 {
    margin-right: 2rem !important;
    margin-right: var(--spacer-6) !important;
  }
  ._mb-sm-6, ._my-sm-6 {
    margin-bottom: 2rem !important;
    margin-bottom: var(--spacer-6) !important;
  }
  ._ml-sm-6, ._mx-sm-6 {
    margin-left: 2rem !important;
    margin-left: var(--spacer-6) !important;
  }
  ._m-sm-7 {
    margin: 2.5rem !important;
    margin: var(--spacer-7) !important;
  }
  ._mt-sm-7, ._my-sm-7 {
    margin-top: 2.5rem !important;
    margin-top: var(--spacer-7) !important;
  }
  ._mr-sm-7, ._mx-sm-7 {
    margin-right: 2.5rem !important;
    margin-right: var(--spacer-7) !important;
  }
  ._mb-sm-7, ._my-sm-7 {
    margin-bottom: 2.5rem !important;
    margin-bottom: var(--spacer-7) !important;
  }
  ._ml-sm-7, ._mx-sm-7 {
    margin-left: 2.5rem !important;
    margin-left: var(--spacer-7) !important;
  }
  ._m-sm-8 {
    margin: 3rem !important;
    margin: var(--spacer-8) !important;
  }
  ._mt-sm-8, ._my-sm-8 {
    margin-top: 3rem !important;
    margin-top: var(--spacer-8) !important;
  }
  ._mr-sm-8, ._mx-sm-8 {
    margin-right: 3rem !important;
    margin-right: var(--spacer-8) !important;
  }
  ._mb-sm-8, ._my-sm-8 {
    margin-bottom: 3rem !important;
    margin-bottom: var(--spacer-8) !important;
  }
  ._ml-sm-8, ._mx-sm-8 {
    margin-left: 3rem !important;
    margin-left: var(--spacer-8) !important;
  }
  ._m-sm-9 {
    margin: 3.5rem !important;
    margin: var(--spacer-9) !important;
  }
  ._mt-sm-9, ._my-sm-9 {
    margin-top: 3.5rem !important;
    margin-top: var(--spacer-9) !important;
  }
  ._mr-sm-9, ._mx-sm-9 {
    margin-right: 3.5rem !important;
    margin-right: var(--spacer-9) !important;
  }
  ._mb-sm-9, ._my-sm-9 {
    margin-bottom: 3.5rem !important;
    margin-bottom: var(--spacer-9) !important;
  }
  ._ml-sm-9, ._mx-sm-9 {
    margin-left: 3.5rem !important;
    margin-left: var(--spacer-9) !important;
  }
  ._m-sm-10 {
    margin: 4rem !important;
    margin: var(--spacer-10) !important;
  }
  ._mt-sm-10, ._my-sm-10 {
    margin-top: 4rem !important;
    margin-top: var(--spacer-10) !important;
  }
  ._mr-sm-10, ._mx-sm-10 {
    margin-right: 4rem !important;
    margin-right: var(--spacer-10) !important;
  }
  ._mb-sm-10, ._my-sm-10 {
    margin-bottom: 4rem !important;
    margin-bottom: var(--spacer-10) !important;
  }
  ._ml-sm-10, ._mx-sm-10 {
    margin-left: 4rem !important;
    margin-left: var(--spacer-10) !important;
  }
  ._m-sm-11 {
    margin: 4.5rem !important;
    margin: var(--spacer-11) !important;
  }
  ._mt-sm-11, ._my-sm-11 {
    margin-top: 4.5rem !important;
    margin-top: var(--spacer-11) !important;
  }
  ._mr-sm-11, ._mx-sm-11 {
    margin-right: 4.5rem !important;
    margin-right: var(--spacer-11) !important;
  }
  ._mb-sm-11, ._my-sm-11 {
    margin-bottom: 4.5rem !important;
    margin-bottom: var(--spacer-11) !important;
  }
  ._ml-sm-11, ._mx-sm-11 {
    margin-left: 4.5rem !important;
    margin-left: var(--spacer-11) !important;
  }
  ._m-sm-12 {
    margin: 5rem !important;
    margin: var(--spacer-12) !important;
  }
  ._mt-sm-12, ._my-sm-12 {
    margin-top: 5rem !important;
    margin-top: var(--spacer-12) !important;
  }
  ._mr-sm-12, ._mx-sm-12 {
    margin-right: 5rem !important;
    margin-right: var(--spacer-12) !important;
  }
  ._mb-sm-12, ._my-sm-12 {
    margin-bottom: 5rem !important;
    margin-bottom: var(--spacer-12) !important;
  }
  ._ml-sm-12, ._mx-sm-12 {
    margin-left: 5rem !important;
    margin-left: var(--spacer-12) !important;
  }
  ._p-sm-0 {
    padding: 0 !important;
  }
  ._pt-sm-0, ._py-sm-0 {
    padding-top: 0 !important;
  }
  ._pr-sm-0, ._px-sm-0 {
    padding-right: 0 !important;
  }
  ._pb-sm-0, ._py-sm-0 {
    padding-bottom: 0 !important;
  }
  ._pl-sm-0, ._px-sm-0 {
    padding-left: 0 !important;
  }
  ._p-sm-1 {
    padding: 0.25rem !important;
    padding: var(--spacer-1) !important;
  }
  ._pt-sm-1, ._py-sm-1 {
    padding-top: 0.25rem !important;
    padding-top: var(--spacer-1) !important;
  }
  ._pr-sm-1, ._px-sm-1 {
    padding-right: 0.25rem !important;
    padding-right: var(--spacer-1) !important;
  }
  ._pb-sm-1, ._py-sm-1 {
    padding-bottom: 0.25rem !important;
    padding-bottom: var(--spacer-1) !important;
  }
  ._pl-sm-1, ._px-sm-1 {
    padding-left: 0.25rem !important;
    padding-left: var(--spacer-1) !important;
  }
  ._p-sm-2 {
    padding: 0.5rem !important;
    padding: var(--spacer-2) !important;
  }
  ._pt-sm-2, ._py-sm-2 {
    padding-top: 0.5rem !important;
    padding-top: var(--spacer-2) !important;
  }
  ._pr-sm-2, ._px-sm-2 {
    padding-right: 0.5rem !important;
    padding-right: var(--spacer-2) !important;
  }
  ._pb-sm-2, ._py-sm-2 {
    padding-bottom: 0.5rem !important;
    padding-bottom: var(--spacer-2) !important;
  }
  ._pl-sm-2, ._px-sm-2 {
    padding-left: 0.5rem !important;
    padding-left: var(--spacer-2) !important;
  }
  ._p-sm-3 {
    padding: 0.75rem !important;
    padding: var(--spacer-3) !important;
  }
  ._pt-sm-3, ._py-sm-3 {
    padding-top: 0.75rem !important;
    padding-top: var(--spacer-3) !important;
  }
  ._pr-sm-3, ._px-sm-3 {
    padding-right: 0.75rem !important;
    padding-right: var(--spacer-3) !important;
  }
  ._pb-sm-3, ._py-sm-3 {
    padding-bottom: 0.75rem !important;
    padding-bottom: var(--spacer-3) !important;
  }
  ._pl-sm-3, ._px-sm-3 {
    padding-left: 0.75rem !important;
    padding-left: var(--spacer-3) !important;
  }
  ._p-sm-4 {
    padding: 1rem !important;
    padding: var(--spacer-4) !important;
  }
  ._pt-sm-4, ._py-sm-4 {
    padding-top: 1rem !important;
    padding-top: var(--spacer-4) !important;
  }
  ._pr-sm-4, ._px-sm-4 {
    padding-right: 1rem !important;
    padding-right: var(--spacer-4) !important;
  }
  ._pb-sm-4, ._py-sm-4 {
    padding-bottom: 1rem !important;
    padding-bottom: var(--spacer-4) !important;
  }
  ._pl-sm-4, ._px-sm-4 {
    padding-left: 1rem !important;
    padding-left: var(--spacer-4) !important;
  }
  ._p-sm-5 {
    padding: 1.5rem !important;
    padding: var(--spacer-5) !important;
  }
  ._pt-sm-5, ._py-sm-5 {
    padding-top: 1.5rem !important;
    padding-top: var(--spacer-5) !important;
  }
  ._pr-sm-5, ._px-sm-5 {
    padding-right: 1.5rem !important;
    padding-right: var(--spacer-5) !important;
  }
  ._pb-sm-5, ._py-sm-5 {
    padding-bottom: 1.5rem !important;
    padding-bottom: var(--spacer-5) !important;
  }
  ._pl-sm-5, ._px-sm-5 {
    padding-left: 1.5rem !important;
    padding-left: var(--spacer-5) !important;
  }
  ._p-sm-6 {
    padding: 2rem !important;
    padding: var(--spacer-6) !important;
  }
  ._pt-sm-6, ._py-sm-6 {
    padding-top: 2rem !important;
    padding-top: var(--spacer-6) !important;
  }
  ._pr-sm-6, ._px-sm-6 {
    padding-right: 2rem !important;
    padding-right: var(--spacer-6) !important;
  }
  ._pb-sm-6, ._py-sm-6 {
    padding-bottom: 2rem !important;
    padding-bottom: var(--spacer-6) !important;
  }
  ._pl-sm-6, ._px-sm-6 {
    padding-left: 2rem !important;
    padding-left: var(--spacer-6) !important;
  }
  ._p-sm-7 {
    padding: 2.5rem !important;
    padding: var(--spacer-7) !important;
  }
  ._pt-sm-7, ._py-sm-7 {
    padding-top: 2.5rem !important;
    padding-top: var(--spacer-7) !important;
  }
  ._pr-sm-7, ._px-sm-7 {
    padding-right: 2.5rem !important;
    padding-right: var(--spacer-7) !important;
  }
  ._pb-sm-7, ._py-sm-7 {
    padding-bottom: 2.5rem !important;
    padding-bottom: var(--spacer-7) !important;
  }
  ._pl-sm-7, ._px-sm-7 {
    padding-left: 2.5rem !important;
    padding-left: var(--spacer-7) !important;
  }
  ._p-sm-8 {
    padding: 3rem !important;
    padding: var(--spacer-8) !important;
  }
  ._pt-sm-8, ._py-sm-8 {
    padding-top: 3rem !important;
    padding-top: var(--spacer-8) !important;
  }
  ._pr-sm-8, ._px-sm-8 {
    padding-right: 3rem !important;
    padding-right: var(--spacer-8) !important;
  }
  ._pb-sm-8, ._py-sm-8 {
    padding-bottom: 3rem !important;
    padding-bottom: var(--spacer-8) !important;
  }
  ._pl-sm-8, ._px-sm-8 {
    padding-left: 3rem !important;
    padding-left: var(--spacer-8) !important;
  }
  ._p-sm-9 {
    padding: 3.5rem !important;
    padding: var(--spacer-9) !important;
  }
  ._pt-sm-9, ._py-sm-9 {
    padding-top: 3.5rem !important;
    padding-top: var(--spacer-9) !important;
  }
  ._pr-sm-9, ._px-sm-9 {
    padding-right: 3.5rem !important;
    padding-right: var(--spacer-9) !important;
  }
  ._pb-sm-9, ._py-sm-9 {
    padding-bottom: 3.5rem !important;
    padding-bottom: var(--spacer-9) !important;
  }
  ._pl-sm-9, ._px-sm-9 {
    padding-left: 3.5rem !important;
    padding-left: var(--spacer-9) !important;
  }
  ._p-sm-10 {
    padding: 4rem !important;
    padding: var(--spacer-10) !important;
  }
  ._pt-sm-10, ._py-sm-10 {
    padding-top: 4rem !important;
    padding-top: var(--spacer-10) !important;
  }
  ._pr-sm-10, ._px-sm-10 {
    padding-right: 4rem !important;
    padding-right: var(--spacer-10) !important;
  }
  ._pb-sm-10, ._py-sm-10 {
    padding-bottom: 4rem !important;
    padding-bottom: var(--spacer-10) !important;
  }
  ._pl-sm-10, ._px-sm-10 {
    padding-left: 4rem !important;
    padding-left: var(--spacer-10) !important;
  }
  ._p-sm-11 {
    padding: 4.5rem !important;
    padding: var(--spacer-11) !important;
  }
  ._pt-sm-11, ._py-sm-11 {
    padding-top: 4.5rem !important;
    padding-top: var(--spacer-11) !important;
  }
  ._pr-sm-11, ._px-sm-11 {
    padding-right: 4.5rem !important;
    padding-right: var(--spacer-11) !important;
  }
  ._pb-sm-11, ._py-sm-11 {
    padding-bottom: 4.5rem !important;
    padding-bottom: var(--spacer-11) !important;
  }
  ._pl-sm-11, ._px-sm-11 {
    padding-left: 4.5rem !important;
    padding-left: var(--spacer-11) !important;
  }
  ._p-sm-12 {
    padding: 5rem !important;
    padding: var(--spacer-12) !important;
  }
  ._pt-sm-12, ._py-sm-12 {
    padding-top: 5rem !important;
    padding-top: var(--spacer-12) !important;
  }
  ._pr-sm-12, ._px-sm-12 {
    padding-right: 5rem !important;
    padding-right: var(--spacer-12) !important;
  }
  ._pb-sm-12, ._py-sm-12 {
    padding-bottom: 5rem !important;
    padding-bottom: var(--spacer-12) !important;
  }
  ._pl-sm-12, ._px-sm-12 {
    padding-left: 5rem !important;
    padding-left: var(--spacer-12) !important;
  }
  ._m-sm-auto {
    margin: auto !important;
  }
  ._mt-sm-auto, ._my-sm-auto {
    margin-top: auto !important;
  }
  ._mr-sm-auto, ._mx-sm-auto {
    margin-right: auto !important;
  }
  ._mb-sm-auto, ._my-sm-auto {
    margin-bottom: auto !important;
  }
  ._ml-sm-auto, ._mx-sm-auto {
    margin-left: auto !important;
  }
}
@media all and (min-width: 768px) {
  ._m-md-0 {
    margin: 0 !important;
  }
  ._mt-md-0, ._my-md-0 {
    margin-top: 0 !important;
  }
  ._mr-md-0, ._mx-md-0 {
    margin-right: 0 !important;
  }
  ._mb-md-0, ._my-md-0 {
    margin-bottom: 0 !important;
  }
  ._ml-md-0, ._mx-md-0 {
    margin-left: 0 !important;
  }
  ._m-md-1 {
    margin: 0.25rem !important;
    margin: var(--spacer-1) !important;
  }
  ._mt-md-1, ._my-md-1 {
    margin-top: 0.25rem !important;
    margin-top: var(--spacer-1) !important;
  }
  ._mr-md-1, ._mx-md-1 {
    margin-right: 0.25rem !important;
    margin-right: var(--spacer-1) !important;
  }
  ._mb-md-1, ._my-md-1 {
    margin-bottom: 0.25rem !important;
    margin-bottom: var(--spacer-1) !important;
  }
  ._ml-md-1, ._mx-md-1 {
    margin-left: 0.25rem !important;
    margin-left: var(--spacer-1) !important;
  }
  ._m-md-2 {
    margin: 0.5rem !important;
    margin: var(--spacer-2) !important;
  }
  ._mt-md-2, ._my-md-2 {
    margin-top: 0.5rem !important;
    margin-top: var(--spacer-2) !important;
  }
  ._mr-md-2, ._mx-md-2 {
    margin-right: 0.5rem !important;
    margin-right: var(--spacer-2) !important;
  }
  ._mb-md-2, ._my-md-2 {
    margin-bottom: 0.5rem !important;
    margin-bottom: var(--spacer-2) !important;
  }
  ._ml-md-2, ._mx-md-2 {
    margin-left: 0.5rem !important;
    margin-left: var(--spacer-2) !important;
  }
  ._m-md-3 {
    margin: 0.75rem !important;
    margin: var(--spacer-3) !important;
  }
  ._mt-md-3, ._my-md-3 {
    margin-top: 0.75rem !important;
    margin-top: var(--spacer-3) !important;
  }
  ._mr-md-3, ._mx-md-3 {
    margin-right: 0.75rem !important;
    margin-right: var(--spacer-3) !important;
  }
  ._mb-md-3, ._my-md-3 {
    margin-bottom: 0.75rem !important;
    margin-bottom: var(--spacer-3) !important;
  }
  ._ml-md-3, ._mx-md-3 {
    margin-left: 0.75rem !important;
    margin-left: var(--spacer-3) !important;
  }
  ._m-md-4 {
    margin: 1rem !important;
    margin: var(--spacer-4) !important;
  }
  ._mt-md-4, ._my-md-4 {
    margin-top: 1rem !important;
    margin-top: var(--spacer-4) !important;
  }
  ._mr-md-4, ._mx-md-4 {
    margin-right: 1rem !important;
    margin-right: var(--spacer-4) !important;
  }
  ._mb-md-4, ._my-md-4 {
    margin-bottom: 1rem !important;
    margin-bottom: var(--spacer-4) !important;
  }
  ._ml-md-4, ._mx-md-4 {
    margin-left: 1rem !important;
    margin-left: var(--spacer-4) !important;
  }
  ._m-md-5 {
    margin: 1.5rem !important;
    margin: var(--spacer-5) !important;
  }
  ._mt-md-5, ._my-md-5 {
    margin-top: 1.5rem !important;
    margin-top: var(--spacer-5) !important;
  }
  ._mr-md-5, ._mx-md-5 {
    margin-right: 1.5rem !important;
    margin-right: var(--spacer-5) !important;
  }
  ._mb-md-5, ._my-md-5 {
    margin-bottom: 1.5rem !important;
    margin-bottom: var(--spacer-5) !important;
  }
  ._ml-md-5, ._mx-md-5 {
    margin-left: 1.5rem !important;
    margin-left: var(--spacer-5) !important;
  }
  ._m-md-6 {
    margin: 2rem !important;
    margin: var(--spacer-6) !important;
  }
  ._mt-md-6, ._my-md-6 {
    margin-top: 2rem !important;
    margin-top: var(--spacer-6) !important;
  }
  ._mr-md-6, ._mx-md-6 {
    margin-right: 2rem !important;
    margin-right: var(--spacer-6) !important;
  }
  ._mb-md-6, ._my-md-6 {
    margin-bottom: 2rem !important;
    margin-bottom: var(--spacer-6) !important;
  }
  ._ml-md-6, ._mx-md-6 {
    margin-left: 2rem !important;
    margin-left: var(--spacer-6) !important;
  }
  ._m-md-7 {
    margin: 2.5rem !important;
    margin: var(--spacer-7) !important;
  }
  ._mt-md-7, ._my-md-7 {
    margin-top: 2.5rem !important;
    margin-top: var(--spacer-7) !important;
  }
  ._mr-md-7, ._mx-md-7 {
    margin-right: 2.5rem !important;
    margin-right: var(--spacer-7) !important;
  }
  ._mb-md-7, ._my-md-7 {
    margin-bottom: 2.5rem !important;
    margin-bottom: var(--spacer-7) !important;
  }
  ._ml-md-7, ._mx-md-7 {
    margin-left: 2.5rem !important;
    margin-left: var(--spacer-7) !important;
  }
  ._m-md-8 {
    margin: 3rem !important;
    margin: var(--spacer-8) !important;
  }
  ._mt-md-8, ._my-md-8 {
    margin-top: 3rem !important;
    margin-top: var(--spacer-8) !important;
  }
  ._mr-md-8, ._mx-md-8 {
    margin-right: 3rem !important;
    margin-right: var(--spacer-8) !important;
  }
  ._mb-md-8, ._my-md-8 {
    margin-bottom: 3rem !important;
    margin-bottom: var(--spacer-8) !important;
  }
  ._ml-md-8, ._mx-md-8 {
    margin-left: 3rem !important;
    margin-left: var(--spacer-8) !important;
  }
  ._m-md-9 {
    margin: 3.5rem !important;
    margin: var(--spacer-9) !important;
  }
  ._mt-md-9, ._my-md-9 {
    margin-top: 3.5rem !important;
    margin-top: var(--spacer-9) !important;
  }
  ._mr-md-9, ._mx-md-9 {
    margin-right: 3.5rem !important;
    margin-right: var(--spacer-9) !important;
  }
  ._mb-md-9, ._my-md-9 {
    margin-bottom: 3.5rem !important;
    margin-bottom: var(--spacer-9) !important;
  }
  ._ml-md-9, ._mx-md-9 {
    margin-left: 3.5rem !important;
    margin-left: var(--spacer-9) !important;
  }
  ._m-md-10 {
    margin: 4rem !important;
    margin: var(--spacer-10) !important;
  }
  ._mt-md-10, ._my-md-10 {
    margin-top: 4rem !important;
    margin-top: var(--spacer-10) !important;
  }
  ._mr-md-10, ._mx-md-10 {
    margin-right: 4rem !important;
    margin-right: var(--spacer-10) !important;
  }
  ._mb-md-10, ._my-md-10 {
    margin-bottom: 4rem !important;
    margin-bottom: var(--spacer-10) !important;
  }
  ._ml-md-10, ._mx-md-10 {
    margin-left: 4rem !important;
    margin-left: var(--spacer-10) !important;
  }
  ._m-md-11 {
    margin: 4.5rem !important;
    margin: var(--spacer-11) !important;
  }
  ._mt-md-11, ._my-md-11 {
    margin-top: 4.5rem !important;
    margin-top: var(--spacer-11) !important;
  }
  ._mr-md-11, ._mx-md-11 {
    margin-right: 4.5rem !important;
    margin-right: var(--spacer-11) !important;
  }
  ._mb-md-11, ._my-md-11 {
    margin-bottom: 4.5rem !important;
    margin-bottom: var(--spacer-11) !important;
  }
  ._ml-md-11, ._mx-md-11 {
    margin-left: 4.5rem !important;
    margin-left: var(--spacer-11) !important;
  }
  ._m-md-12 {
    margin: 5rem !important;
    margin: var(--spacer-12) !important;
  }
  ._mt-md-12, ._my-md-12 {
    margin-top: 5rem !important;
    margin-top: var(--spacer-12) !important;
  }
  ._mr-md-12, ._mx-md-12 {
    margin-right: 5rem !important;
    margin-right: var(--spacer-12) !important;
  }
  ._mb-md-12, ._my-md-12 {
    margin-bottom: 5rem !important;
    margin-bottom: var(--spacer-12) !important;
  }
  ._ml-md-12, ._mx-md-12 {
    margin-left: 5rem !important;
    margin-left: var(--spacer-12) !important;
  }
  ._p-md-0 {
    padding: 0 !important;
  }
  ._pt-md-0, ._py-md-0 {
    padding-top: 0 !important;
  }
  ._pr-md-0, ._px-md-0 {
    padding-right: 0 !important;
  }
  ._pb-md-0, ._py-md-0 {
    padding-bottom: 0 !important;
  }
  ._pl-md-0, ._px-md-0 {
    padding-left: 0 !important;
  }
  ._p-md-1 {
    padding: 0.25rem !important;
    padding: var(--spacer-1) !important;
  }
  ._pt-md-1, ._py-md-1 {
    padding-top: 0.25rem !important;
    padding-top: var(--spacer-1) !important;
  }
  ._pr-md-1, ._px-md-1 {
    padding-right: 0.25rem !important;
    padding-right: var(--spacer-1) !important;
  }
  ._pb-md-1, ._py-md-1 {
    padding-bottom: 0.25rem !important;
    padding-bottom: var(--spacer-1) !important;
  }
  ._pl-md-1, ._px-md-1 {
    padding-left: 0.25rem !important;
    padding-left: var(--spacer-1) !important;
  }
  ._p-md-2 {
    padding: 0.5rem !important;
    padding: var(--spacer-2) !important;
  }
  ._pt-md-2, ._py-md-2 {
    padding-top: 0.5rem !important;
    padding-top: var(--spacer-2) !important;
  }
  ._pr-md-2, ._px-md-2 {
    padding-right: 0.5rem !important;
    padding-right: var(--spacer-2) !important;
  }
  ._pb-md-2, ._py-md-2 {
    padding-bottom: 0.5rem !important;
    padding-bottom: var(--spacer-2) !important;
  }
  ._pl-md-2, ._px-md-2 {
    padding-left: 0.5rem !important;
    padding-left: var(--spacer-2) !important;
  }
  ._p-md-3 {
    padding: 0.75rem !important;
    padding: var(--spacer-3) !important;
  }
  ._pt-md-3, ._py-md-3 {
    padding-top: 0.75rem !important;
    padding-top: var(--spacer-3) !important;
  }
  ._pr-md-3, ._px-md-3 {
    padding-right: 0.75rem !important;
    padding-right: var(--spacer-3) !important;
  }
  ._pb-md-3, ._py-md-3 {
    padding-bottom: 0.75rem !important;
    padding-bottom: var(--spacer-3) !important;
  }
  ._pl-md-3, ._px-md-3 {
    padding-left: 0.75rem !important;
    padding-left: var(--spacer-3) !important;
  }
  ._p-md-4 {
    padding: 1rem !important;
    padding: var(--spacer-4) !important;
  }
  ._pt-md-4, ._py-md-4 {
    padding-top: 1rem !important;
    padding-top: var(--spacer-4) !important;
  }
  ._pr-md-4, ._px-md-4 {
    padding-right: 1rem !important;
    padding-right: var(--spacer-4) !important;
  }
  ._pb-md-4, ._py-md-4 {
    padding-bottom: 1rem !important;
    padding-bottom: var(--spacer-4) !important;
  }
  ._pl-md-4, ._px-md-4 {
    padding-left: 1rem !important;
    padding-left: var(--spacer-4) !important;
  }
  ._p-md-5 {
    padding: 1.5rem !important;
    padding: var(--spacer-5) !important;
  }
  ._pt-md-5, ._py-md-5 {
    padding-top: 1.5rem !important;
    padding-top: var(--spacer-5) !important;
  }
  ._pr-md-5, ._px-md-5 {
    padding-right: 1.5rem !important;
    padding-right: var(--spacer-5) !important;
  }
  ._pb-md-5, ._py-md-5 {
    padding-bottom: 1.5rem !important;
    padding-bottom: var(--spacer-5) !important;
  }
  ._pl-md-5, ._px-md-5 {
    padding-left: 1.5rem !important;
    padding-left: var(--spacer-5) !important;
  }
  ._p-md-6 {
    padding: 2rem !important;
    padding: var(--spacer-6) !important;
  }
  ._pt-md-6, ._py-md-6 {
    padding-top: 2rem !important;
    padding-top: var(--spacer-6) !important;
  }
  ._pr-md-6, ._px-md-6 {
    padding-right: 2rem !important;
    padding-right: var(--spacer-6) !important;
  }
  ._pb-md-6, ._py-md-6 {
    padding-bottom: 2rem !important;
    padding-bottom: var(--spacer-6) !important;
  }
  ._pl-md-6, ._px-md-6 {
    padding-left: 2rem !important;
    padding-left: var(--spacer-6) !important;
  }
  ._p-md-7 {
    padding: 2.5rem !important;
    padding: var(--spacer-7) !important;
  }
  ._pt-md-7, ._py-md-7 {
    padding-top: 2.5rem !important;
    padding-top: var(--spacer-7) !important;
  }
  ._pr-md-7, ._px-md-7 {
    padding-right: 2.5rem !important;
    padding-right: var(--spacer-7) !important;
  }
  ._pb-md-7, ._py-md-7 {
    padding-bottom: 2.5rem !important;
    padding-bottom: var(--spacer-7) !important;
  }
  ._pl-md-7, ._px-md-7 {
    padding-left: 2.5rem !important;
    padding-left: var(--spacer-7) !important;
  }
  ._p-md-8 {
    padding: 3rem !important;
    padding: var(--spacer-8) !important;
  }
  ._pt-md-8, ._py-md-8 {
    padding-top: 3rem !important;
    padding-top: var(--spacer-8) !important;
  }
  ._pr-md-8, ._px-md-8 {
    padding-right: 3rem !important;
    padding-right: var(--spacer-8) !important;
  }
  ._pb-md-8, ._py-md-8 {
    padding-bottom: 3rem !important;
    padding-bottom: var(--spacer-8) !important;
  }
  ._pl-md-8, ._px-md-8 {
    padding-left: 3rem !important;
    padding-left: var(--spacer-8) !important;
  }
  ._p-md-9 {
    padding: 3.5rem !important;
    padding: var(--spacer-9) !important;
  }
  ._pt-md-9, ._py-md-9 {
    padding-top: 3.5rem !important;
    padding-top: var(--spacer-9) !important;
  }
  ._pr-md-9, ._px-md-9 {
    padding-right: 3.5rem !important;
    padding-right: var(--spacer-9) !important;
  }
  ._pb-md-9, ._py-md-9 {
    padding-bottom: 3.5rem !important;
    padding-bottom: var(--spacer-9) !important;
  }
  ._pl-md-9, ._px-md-9 {
    padding-left: 3.5rem !important;
    padding-left: var(--spacer-9) !important;
  }
  ._p-md-10 {
    padding: 4rem !important;
    padding: var(--spacer-10) !important;
  }
  ._pt-md-10, ._py-md-10 {
    padding-top: 4rem !important;
    padding-top: var(--spacer-10) !important;
  }
  ._pr-md-10, ._px-md-10 {
    padding-right: 4rem !important;
    padding-right: var(--spacer-10) !important;
  }
  ._pb-md-10, ._py-md-10 {
    padding-bottom: 4rem !important;
    padding-bottom: var(--spacer-10) !important;
  }
  ._pl-md-10, ._px-md-10 {
    padding-left: 4rem !important;
    padding-left: var(--spacer-10) !important;
  }
  ._p-md-11 {
    padding: 4.5rem !important;
    padding: var(--spacer-11) !important;
  }
  ._pt-md-11, ._py-md-11 {
    padding-top: 4.5rem !important;
    padding-top: var(--spacer-11) !important;
  }
  ._pr-md-11, ._px-md-11 {
    padding-right: 4.5rem !important;
    padding-right: var(--spacer-11) !important;
  }
  ._pb-md-11, ._py-md-11 {
    padding-bottom: 4.5rem !important;
    padding-bottom: var(--spacer-11) !important;
  }
  ._pl-md-11, ._px-md-11 {
    padding-left: 4.5rem !important;
    padding-left: var(--spacer-11) !important;
  }
  ._p-md-12 {
    padding: 5rem !important;
    padding: var(--spacer-12) !important;
  }
  ._pt-md-12, ._py-md-12 {
    padding-top: 5rem !important;
    padding-top: var(--spacer-12) !important;
  }
  ._pr-md-12, ._px-md-12 {
    padding-right: 5rem !important;
    padding-right: var(--spacer-12) !important;
  }
  ._pb-md-12, ._py-md-12 {
    padding-bottom: 5rem !important;
    padding-bottom: var(--spacer-12) !important;
  }
  ._pl-md-12, ._px-md-12 {
    padding-left: 5rem !important;
    padding-left: var(--spacer-12) !important;
  }
  ._m-md-auto {
    margin: auto !important;
  }
  ._mt-md-auto, ._my-md-auto {
    margin-top: auto !important;
  }
  ._mr-md-auto, ._mx-md-auto {
    margin-right: auto !important;
  }
  ._mb-md-auto, ._my-md-auto {
    margin-bottom: auto !important;
  }
  ._ml-md-auto, ._mx-md-auto {
    margin-left: auto !important;
  }
}
@media all and (min-width: 992px) {
  ._m-lg-0 {
    margin: 0 !important;
  }
  ._mt-lg-0, ._my-lg-0 {
    margin-top: 0 !important;
  }
  ._mr-lg-0, ._mx-lg-0 {
    margin-right: 0 !important;
  }
  ._mb-lg-0, ._my-lg-0 {
    margin-bottom: 0 !important;
  }
  ._ml-lg-0, ._mx-lg-0 {
    margin-left: 0 !important;
  }
  ._m-lg-1 {
    margin: 0.25rem !important;
    margin: var(--spacer-1) !important;
  }
  ._mt-lg-1, ._my-lg-1 {
    margin-top: 0.25rem !important;
    margin-top: var(--spacer-1) !important;
  }
  ._mr-lg-1, ._mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-right: var(--spacer-1) !important;
  }
  ._mb-lg-1, ._my-lg-1 {
    margin-bottom: 0.25rem !important;
    margin-bottom: var(--spacer-1) !important;
  }
  ._ml-lg-1, ._mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-left: var(--spacer-1) !important;
  }
  ._m-lg-2 {
    margin: 0.5rem !important;
    margin: var(--spacer-2) !important;
  }
  ._mt-lg-2, ._my-lg-2 {
    margin-top: 0.5rem !important;
    margin-top: var(--spacer-2) !important;
  }
  ._mr-lg-2, ._mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-right: var(--spacer-2) !important;
  }
  ._mb-lg-2, ._my-lg-2 {
    margin-bottom: 0.5rem !important;
    margin-bottom: var(--spacer-2) !important;
  }
  ._ml-lg-2, ._mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-left: var(--spacer-2) !important;
  }
  ._m-lg-3 {
    margin: 0.75rem !important;
    margin: var(--spacer-3) !important;
  }
  ._mt-lg-3, ._my-lg-3 {
    margin-top: 0.75rem !important;
    margin-top: var(--spacer-3) !important;
  }
  ._mr-lg-3, ._mx-lg-3 {
    margin-right: 0.75rem !important;
    margin-right: var(--spacer-3) !important;
  }
  ._mb-lg-3, ._my-lg-3 {
    margin-bottom: 0.75rem !important;
    margin-bottom: var(--spacer-3) !important;
  }
  ._ml-lg-3, ._mx-lg-3 {
    margin-left: 0.75rem !important;
    margin-left: var(--spacer-3) !important;
  }
  ._m-lg-4 {
    margin: 1rem !important;
    margin: var(--spacer-4) !important;
  }
  ._mt-lg-4, ._my-lg-4 {
    margin-top: 1rem !important;
    margin-top: var(--spacer-4) !important;
  }
  ._mr-lg-4, ._mx-lg-4 {
    margin-right: 1rem !important;
    margin-right: var(--spacer-4) !important;
  }
  ._mb-lg-4, ._my-lg-4 {
    margin-bottom: 1rem !important;
    margin-bottom: var(--spacer-4) !important;
  }
  ._ml-lg-4, ._mx-lg-4 {
    margin-left: 1rem !important;
    margin-left: var(--spacer-4) !important;
  }
  ._m-lg-5 {
    margin: 1.5rem !important;
    margin: var(--spacer-5) !important;
  }
  ._mt-lg-5, ._my-lg-5 {
    margin-top: 1.5rem !important;
    margin-top: var(--spacer-5) !important;
  }
  ._mr-lg-5, ._mx-lg-5 {
    margin-right: 1.5rem !important;
    margin-right: var(--spacer-5) !important;
  }
  ._mb-lg-5, ._my-lg-5 {
    margin-bottom: 1.5rem !important;
    margin-bottom: var(--spacer-5) !important;
  }
  ._ml-lg-5, ._mx-lg-5 {
    margin-left: 1.5rem !important;
    margin-left: var(--spacer-5) !important;
  }
  ._m-lg-6 {
    margin: 2rem !important;
    margin: var(--spacer-6) !important;
  }
  ._mt-lg-6, ._my-lg-6 {
    margin-top: 2rem !important;
    margin-top: var(--spacer-6) !important;
  }
  ._mr-lg-6, ._mx-lg-6 {
    margin-right: 2rem !important;
    margin-right: var(--spacer-6) !important;
  }
  ._mb-lg-6, ._my-lg-6 {
    margin-bottom: 2rem !important;
    margin-bottom: var(--spacer-6) !important;
  }
  ._ml-lg-6, ._mx-lg-6 {
    margin-left: 2rem !important;
    margin-left: var(--spacer-6) !important;
  }
  ._m-lg-7 {
    margin: 2.5rem !important;
    margin: var(--spacer-7) !important;
  }
  ._mt-lg-7, ._my-lg-7 {
    margin-top: 2.5rem !important;
    margin-top: var(--spacer-7) !important;
  }
  ._mr-lg-7, ._mx-lg-7 {
    margin-right: 2.5rem !important;
    margin-right: var(--spacer-7) !important;
  }
  ._mb-lg-7, ._my-lg-7 {
    margin-bottom: 2.5rem !important;
    margin-bottom: var(--spacer-7) !important;
  }
  ._ml-lg-7, ._mx-lg-7 {
    margin-left: 2.5rem !important;
    margin-left: var(--spacer-7) !important;
  }
  ._m-lg-8 {
    margin: 3rem !important;
    margin: var(--spacer-8) !important;
  }
  ._mt-lg-8, ._my-lg-8 {
    margin-top: 3rem !important;
    margin-top: var(--spacer-8) !important;
  }
  ._mr-lg-8, ._mx-lg-8 {
    margin-right: 3rem !important;
    margin-right: var(--spacer-8) !important;
  }
  ._mb-lg-8, ._my-lg-8 {
    margin-bottom: 3rem !important;
    margin-bottom: var(--spacer-8) !important;
  }
  ._ml-lg-8, ._mx-lg-8 {
    margin-left: 3rem !important;
    margin-left: var(--spacer-8) !important;
  }
  ._m-lg-9 {
    margin: 3.5rem !important;
    margin: var(--spacer-9) !important;
  }
  ._mt-lg-9, ._my-lg-9 {
    margin-top: 3.5rem !important;
    margin-top: var(--spacer-9) !important;
  }
  ._mr-lg-9, ._mx-lg-9 {
    margin-right: 3.5rem !important;
    margin-right: var(--spacer-9) !important;
  }
  ._mb-lg-9, ._my-lg-9 {
    margin-bottom: 3.5rem !important;
    margin-bottom: var(--spacer-9) !important;
  }
  ._ml-lg-9, ._mx-lg-9 {
    margin-left: 3.5rem !important;
    margin-left: var(--spacer-9) !important;
  }
  ._m-lg-10 {
    margin: 4rem !important;
    margin: var(--spacer-10) !important;
  }
  ._mt-lg-10, ._my-lg-10 {
    margin-top: 4rem !important;
    margin-top: var(--spacer-10) !important;
  }
  ._mr-lg-10, ._mx-lg-10 {
    margin-right: 4rem !important;
    margin-right: var(--spacer-10) !important;
  }
  ._mb-lg-10, ._my-lg-10 {
    margin-bottom: 4rem !important;
    margin-bottom: var(--spacer-10) !important;
  }
  ._ml-lg-10, ._mx-lg-10 {
    margin-left: 4rem !important;
    margin-left: var(--spacer-10) !important;
  }
  ._m-lg-11 {
    margin: 4.5rem !important;
    margin: var(--spacer-11) !important;
  }
  ._mt-lg-11, ._my-lg-11 {
    margin-top: 4.5rem !important;
    margin-top: var(--spacer-11) !important;
  }
  ._mr-lg-11, ._mx-lg-11 {
    margin-right: 4.5rem !important;
    margin-right: var(--spacer-11) !important;
  }
  ._mb-lg-11, ._my-lg-11 {
    margin-bottom: 4.5rem !important;
    margin-bottom: var(--spacer-11) !important;
  }
  ._ml-lg-11, ._mx-lg-11 {
    margin-left: 4.5rem !important;
    margin-left: var(--spacer-11) !important;
  }
  ._m-lg-12 {
    margin: 5rem !important;
    margin: var(--spacer-12) !important;
  }
  ._mt-lg-12, ._my-lg-12 {
    margin-top: 5rem !important;
    margin-top: var(--spacer-12) !important;
  }
  ._mr-lg-12, ._mx-lg-12 {
    margin-right: 5rem !important;
    margin-right: var(--spacer-12) !important;
  }
  ._mb-lg-12, ._my-lg-12 {
    margin-bottom: 5rem !important;
    margin-bottom: var(--spacer-12) !important;
  }
  ._ml-lg-12, ._mx-lg-12 {
    margin-left: 5rem !important;
    margin-left: var(--spacer-12) !important;
  }
  ._p-lg-0 {
    padding: 0 !important;
  }
  ._pt-lg-0, ._py-lg-0 {
    padding-top: 0 !important;
  }
  ._pr-lg-0, ._px-lg-0 {
    padding-right: 0 !important;
  }
  ._pb-lg-0, ._py-lg-0 {
    padding-bottom: 0 !important;
  }
  ._pl-lg-0, ._px-lg-0 {
    padding-left: 0 !important;
  }
  ._p-lg-1 {
    padding: 0.25rem !important;
    padding: var(--spacer-1) !important;
  }
  ._pt-lg-1, ._py-lg-1 {
    padding-top: 0.25rem !important;
    padding-top: var(--spacer-1) !important;
  }
  ._pr-lg-1, ._px-lg-1 {
    padding-right: 0.25rem !important;
    padding-right: var(--spacer-1) !important;
  }
  ._pb-lg-1, ._py-lg-1 {
    padding-bottom: 0.25rem !important;
    padding-bottom: var(--spacer-1) !important;
  }
  ._pl-lg-1, ._px-lg-1 {
    padding-left: 0.25rem !important;
    padding-left: var(--spacer-1) !important;
  }
  ._p-lg-2 {
    padding: 0.5rem !important;
    padding: var(--spacer-2) !important;
  }
  ._pt-lg-2, ._py-lg-2 {
    padding-top: 0.5rem !important;
    padding-top: var(--spacer-2) !important;
  }
  ._pr-lg-2, ._px-lg-2 {
    padding-right: 0.5rem !important;
    padding-right: var(--spacer-2) !important;
  }
  ._pb-lg-2, ._py-lg-2 {
    padding-bottom: 0.5rem !important;
    padding-bottom: var(--spacer-2) !important;
  }
  ._pl-lg-2, ._px-lg-2 {
    padding-left: 0.5rem !important;
    padding-left: var(--spacer-2) !important;
  }
  ._p-lg-3 {
    padding: 0.75rem !important;
    padding: var(--spacer-3) !important;
  }
  ._pt-lg-3, ._py-lg-3 {
    padding-top: 0.75rem !important;
    padding-top: var(--spacer-3) !important;
  }
  ._pr-lg-3, ._px-lg-3 {
    padding-right: 0.75rem !important;
    padding-right: var(--spacer-3) !important;
  }
  ._pb-lg-3, ._py-lg-3 {
    padding-bottom: 0.75rem !important;
    padding-bottom: var(--spacer-3) !important;
  }
  ._pl-lg-3, ._px-lg-3 {
    padding-left: 0.75rem !important;
    padding-left: var(--spacer-3) !important;
  }
  ._p-lg-4 {
    padding: 1rem !important;
    padding: var(--spacer-4) !important;
  }
  ._pt-lg-4, ._py-lg-4 {
    padding-top: 1rem !important;
    padding-top: var(--spacer-4) !important;
  }
  ._pr-lg-4, ._px-lg-4 {
    padding-right: 1rem !important;
    padding-right: var(--spacer-4) !important;
  }
  ._pb-lg-4, ._py-lg-4 {
    padding-bottom: 1rem !important;
    padding-bottom: var(--spacer-4) !important;
  }
  ._pl-lg-4, ._px-lg-4 {
    padding-left: 1rem !important;
    padding-left: var(--spacer-4) !important;
  }
  ._p-lg-5 {
    padding: 1.5rem !important;
    padding: var(--spacer-5) !important;
  }
  ._pt-lg-5, ._py-lg-5 {
    padding-top: 1.5rem !important;
    padding-top: var(--spacer-5) !important;
  }
  ._pr-lg-5, ._px-lg-5 {
    padding-right: 1.5rem !important;
    padding-right: var(--spacer-5) !important;
  }
  ._pb-lg-5, ._py-lg-5 {
    padding-bottom: 1.5rem !important;
    padding-bottom: var(--spacer-5) !important;
  }
  ._pl-lg-5, ._px-lg-5 {
    padding-left: 1.5rem !important;
    padding-left: var(--spacer-5) !important;
  }
  ._p-lg-6 {
    padding: 2rem !important;
    padding: var(--spacer-6) !important;
  }
  ._pt-lg-6, ._py-lg-6 {
    padding-top: 2rem !important;
    padding-top: var(--spacer-6) !important;
  }
  ._pr-lg-6, ._px-lg-6 {
    padding-right: 2rem !important;
    padding-right: var(--spacer-6) !important;
  }
  ._pb-lg-6, ._py-lg-6 {
    padding-bottom: 2rem !important;
    padding-bottom: var(--spacer-6) !important;
  }
  ._pl-lg-6, ._px-lg-6 {
    padding-left: 2rem !important;
    padding-left: var(--spacer-6) !important;
  }
  ._p-lg-7 {
    padding: 2.5rem !important;
    padding: var(--spacer-7) !important;
  }
  ._pt-lg-7, ._py-lg-7 {
    padding-top: 2.5rem !important;
    padding-top: var(--spacer-7) !important;
  }
  ._pr-lg-7, ._px-lg-7 {
    padding-right: 2.5rem !important;
    padding-right: var(--spacer-7) !important;
  }
  ._pb-lg-7, ._py-lg-7 {
    padding-bottom: 2.5rem !important;
    padding-bottom: var(--spacer-7) !important;
  }
  ._pl-lg-7, ._px-lg-7 {
    padding-left: 2.5rem !important;
    padding-left: var(--spacer-7) !important;
  }
  ._p-lg-8 {
    padding: 3rem !important;
    padding: var(--spacer-8) !important;
  }
  ._pt-lg-8, ._py-lg-8 {
    padding-top: 3rem !important;
    padding-top: var(--spacer-8) !important;
  }
  ._pr-lg-8, ._px-lg-8 {
    padding-right: 3rem !important;
    padding-right: var(--spacer-8) !important;
  }
  ._pb-lg-8, ._py-lg-8 {
    padding-bottom: 3rem !important;
    padding-bottom: var(--spacer-8) !important;
  }
  ._pl-lg-8, ._px-lg-8 {
    padding-left: 3rem !important;
    padding-left: var(--spacer-8) !important;
  }
  ._p-lg-9 {
    padding: 3.5rem !important;
    padding: var(--spacer-9) !important;
  }
  ._pt-lg-9, ._py-lg-9 {
    padding-top: 3.5rem !important;
    padding-top: var(--spacer-9) !important;
  }
  ._pr-lg-9, ._px-lg-9 {
    padding-right: 3.5rem !important;
    padding-right: var(--spacer-9) !important;
  }
  ._pb-lg-9, ._py-lg-9 {
    padding-bottom: 3.5rem !important;
    padding-bottom: var(--spacer-9) !important;
  }
  ._pl-lg-9, ._px-lg-9 {
    padding-left: 3.5rem !important;
    padding-left: var(--spacer-9) !important;
  }
  ._p-lg-10 {
    padding: 4rem !important;
    padding: var(--spacer-10) !important;
  }
  ._pt-lg-10, ._py-lg-10 {
    padding-top: 4rem !important;
    padding-top: var(--spacer-10) !important;
  }
  ._pr-lg-10, ._px-lg-10 {
    padding-right: 4rem !important;
    padding-right: var(--spacer-10) !important;
  }
  ._pb-lg-10, ._py-lg-10 {
    padding-bottom: 4rem !important;
    padding-bottom: var(--spacer-10) !important;
  }
  ._pl-lg-10, ._px-lg-10 {
    padding-left: 4rem !important;
    padding-left: var(--spacer-10) !important;
  }
  ._p-lg-11 {
    padding: 4.5rem !important;
    padding: var(--spacer-11) !important;
  }
  ._pt-lg-11, ._py-lg-11 {
    padding-top: 4.5rem !important;
    padding-top: var(--spacer-11) !important;
  }
  ._pr-lg-11, ._px-lg-11 {
    padding-right: 4.5rem !important;
    padding-right: var(--spacer-11) !important;
  }
  ._pb-lg-11, ._py-lg-11 {
    padding-bottom: 4.5rem !important;
    padding-bottom: var(--spacer-11) !important;
  }
  ._pl-lg-11, ._px-lg-11 {
    padding-left: 4.5rem !important;
    padding-left: var(--spacer-11) !important;
  }
  ._p-lg-12 {
    padding: 5rem !important;
    padding: var(--spacer-12) !important;
  }
  ._pt-lg-12, ._py-lg-12 {
    padding-top: 5rem !important;
    padding-top: var(--spacer-12) !important;
  }
  ._pr-lg-12, ._px-lg-12 {
    padding-right: 5rem !important;
    padding-right: var(--spacer-12) !important;
  }
  ._pb-lg-12, ._py-lg-12 {
    padding-bottom: 5rem !important;
    padding-bottom: var(--spacer-12) !important;
  }
  ._pl-lg-12, ._px-lg-12 {
    padding-left: 5rem !important;
    padding-left: var(--spacer-12) !important;
  }
  ._m-lg-auto {
    margin: auto !important;
  }
  ._mt-lg-auto, ._my-lg-auto {
    margin-top: auto !important;
  }
  ._mr-lg-auto, ._mx-lg-auto {
    margin-right: auto !important;
  }
  ._mb-lg-auto, ._my-lg-auto {
    margin-bottom: auto !important;
  }
  ._ml-lg-auto, ._mx-lg-auto {
    margin-left: auto !important;
  }
}
@media all and (min-width: 1200px) {
  ._m-xl-0 {
    margin: 0 !important;
  }
  ._mt-xl-0, ._my-xl-0 {
    margin-top: 0 !important;
  }
  ._mr-xl-0, ._mx-xl-0 {
    margin-right: 0 !important;
  }
  ._mb-xl-0, ._my-xl-0 {
    margin-bottom: 0 !important;
  }
  ._ml-xl-0, ._mx-xl-0 {
    margin-left: 0 !important;
  }
  ._m-xl-1 {
    margin: 0.25rem !important;
    margin: var(--spacer-1) !important;
  }
  ._mt-xl-1, ._my-xl-1 {
    margin-top: 0.25rem !important;
    margin-top: var(--spacer-1) !important;
  }
  ._mr-xl-1, ._mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-right: var(--spacer-1) !important;
  }
  ._mb-xl-1, ._my-xl-1 {
    margin-bottom: 0.25rem !important;
    margin-bottom: var(--spacer-1) !important;
  }
  ._ml-xl-1, ._mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-left: var(--spacer-1) !important;
  }
  ._m-xl-2 {
    margin: 0.5rem !important;
    margin: var(--spacer-2) !important;
  }
  ._mt-xl-2, ._my-xl-2 {
    margin-top: 0.5rem !important;
    margin-top: var(--spacer-2) !important;
  }
  ._mr-xl-2, ._mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-right: var(--spacer-2) !important;
  }
  ._mb-xl-2, ._my-xl-2 {
    margin-bottom: 0.5rem !important;
    margin-bottom: var(--spacer-2) !important;
  }
  ._ml-xl-2, ._mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-left: var(--spacer-2) !important;
  }
  ._m-xl-3 {
    margin: 0.75rem !important;
    margin: var(--spacer-3) !important;
  }
  ._mt-xl-3, ._my-xl-3 {
    margin-top: 0.75rem !important;
    margin-top: var(--spacer-3) !important;
  }
  ._mr-xl-3, ._mx-xl-3 {
    margin-right: 0.75rem !important;
    margin-right: var(--spacer-3) !important;
  }
  ._mb-xl-3, ._my-xl-3 {
    margin-bottom: 0.75rem !important;
    margin-bottom: var(--spacer-3) !important;
  }
  ._ml-xl-3, ._mx-xl-3 {
    margin-left: 0.75rem !important;
    margin-left: var(--spacer-3) !important;
  }
  ._m-xl-4 {
    margin: 1rem !important;
    margin: var(--spacer-4) !important;
  }
  ._mt-xl-4, ._my-xl-4 {
    margin-top: 1rem !important;
    margin-top: var(--spacer-4) !important;
  }
  ._mr-xl-4, ._mx-xl-4 {
    margin-right: 1rem !important;
    margin-right: var(--spacer-4) !important;
  }
  ._mb-xl-4, ._my-xl-4 {
    margin-bottom: 1rem !important;
    margin-bottom: var(--spacer-4) !important;
  }
  ._ml-xl-4, ._mx-xl-4 {
    margin-left: 1rem !important;
    margin-left: var(--spacer-4) !important;
  }
  ._m-xl-5 {
    margin: 1.5rem !important;
    margin: var(--spacer-5) !important;
  }
  ._mt-xl-5, ._my-xl-5 {
    margin-top: 1.5rem !important;
    margin-top: var(--spacer-5) !important;
  }
  ._mr-xl-5, ._mx-xl-5 {
    margin-right: 1.5rem !important;
    margin-right: var(--spacer-5) !important;
  }
  ._mb-xl-5, ._my-xl-5 {
    margin-bottom: 1.5rem !important;
    margin-bottom: var(--spacer-5) !important;
  }
  ._ml-xl-5, ._mx-xl-5 {
    margin-left: 1.5rem !important;
    margin-left: var(--spacer-5) !important;
  }
  ._m-xl-6 {
    margin: 2rem !important;
    margin: var(--spacer-6) !important;
  }
  ._mt-xl-6, ._my-xl-6 {
    margin-top: 2rem !important;
    margin-top: var(--spacer-6) !important;
  }
  ._mr-xl-6, ._mx-xl-6 {
    margin-right: 2rem !important;
    margin-right: var(--spacer-6) !important;
  }
  ._mb-xl-6, ._my-xl-6 {
    margin-bottom: 2rem !important;
    margin-bottom: var(--spacer-6) !important;
  }
  ._ml-xl-6, ._mx-xl-6 {
    margin-left: 2rem !important;
    margin-left: var(--spacer-6) !important;
  }
  ._m-xl-7 {
    margin: 2.5rem !important;
    margin: var(--spacer-7) !important;
  }
  ._mt-xl-7, ._my-xl-7 {
    margin-top: 2.5rem !important;
    margin-top: var(--spacer-7) !important;
  }
  ._mr-xl-7, ._mx-xl-7 {
    margin-right: 2.5rem !important;
    margin-right: var(--spacer-7) !important;
  }
  ._mb-xl-7, ._my-xl-7 {
    margin-bottom: 2.5rem !important;
    margin-bottom: var(--spacer-7) !important;
  }
  ._ml-xl-7, ._mx-xl-7 {
    margin-left: 2.5rem !important;
    margin-left: var(--spacer-7) !important;
  }
  ._m-xl-8 {
    margin: 3rem !important;
    margin: var(--spacer-8) !important;
  }
  ._mt-xl-8, ._my-xl-8 {
    margin-top: 3rem !important;
    margin-top: var(--spacer-8) !important;
  }
  ._mr-xl-8, ._mx-xl-8 {
    margin-right: 3rem !important;
    margin-right: var(--spacer-8) !important;
  }
  ._mb-xl-8, ._my-xl-8 {
    margin-bottom: 3rem !important;
    margin-bottom: var(--spacer-8) !important;
  }
  ._ml-xl-8, ._mx-xl-8 {
    margin-left: 3rem !important;
    margin-left: var(--spacer-8) !important;
  }
  ._m-xl-9 {
    margin: 3.5rem !important;
    margin: var(--spacer-9) !important;
  }
  ._mt-xl-9, ._my-xl-9 {
    margin-top: 3.5rem !important;
    margin-top: var(--spacer-9) !important;
  }
  ._mr-xl-9, ._mx-xl-9 {
    margin-right: 3.5rem !important;
    margin-right: var(--spacer-9) !important;
  }
  ._mb-xl-9, ._my-xl-9 {
    margin-bottom: 3.5rem !important;
    margin-bottom: var(--spacer-9) !important;
  }
  ._ml-xl-9, ._mx-xl-9 {
    margin-left: 3.5rem !important;
    margin-left: var(--spacer-9) !important;
  }
  ._m-xl-10 {
    margin: 4rem !important;
    margin: var(--spacer-10) !important;
  }
  ._mt-xl-10, ._my-xl-10 {
    margin-top: 4rem !important;
    margin-top: var(--spacer-10) !important;
  }
  ._mr-xl-10, ._mx-xl-10 {
    margin-right: 4rem !important;
    margin-right: var(--spacer-10) !important;
  }
  ._mb-xl-10, ._my-xl-10 {
    margin-bottom: 4rem !important;
    margin-bottom: var(--spacer-10) !important;
  }
  ._ml-xl-10, ._mx-xl-10 {
    margin-left: 4rem !important;
    margin-left: var(--spacer-10) !important;
  }
  ._m-xl-11 {
    margin: 4.5rem !important;
    margin: var(--spacer-11) !important;
  }
  ._mt-xl-11, ._my-xl-11 {
    margin-top: 4.5rem !important;
    margin-top: var(--spacer-11) !important;
  }
  ._mr-xl-11, ._mx-xl-11 {
    margin-right: 4.5rem !important;
    margin-right: var(--spacer-11) !important;
  }
  ._mb-xl-11, ._my-xl-11 {
    margin-bottom: 4.5rem !important;
    margin-bottom: var(--spacer-11) !important;
  }
  ._ml-xl-11, ._mx-xl-11 {
    margin-left: 4.5rem !important;
    margin-left: var(--spacer-11) !important;
  }
  ._m-xl-12 {
    margin: 5rem !important;
    margin: var(--spacer-12) !important;
  }
  ._mt-xl-12, ._my-xl-12 {
    margin-top: 5rem !important;
    margin-top: var(--spacer-12) !important;
  }
  ._mr-xl-12, ._mx-xl-12 {
    margin-right: 5rem !important;
    margin-right: var(--spacer-12) !important;
  }
  ._mb-xl-12, ._my-xl-12 {
    margin-bottom: 5rem !important;
    margin-bottom: var(--spacer-12) !important;
  }
  ._ml-xl-12, ._mx-xl-12 {
    margin-left: 5rem !important;
    margin-left: var(--spacer-12) !important;
  }
  ._p-xl-0 {
    padding: 0 !important;
  }
  ._pt-xl-0, ._py-xl-0 {
    padding-top: 0 !important;
  }
  ._pr-xl-0, ._px-xl-0 {
    padding-right: 0 !important;
  }
  ._pb-xl-0, ._py-xl-0 {
    padding-bottom: 0 !important;
  }
  ._pl-xl-0, ._px-xl-0 {
    padding-left: 0 !important;
  }
  ._p-xl-1 {
    padding: 0.25rem !important;
    padding: var(--spacer-1) !important;
  }
  ._pt-xl-1, ._py-xl-1 {
    padding-top: 0.25rem !important;
    padding-top: var(--spacer-1) !important;
  }
  ._pr-xl-1, ._px-xl-1 {
    padding-right: 0.25rem !important;
    padding-right: var(--spacer-1) !important;
  }
  ._pb-xl-1, ._py-xl-1 {
    padding-bottom: 0.25rem !important;
    padding-bottom: var(--spacer-1) !important;
  }
  ._pl-xl-1, ._px-xl-1 {
    padding-left: 0.25rem !important;
    padding-left: var(--spacer-1) !important;
  }
  ._p-xl-2 {
    padding: 0.5rem !important;
    padding: var(--spacer-2) !important;
  }
  ._pt-xl-2, ._py-xl-2 {
    padding-top: 0.5rem !important;
    padding-top: var(--spacer-2) !important;
  }
  ._pr-xl-2, ._px-xl-2 {
    padding-right: 0.5rem !important;
    padding-right: var(--spacer-2) !important;
  }
  ._pb-xl-2, ._py-xl-2 {
    padding-bottom: 0.5rem !important;
    padding-bottom: var(--spacer-2) !important;
  }
  ._pl-xl-2, ._px-xl-2 {
    padding-left: 0.5rem !important;
    padding-left: var(--spacer-2) !important;
  }
  ._p-xl-3 {
    padding: 0.75rem !important;
    padding: var(--spacer-3) !important;
  }
  ._pt-xl-3, ._py-xl-3 {
    padding-top: 0.75rem !important;
    padding-top: var(--spacer-3) !important;
  }
  ._pr-xl-3, ._px-xl-3 {
    padding-right: 0.75rem !important;
    padding-right: var(--spacer-3) !important;
  }
  ._pb-xl-3, ._py-xl-3 {
    padding-bottom: 0.75rem !important;
    padding-bottom: var(--spacer-3) !important;
  }
  ._pl-xl-3, ._px-xl-3 {
    padding-left: 0.75rem !important;
    padding-left: var(--spacer-3) !important;
  }
  ._p-xl-4 {
    padding: 1rem !important;
    padding: var(--spacer-4) !important;
  }
  ._pt-xl-4, ._py-xl-4 {
    padding-top: 1rem !important;
    padding-top: var(--spacer-4) !important;
  }
  ._pr-xl-4, ._px-xl-4 {
    padding-right: 1rem !important;
    padding-right: var(--spacer-4) !important;
  }
  ._pb-xl-4, ._py-xl-4 {
    padding-bottom: 1rem !important;
    padding-bottom: var(--spacer-4) !important;
  }
  ._pl-xl-4, ._px-xl-4 {
    padding-left: 1rem !important;
    padding-left: var(--spacer-4) !important;
  }
  ._p-xl-5 {
    padding: 1.5rem !important;
    padding: var(--spacer-5) !important;
  }
  ._pt-xl-5, ._py-xl-5 {
    padding-top: 1.5rem !important;
    padding-top: var(--spacer-5) !important;
  }
  ._pr-xl-5, ._px-xl-5 {
    padding-right: 1.5rem !important;
    padding-right: var(--spacer-5) !important;
  }
  ._pb-xl-5, ._py-xl-5 {
    padding-bottom: 1.5rem !important;
    padding-bottom: var(--spacer-5) !important;
  }
  ._pl-xl-5, ._px-xl-5 {
    padding-left: 1.5rem !important;
    padding-left: var(--spacer-5) !important;
  }
  ._p-xl-6 {
    padding: 2rem !important;
    padding: var(--spacer-6) !important;
  }
  ._pt-xl-6, ._py-xl-6 {
    padding-top: 2rem !important;
    padding-top: var(--spacer-6) !important;
  }
  ._pr-xl-6, ._px-xl-6 {
    padding-right: 2rem !important;
    padding-right: var(--spacer-6) !important;
  }
  ._pb-xl-6, ._py-xl-6 {
    padding-bottom: 2rem !important;
    padding-bottom: var(--spacer-6) !important;
  }
  ._pl-xl-6, ._px-xl-6 {
    padding-left: 2rem !important;
    padding-left: var(--spacer-6) !important;
  }
  ._p-xl-7 {
    padding: 2.5rem !important;
    padding: var(--spacer-7) !important;
  }
  ._pt-xl-7, ._py-xl-7 {
    padding-top: 2.5rem !important;
    padding-top: var(--spacer-7) !important;
  }
  ._pr-xl-7, ._px-xl-7 {
    padding-right: 2.5rem !important;
    padding-right: var(--spacer-7) !important;
  }
  ._pb-xl-7, ._py-xl-7 {
    padding-bottom: 2.5rem !important;
    padding-bottom: var(--spacer-7) !important;
  }
  ._pl-xl-7, ._px-xl-7 {
    padding-left: 2.5rem !important;
    padding-left: var(--spacer-7) !important;
  }
  ._p-xl-8 {
    padding: 3rem !important;
    padding: var(--spacer-8) !important;
  }
  ._pt-xl-8, ._py-xl-8 {
    padding-top: 3rem !important;
    padding-top: var(--spacer-8) !important;
  }
  ._pr-xl-8, ._px-xl-8 {
    padding-right: 3rem !important;
    padding-right: var(--spacer-8) !important;
  }
  ._pb-xl-8, ._py-xl-8 {
    padding-bottom: 3rem !important;
    padding-bottom: var(--spacer-8) !important;
  }
  ._pl-xl-8, ._px-xl-8 {
    padding-left: 3rem !important;
    padding-left: var(--spacer-8) !important;
  }
  ._p-xl-9 {
    padding: 3.5rem !important;
    padding: var(--spacer-9) !important;
  }
  ._pt-xl-9, ._py-xl-9 {
    padding-top: 3.5rem !important;
    padding-top: var(--spacer-9) !important;
  }
  ._pr-xl-9, ._px-xl-9 {
    padding-right: 3.5rem !important;
    padding-right: var(--spacer-9) !important;
  }
  ._pb-xl-9, ._py-xl-9 {
    padding-bottom: 3.5rem !important;
    padding-bottom: var(--spacer-9) !important;
  }
  ._pl-xl-9, ._px-xl-9 {
    padding-left: 3.5rem !important;
    padding-left: var(--spacer-9) !important;
  }
  ._p-xl-10 {
    padding: 4rem !important;
    padding: var(--spacer-10) !important;
  }
  ._pt-xl-10, ._py-xl-10 {
    padding-top: 4rem !important;
    padding-top: var(--spacer-10) !important;
  }
  ._pr-xl-10, ._px-xl-10 {
    padding-right: 4rem !important;
    padding-right: var(--spacer-10) !important;
  }
  ._pb-xl-10, ._py-xl-10 {
    padding-bottom: 4rem !important;
    padding-bottom: var(--spacer-10) !important;
  }
  ._pl-xl-10, ._px-xl-10 {
    padding-left: 4rem !important;
    padding-left: var(--spacer-10) !important;
  }
  ._p-xl-11 {
    padding: 4.5rem !important;
    padding: var(--spacer-11) !important;
  }
  ._pt-xl-11, ._py-xl-11 {
    padding-top: 4.5rem !important;
    padding-top: var(--spacer-11) !important;
  }
  ._pr-xl-11, ._px-xl-11 {
    padding-right: 4.5rem !important;
    padding-right: var(--spacer-11) !important;
  }
  ._pb-xl-11, ._py-xl-11 {
    padding-bottom: 4.5rem !important;
    padding-bottom: var(--spacer-11) !important;
  }
  ._pl-xl-11, ._px-xl-11 {
    padding-left: 4.5rem !important;
    padding-left: var(--spacer-11) !important;
  }
  ._p-xl-12 {
    padding: 5rem !important;
    padding: var(--spacer-12) !important;
  }
  ._pt-xl-12, ._py-xl-12 {
    padding-top: 5rem !important;
    padding-top: var(--spacer-12) !important;
  }
  ._pr-xl-12, ._px-xl-12 {
    padding-right: 5rem !important;
    padding-right: var(--spacer-12) !important;
  }
  ._pb-xl-12, ._py-xl-12 {
    padding-bottom: 5rem !important;
    padding-bottom: var(--spacer-12) !important;
  }
  ._pl-xl-12, ._px-xl-12 {
    padding-left: 5rem !important;
    padding-left: var(--spacer-12) !important;
  }
  ._m-xl-auto {
    margin: auto !important;
  }
  ._mt-xl-auto, ._my-xl-auto {
    margin-top: auto !important;
  }
  ._mr-xl-auto, ._mx-xl-auto {
    margin-right: auto !important;
  }
  ._mb-xl-auto, ._my-xl-auto {
    margin-bottom: auto !important;
  }
  ._ml-xl-auto, ._mx-xl-auto {
    margin-left: auto !important;
  }
}
@media all and (min-width: 1700px) {
  ._m-xxl-0 {
    margin: 0 !important;
  }
  ._mt-xxl-0, ._my-xxl-0 {
    margin-top: 0 !important;
  }
  ._mr-xxl-0, ._mx-xxl-0 {
    margin-right: 0 !important;
  }
  ._mb-xxl-0, ._my-xxl-0 {
    margin-bottom: 0 !important;
  }
  ._ml-xxl-0, ._mx-xxl-0 {
    margin-left: 0 !important;
  }
  ._m-xxl-1 {
    margin: 0.25rem !important;
    margin: var(--spacer-1) !important;
  }
  ._mt-xxl-1, ._my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-top: var(--spacer-1) !important;
  }
  ._mr-xxl-1, ._mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-right: var(--spacer-1) !important;
  }
  ._mb-xxl-1, ._my-xxl-1 {
    margin-bottom: 0.25rem !important;
    margin-bottom: var(--spacer-1) !important;
  }
  ._ml-xxl-1, ._mx-xxl-1 {
    margin-left: 0.25rem !important;
    margin-left: var(--spacer-1) !important;
  }
  ._m-xxl-2 {
    margin: 0.5rem !important;
    margin: var(--spacer-2) !important;
  }
  ._mt-xxl-2, ._my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-top: var(--spacer-2) !important;
  }
  ._mr-xxl-2, ._mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-right: var(--spacer-2) !important;
  }
  ._mb-xxl-2, ._my-xxl-2 {
    margin-bottom: 0.5rem !important;
    margin-bottom: var(--spacer-2) !important;
  }
  ._ml-xxl-2, ._mx-xxl-2 {
    margin-left: 0.5rem !important;
    margin-left: var(--spacer-2) !important;
  }
  ._m-xxl-3 {
    margin: 0.75rem !important;
    margin: var(--spacer-3) !important;
  }
  ._mt-xxl-3, ._my-xxl-3 {
    margin-top: 0.75rem !important;
    margin-top: var(--spacer-3) !important;
  }
  ._mr-xxl-3, ._mx-xxl-3 {
    margin-right: 0.75rem !important;
    margin-right: var(--spacer-3) !important;
  }
  ._mb-xxl-3, ._my-xxl-3 {
    margin-bottom: 0.75rem !important;
    margin-bottom: var(--spacer-3) !important;
  }
  ._ml-xxl-3, ._mx-xxl-3 {
    margin-left: 0.75rem !important;
    margin-left: var(--spacer-3) !important;
  }
  ._m-xxl-4 {
    margin: 1rem !important;
    margin: var(--spacer-4) !important;
  }
  ._mt-xxl-4, ._my-xxl-4 {
    margin-top: 1rem !important;
    margin-top: var(--spacer-4) !important;
  }
  ._mr-xxl-4, ._mx-xxl-4 {
    margin-right: 1rem !important;
    margin-right: var(--spacer-4) !important;
  }
  ._mb-xxl-4, ._my-xxl-4 {
    margin-bottom: 1rem !important;
    margin-bottom: var(--spacer-4) !important;
  }
  ._ml-xxl-4, ._mx-xxl-4 {
    margin-left: 1rem !important;
    margin-left: var(--spacer-4) !important;
  }
  ._m-xxl-5 {
    margin: 1.5rem !important;
    margin: var(--spacer-5) !important;
  }
  ._mt-xxl-5, ._my-xxl-5 {
    margin-top: 1.5rem !important;
    margin-top: var(--spacer-5) !important;
  }
  ._mr-xxl-5, ._mx-xxl-5 {
    margin-right: 1.5rem !important;
    margin-right: var(--spacer-5) !important;
  }
  ._mb-xxl-5, ._my-xxl-5 {
    margin-bottom: 1.5rem !important;
    margin-bottom: var(--spacer-5) !important;
  }
  ._ml-xxl-5, ._mx-xxl-5 {
    margin-left: 1.5rem !important;
    margin-left: var(--spacer-5) !important;
  }
  ._m-xxl-6 {
    margin: 2rem !important;
    margin: var(--spacer-6) !important;
  }
  ._mt-xxl-6, ._my-xxl-6 {
    margin-top: 2rem !important;
    margin-top: var(--spacer-6) !important;
  }
  ._mr-xxl-6, ._mx-xxl-6 {
    margin-right: 2rem !important;
    margin-right: var(--spacer-6) !important;
  }
  ._mb-xxl-6, ._my-xxl-6 {
    margin-bottom: 2rem !important;
    margin-bottom: var(--spacer-6) !important;
  }
  ._ml-xxl-6, ._mx-xxl-6 {
    margin-left: 2rem !important;
    margin-left: var(--spacer-6) !important;
  }
  ._m-xxl-7 {
    margin: 2.5rem !important;
    margin: var(--spacer-7) !important;
  }
  ._mt-xxl-7, ._my-xxl-7 {
    margin-top: 2.5rem !important;
    margin-top: var(--spacer-7) !important;
  }
  ._mr-xxl-7, ._mx-xxl-7 {
    margin-right: 2.5rem !important;
    margin-right: var(--spacer-7) !important;
  }
  ._mb-xxl-7, ._my-xxl-7 {
    margin-bottom: 2.5rem !important;
    margin-bottom: var(--spacer-7) !important;
  }
  ._ml-xxl-7, ._mx-xxl-7 {
    margin-left: 2.5rem !important;
    margin-left: var(--spacer-7) !important;
  }
  ._m-xxl-8 {
    margin: 3rem !important;
    margin: var(--spacer-8) !important;
  }
  ._mt-xxl-8, ._my-xxl-8 {
    margin-top: 3rem !important;
    margin-top: var(--spacer-8) !important;
  }
  ._mr-xxl-8, ._mx-xxl-8 {
    margin-right: 3rem !important;
    margin-right: var(--spacer-8) !important;
  }
  ._mb-xxl-8, ._my-xxl-8 {
    margin-bottom: 3rem !important;
    margin-bottom: var(--spacer-8) !important;
  }
  ._ml-xxl-8, ._mx-xxl-8 {
    margin-left: 3rem !important;
    margin-left: var(--spacer-8) !important;
  }
  ._m-xxl-9 {
    margin: 3.5rem !important;
    margin: var(--spacer-9) !important;
  }
  ._mt-xxl-9, ._my-xxl-9 {
    margin-top: 3.5rem !important;
    margin-top: var(--spacer-9) !important;
  }
  ._mr-xxl-9, ._mx-xxl-9 {
    margin-right: 3.5rem !important;
    margin-right: var(--spacer-9) !important;
  }
  ._mb-xxl-9, ._my-xxl-9 {
    margin-bottom: 3.5rem !important;
    margin-bottom: var(--spacer-9) !important;
  }
  ._ml-xxl-9, ._mx-xxl-9 {
    margin-left: 3.5rem !important;
    margin-left: var(--spacer-9) !important;
  }
  ._m-xxl-10 {
    margin: 4rem !important;
    margin: var(--spacer-10) !important;
  }
  ._mt-xxl-10, ._my-xxl-10 {
    margin-top: 4rem !important;
    margin-top: var(--spacer-10) !important;
  }
  ._mr-xxl-10, ._mx-xxl-10 {
    margin-right: 4rem !important;
    margin-right: var(--spacer-10) !important;
  }
  ._mb-xxl-10, ._my-xxl-10 {
    margin-bottom: 4rem !important;
    margin-bottom: var(--spacer-10) !important;
  }
  ._ml-xxl-10, ._mx-xxl-10 {
    margin-left: 4rem !important;
    margin-left: var(--spacer-10) !important;
  }
  ._m-xxl-11 {
    margin: 4.5rem !important;
    margin: var(--spacer-11) !important;
  }
  ._mt-xxl-11, ._my-xxl-11 {
    margin-top: 4.5rem !important;
    margin-top: var(--spacer-11) !important;
  }
  ._mr-xxl-11, ._mx-xxl-11 {
    margin-right: 4.5rem !important;
    margin-right: var(--spacer-11) !important;
  }
  ._mb-xxl-11, ._my-xxl-11 {
    margin-bottom: 4.5rem !important;
    margin-bottom: var(--spacer-11) !important;
  }
  ._ml-xxl-11, ._mx-xxl-11 {
    margin-left: 4.5rem !important;
    margin-left: var(--spacer-11) !important;
  }
  ._m-xxl-12 {
    margin: 5rem !important;
    margin: var(--spacer-12) !important;
  }
  ._mt-xxl-12, ._my-xxl-12 {
    margin-top: 5rem !important;
    margin-top: var(--spacer-12) !important;
  }
  ._mr-xxl-12, ._mx-xxl-12 {
    margin-right: 5rem !important;
    margin-right: var(--spacer-12) !important;
  }
  ._mb-xxl-12, ._my-xxl-12 {
    margin-bottom: 5rem !important;
    margin-bottom: var(--spacer-12) !important;
  }
  ._ml-xxl-12, ._mx-xxl-12 {
    margin-left: 5rem !important;
    margin-left: var(--spacer-12) !important;
  }
  ._p-xxl-0 {
    padding: 0 !important;
  }
  ._pt-xxl-0, ._py-xxl-0 {
    padding-top: 0 !important;
  }
  ._pr-xxl-0, ._px-xxl-0 {
    padding-right: 0 !important;
  }
  ._pb-xxl-0, ._py-xxl-0 {
    padding-bottom: 0 !important;
  }
  ._pl-xxl-0, ._px-xxl-0 {
    padding-left: 0 !important;
  }
  ._p-xxl-1 {
    padding: 0.25rem !important;
    padding: var(--spacer-1) !important;
  }
  ._pt-xxl-1, ._py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-top: var(--spacer-1) !important;
  }
  ._pr-xxl-1, ._px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-right: var(--spacer-1) !important;
  }
  ._pb-xxl-1, ._py-xxl-1 {
    padding-bottom: 0.25rem !important;
    padding-bottom: var(--spacer-1) !important;
  }
  ._pl-xxl-1, ._px-xxl-1 {
    padding-left: 0.25rem !important;
    padding-left: var(--spacer-1) !important;
  }
  ._p-xxl-2 {
    padding: 0.5rem !important;
    padding: var(--spacer-2) !important;
  }
  ._pt-xxl-2, ._py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-top: var(--spacer-2) !important;
  }
  ._pr-xxl-2, ._px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-right: var(--spacer-2) !important;
  }
  ._pb-xxl-2, ._py-xxl-2 {
    padding-bottom: 0.5rem !important;
    padding-bottom: var(--spacer-2) !important;
  }
  ._pl-xxl-2, ._px-xxl-2 {
    padding-left: 0.5rem !important;
    padding-left: var(--spacer-2) !important;
  }
  ._p-xxl-3 {
    padding: 0.75rem !important;
    padding: var(--spacer-3) !important;
  }
  ._pt-xxl-3, ._py-xxl-3 {
    padding-top: 0.75rem !important;
    padding-top: var(--spacer-3) !important;
  }
  ._pr-xxl-3, ._px-xxl-3 {
    padding-right: 0.75rem !important;
    padding-right: var(--spacer-3) !important;
  }
  ._pb-xxl-3, ._py-xxl-3 {
    padding-bottom: 0.75rem !important;
    padding-bottom: var(--spacer-3) !important;
  }
  ._pl-xxl-3, ._px-xxl-3 {
    padding-left: 0.75rem !important;
    padding-left: var(--spacer-3) !important;
  }
  ._p-xxl-4 {
    padding: 1rem !important;
    padding: var(--spacer-4) !important;
  }
  ._pt-xxl-4, ._py-xxl-4 {
    padding-top: 1rem !important;
    padding-top: var(--spacer-4) !important;
  }
  ._pr-xxl-4, ._px-xxl-4 {
    padding-right: 1rem !important;
    padding-right: var(--spacer-4) !important;
  }
  ._pb-xxl-4, ._py-xxl-4 {
    padding-bottom: 1rem !important;
    padding-bottom: var(--spacer-4) !important;
  }
  ._pl-xxl-4, ._px-xxl-4 {
    padding-left: 1rem !important;
    padding-left: var(--spacer-4) !important;
  }
  ._p-xxl-5 {
    padding: 1.5rem !important;
    padding: var(--spacer-5) !important;
  }
  ._pt-xxl-5, ._py-xxl-5 {
    padding-top: 1.5rem !important;
    padding-top: var(--spacer-5) !important;
  }
  ._pr-xxl-5, ._px-xxl-5 {
    padding-right: 1.5rem !important;
    padding-right: var(--spacer-5) !important;
  }
  ._pb-xxl-5, ._py-xxl-5 {
    padding-bottom: 1.5rem !important;
    padding-bottom: var(--spacer-5) !important;
  }
  ._pl-xxl-5, ._px-xxl-5 {
    padding-left: 1.5rem !important;
    padding-left: var(--spacer-5) !important;
  }
  ._p-xxl-6 {
    padding: 2rem !important;
    padding: var(--spacer-6) !important;
  }
  ._pt-xxl-6, ._py-xxl-6 {
    padding-top: 2rem !important;
    padding-top: var(--spacer-6) !important;
  }
  ._pr-xxl-6, ._px-xxl-6 {
    padding-right: 2rem !important;
    padding-right: var(--spacer-6) !important;
  }
  ._pb-xxl-6, ._py-xxl-6 {
    padding-bottom: 2rem !important;
    padding-bottom: var(--spacer-6) !important;
  }
  ._pl-xxl-6, ._px-xxl-6 {
    padding-left: 2rem !important;
    padding-left: var(--spacer-6) !important;
  }
  ._p-xxl-7 {
    padding: 2.5rem !important;
    padding: var(--spacer-7) !important;
  }
  ._pt-xxl-7, ._py-xxl-7 {
    padding-top: 2.5rem !important;
    padding-top: var(--spacer-7) !important;
  }
  ._pr-xxl-7, ._px-xxl-7 {
    padding-right: 2.5rem !important;
    padding-right: var(--spacer-7) !important;
  }
  ._pb-xxl-7, ._py-xxl-7 {
    padding-bottom: 2.5rem !important;
    padding-bottom: var(--spacer-7) !important;
  }
  ._pl-xxl-7, ._px-xxl-7 {
    padding-left: 2.5rem !important;
    padding-left: var(--spacer-7) !important;
  }
  ._p-xxl-8 {
    padding: 3rem !important;
    padding: var(--spacer-8) !important;
  }
  ._pt-xxl-8, ._py-xxl-8 {
    padding-top: 3rem !important;
    padding-top: var(--spacer-8) !important;
  }
  ._pr-xxl-8, ._px-xxl-8 {
    padding-right: 3rem !important;
    padding-right: var(--spacer-8) !important;
  }
  ._pb-xxl-8, ._py-xxl-8 {
    padding-bottom: 3rem !important;
    padding-bottom: var(--spacer-8) !important;
  }
  ._pl-xxl-8, ._px-xxl-8 {
    padding-left: 3rem !important;
    padding-left: var(--spacer-8) !important;
  }
  ._p-xxl-9 {
    padding: 3.5rem !important;
    padding: var(--spacer-9) !important;
  }
  ._pt-xxl-9, ._py-xxl-9 {
    padding-top: 3.5rem !important;
    padding-top: var(--spacer-9) !important;
  }
  ._pr-xxl-9, ._px-xxl-9 {
    padding-right: 3.5rem !important;
    padding-right: var(--spacer-9) !important;
  }
  ._pb-xxl-9, ._py-xxl-9 {
    padding-bottom: 3.5rem !important;
    padding-bottom: var(--spacer-9) !important;
  }
  ._pl-xxl-9, ._px-xxl-9 {
    padding-left: 3.5rem !important;
    padding-left: var(--spacer-9) !important;
  }
  ._p-xxl-10 {
    padding: 4rem !important;
    padding: var(--spacer-10) !important;
  }
  ._pt-xxl-10, ._py-xxl-10 {
    padding-top: 4rem !important;
    padding-top: var(--spacer-10) !important;
  }
  ._pr-xxl-10, ._px-xxl-10 {
    padding-right: 4rem !important;
    padding-right: var(--spacer-10) !important;
  }
  ._pb-xxl-10, ._py-xxl-10 {
    padding-bottom: 4rem !important;
    padding-bottom: var(--spacer-10) !important;
  }
  ._pl-xxl-10, ._px-xxl-10 {
    padding-left: 4rem !important;
    padding-left: var(--spacer-10) !important;
  }
  ._p-xxl-11 {
    padding: 4.5rem !important;
    padding: var(--spacer-11) !important;
  }
  ._pt-xxl-11, ._py-xxl-11 {
    padding-top: 4.5rem !important;
    padding-top: var(--spacer-11) !important;
  }
  ._pr-xxl-11, ._px-xxl-11 {
    padding-right: 4.5rem !important;
    padding-right: var(--spacer-11) !important;
  }
  ._pb-xxl-11, ._py-xxl-11 {
    padding-bottom: 4.5rem !important;
    padding-bottom: var(--spacer-11) !important;
  }
  ._pl-xxl-11, ._px-xxl-11 {
    padding-left: 4.5rem !important;
    padding-left: var(--spacer-11) !important;
  }
  ._p-xxl-12 {
    padding: 5rem !important;
    padding: var(--spacer-12) !important;
  }
  ._pt-xxl-12, ._py-xxl-12 {
    padding-top: 5rem !important;
    padding-top: var(--spacer-12) !important;
  }
  ._pr-xxl-12, ._px-xxl-12 {
    padding-right: 5rem !important;
    padding-right: var(--spacer-12) !important;
  }
  ._pb-xxl-12, ._py-xxl-12 {
    padding-bottom: 5rem !important;
    padding-bottom: var(--spacer-12) !important;
  }
  ._pl-xxl-12, ._px-xxl-12 {
    padding-left: 5rem !important;
    padding-left: var(--spacer-12) !important;
  }
  ._m-xxl-auto {
    margin: auto !important;
  }
  ._mt-xxl-auto, ._my-xxl-auto {
    margin-top: auto !important;
  }
  ._mr-xxl-auto, ._mx-xxl-auto {
    margin-right: auto !important;
  }
  ._mb-xxl-auto, ._my-xxl-auto {
    margin-bottom: auto !important;
  }
  ._ml-xxl-auto, ._mx-xxl-auto {
    margin-left: auto !important;
  }
}
/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/utilities/position/position.css ***!
  \*******************************************************************************************************************************************************************/
._position-static {
  position: static !important;
}

._position-relative {
  position: relative !important;
}

._position-absolute {
  position: absolute !important;
}

._position-fixed {
  position: fixed !important;
}

._position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

@media all and (min-width: 576px) {
  ._position-sm-static {
    position: static !important;
  }
  ._position-sm-relative {
    position: relative !important;
  }
  ._position-sm-absolute {
    position: absolute !important;
  }
  ._position-sm-fixed {
    position: fixed !important;
  }
  ._position-sm-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}
@media all and (min-width: 768px) {
  ._position-md-static {
    position: static !important;
  }
  ._position-md-relative {
    position: relative !important;
  }
  ._position-md-absolute {
    position: absolute !important;
  }
  ._position-md-fixed {
    position: fixed !important;
  }
  ._position-md-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}
@media all and (min-width: 992px) {
  ._position-lg-static {
    position: static !important;
  }
  ._position-lg-relative {
    position: relative !important;
  }
  ._position-lg-absolute {
    position: absolute !important;
  }
  ._position-lg-fixed {
    position: fixed !important;
  }
  ._position-lg-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}
@media all and (min-width: 1200px) {
  ._position-xl-static {
    position: static !important;
  }
  ._position-xl-relative {
    position: relative !important;
  }
  ._position-xl-absolute {
    position: absolute !important;
  }
  ._position-xl-fixed {
    position: fixed !important;
  }
  ._position-xl-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}
@media all and (min-width: 1700px) {
  ._position-xxl-static {
    position: static !important;
  }
  ._position-xxl-relative {
    position: relative !important;
  }
  ._position-xxl-absolute {
    position: absolute !important;
  }
  ._position-xxl-fixed {
    position: fixed !important;
  }
  ._position-xxl-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}
/*!************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/utilities/visibility.css ***!
  \************************************************************************************************************************************************************/
._visible {
  visibility: visible !important;
}

._hidden {
  visibility: hidden !important;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/utilities/background/variations/grays.css ***!
  \*****************************************************************************************************************************************************************************/
._bg-transparent {
  background-color: transparent !important;
}

._bg-white {
  background-color: #fff !important;
  background-color: var(--white) !important;
}

._bg-gray-100 {
  background-color: #f7f9fa !important;
  background-color: var(--gray-100) !important;
}

._bg-gray-200 {
  background-color: #e6e9ed !important;
  background-color: var(--gray-200) !important;
}

._bg-gray-300 {
  background-color: #c9ced4 !important;
  background-color: var(--gray-300) !important;
}

._bg-gray-400 {
  background-color: #9ea4ac !important;
  background-color: var(--gray-400) !important;
}

._bg-gray-500 {
  background-color: #707780 !important;
  background-color: var(--gray-500) !important;
}

._bg-gray-600 {
  background-color: #464b52 !important;
  background-color: var(--gray-600) !important;
}

._bg-gray-700 {
  background-color: #32363b !important;
  background-color: var(--gray-700) !important;
}

._bg-gray-800 {
  background-color: #282c2f !important;
  background-color: var(--gray-800) !important;
}

._bg-gray-900 {
  background-color: #191c1f !important;
  background-color: var(--gray-900) !important;
}

._bg-black {
  background-color: #000 !important;
  background-color: var(--black) !important;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/utilities/background/variations/green.css ***!
  \*****************************************************************************************************************************************************************************/
._bg-green {
  background-color: #009d43 !important;
  background-color: var(--green) !important;
}

._bg-green-lightest {
  background-color: #e6fcf0 !important;
  background-color: var(--green-lightest) !important;
}

._bg-green-lighter {
  background-color: #99e9bb !important;
  background-color: var(--green-lighter) !important;
}

._bg-green-light {
  background-color: #4acc82 !important;
  background-color: var(--green-light) !important;
}

._bg-green-dark {
  background-color: #006e2f !important;
  background-color: var(--green-dark) !important;
}

._bg-green-darker {
  background-color: #005122 !important;
  background-color: var(--green-darker) !important;
}

._bg-green-darkest {
  background-color: #003416 !important;
  background-color: var(--green-darkest) !important;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@hotmart/cosmos/dist/styles/utilities/border/variations/grays.css ***!
  \*************************************************************************************************************************************************************************/
._border-white {
  border-color: #fff !important;
  border-color: var(--white) !important;
}

._border-gray-100 {
  border-color: #f7f9fa !important;
  border-color: var(--gray-100) !important;
}

._border-gray-200 {
  border-color: #e6e9ed !important;
  border-color: var(--gray-200) !important;
}

._border-gray-300 {
  border-color: #c9ced4 !important;
  border-color: var(--gray-300) !important;
}

._border-gray-400 {
  border-color: #9ea4ac !important;
  border-color: var(--gray-400) !important;
}

._border-gray-500 {
  border-color: #707780 !important;
  border-color: var(--gray-500) !important;
}

._border-gray-600 {
  border-color: #464b52 !important;
  border-color: var(--gray-600) !important;
}

._border-gray-700 {
  border-color: #32363b !important;
  border-color: var(--gray-700) !important;
}

._border-gray-800 {
  border-color: #282c2f !important;
  border-color: var(--gray-800) !important;
}

._border-gray-900 {
  border-color: #191c1f !important;
  border-color: var(--gray-900) !important;
}

._border-black {
  border-color: #000 !important;
  border-color: var(--black) !important;
}
/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/main/resources/templates/custom/assets/styles/teachable.scss ***!
  \********************************************************************************************************************/
.ds-teachable {
    --background-image: none;

    a {
        text-decoration: underline;
        text-decoration-thickness: 2px !important;
    }

    hc-form-field {
        width: 300px;
    }

    #forgot-password {
        font-weight: 400;
    }

    .invalid-feedback {
        display: flex;
        align-items: center;
        &::before {
            content: url(/themes/custom/images/error-icon-5c741b91a7832f28921067f4a9eb9940.svg);
            margin-right: 0.5rem;
            height: 16px;
        }
    }

    #text-btn-login {
        font-weight: 600;
    }

    hc-form-field {
        --hc-form-field-font-size: 14px;

        input {
            --hc-form-field-background-color: transparent;
            --hc-color-neutral-100: transparent;

            &:hover {
                --hc-form-field-border-color: #919191;
            }

            &:focus {
                --hc-form-field-focus-border-color: #4a4e6d;
            }
        }
    }

    #screen-title {
        --hc-h-small-lg-strong-font-weight: 300;
        --hc-h-small-md-strong-font-weight: 300;
        --hc-h-small-strong-font-weight: 300;
    }

    .login-forgot-password {
        font-size: 14px;
    }

    .signup {
        font-size: 14px;
    }

    #resend-mfa-code {
        margin-top: var(--spacer-4) !important;
        justify-content: center;
    }

    #resend-passwordless-code {
        display: flex;
        justify-content: center;
    }
}

/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/main/resources/templates/custom/assets/styles/index.scss ***!
  \*******************************************************************************************************************************************************/
@charset "UTF-8";
.ds-hotmart {
  --cds-base-color-white: #ffffff;
  --cds-color-secondary: #f5f3ef;
  --text-sm: .875rem;
  --font-weight-semibold: 600;
  --cds-base-color-primary-950: #0d0d0d;
  --cds-color-ramp-primary: rgba(13, 13, 13, .8);
  --cds-base-color-link: var(--cds-base-color-primary-950);
  --cds-color-ramp-secondary: #e5e3df;
  --social-provider-button-border: 0;
  --cds-color-border: #c3bfb8;
  --cds-color-foreground: #0d0d0d;
  --cds-color-ramp-background: rgba(13, 13, 13, .03);
  font-family: "Hotmart Sans", Arial, Helvetica, sans-serif !important;
  --background-color: var(--cds-base-color-white);
}
.ds-hotmart main {
  overflow: hidden;
}
.ds-hotmart .login-custom-header-logo {
  width: 140px;
}
.ds-hotmart .login-custom-footer {
  display: none;
}
.ds-hotmart .login-custom-header {
  padding: var(--hc-size-spacing-7) var(--hc-size-spacing-10) 0;
}
@media (max-width: 767px) {
  .ds-hotmart .login-custom-header {
    padding: var(--hc-size-spacing-5);
  }
}
@media (max-width: 1550px) {
  .ds-hotmart .login-custom-header {
    padding-inline: 6vw;
  }
}
@media (max-width: 1024px) {
  .ds-hotmart .login-custom-header {
    padding-inline: 2vw;
  }
}
.ds-hotmart .authentication__main-content {
  flex: 0 !important;
}
.ds-hotmart .authentication-sidebar {
  max-width: none;
  justify-content: center !important;
}
.ds-hotmart .authentication-bg .brand-background.default {
  --background-image: url(/themes/custom/images/woman-bg-e0e8a053d198ba7661dcf27e13f3cb8d.png);
  background-position: 50%;
  background-image: var(--background-image);
}
.ds-hotmart .sso_providers {
  display: flex;
  gap: 20px;
}
.ds-hotmart .sso_providers button {
  background-color: var(--cds-color-secondary);
  border: var(--social-provider-button-border);
  font-weight: 700;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-semibold);
  min-width: 190px;
  font-family: "hotmart sans", Arial, Helvetica, sans-serif;
}
.ds-hotmart .sso_providers button:hover, .ds-hotmart .sso_providers button:focus {
  background-color: var(--cds-color-ramp-secondary);
}
@media (max-width: 850px) {
  .ds-hotmart .sso_providers button {
    width: 100%;
    min-width: auto;
  }
  .ds-hotmart .sso_providers button span {
    display: none;
  }
}
.ds-hotmart .hot-btn--custom-brand {
  --button-background-color: var(--cds-base-color-primary-950);
  --button-hover-background-color: var(--cds-color-ramp-primary);
  --button-active-background-color: var(--cds-color-ramp-primary);
  font-weight: var(--font-weight-semibold);
}
.ds-hotmart a,
.ds-hotmart .login-forgot-password > a,
.ds-hotmart .login-footer > a {
  color: var(--cds-base-color-link);
  text-decoration: underline var(--cds-base-color-link);
}
.ds-hotmart a:hover, .ds-hotmart a:focus,
.ds-hotmart .login-forgot-password > a:hover,
.ds-hotmart .login-forgot-password > a:focus,
.ds-hotmart .login-footer > a:hover,
.ds-hotmart .login-footer > a:focus {
  color: var(--cds-base-color-link);
  text-decoration-color: var(--cds-base-color-link) !important;
  text-decoration-thickness: 2px;
}
.ds-hotmart .login-forgot-password {
  justify-content: flex-start;
  font-size: 16px;
  margin-bottom: 3rem !important;
}
.ds-hotmart .authentication-wrapper {
  display: flex;
  justify-content: center;
  height: 100%;
  padding-inline: 12vw;
}
@media (max-width: 1550px) {
  .ds-hotmart .authentication-wrapper {
    padding-inline: 6vw;
  }
}
@media (max-width: 1024px) {
  .ds-hotmart .authentication-wrapper {
    padding: 2vw var(--hc-size-spacing-3);
  }
}
.ds-hotmart .login-footer {
  margin-top: 1rem !important;
}
.ds-hotmart .login-footer a:visited {
  color: var(--cds-base-color-link);
}
.ds-hotmart #app-modal .modal-btn-action {
  background-color: var(--cds-base-color-primary-950) !important;
  border-color: var(--cds-base-color-primary-950) !important;
  color: #fff;
}
.ds-hotmart #app-modal .modal-btn-action:hover, .ds-hotmart #app-modal .modal-btn-action:focus {
  background-color: var(--cds-color-ramp-primary) !important;
  border-color: var(--cds-color-ramp-primary) !important;
}
.ds-hotmart #app-modal .modal-btn-close {
  border-color: var(--cds-color-border);
  color: var(--cds-color-foreground) !important;
}
.ds-hotmart #app-modal .modal-btn-close:hover, .ds-hotmart #app-modal .modal-btn-close:focus {
  background-color: var(--cds-color-ramp-background);
}
.ds-hotmart .signup-text {
  color: var(--hc-p-neutral-color);
}
.ds-hotmart .hot-btn--outline {
  color: #0d0d0d;
  background-color: rgba(0, 0, 0, 0);
  border-color: #c3bfb8;
  font-weight: var(--font-weight-semibold);
}
.ds-hotmart .hot-btn--outline:hover, .ds-hotmart .hot-btn--outline:focus {
  background-color: rgba(13, 13, 13, 0.031372549);
  color: #0d0d0d;
  border-color: #c3bfb8;
  box-shadow: none;
}
.ds-hotmart .hot-btn--outline:disabled {
  background-color: rgb(239, 239, 239);
}

.dark-mode.ds-hotmart .hot-btn--outline:disabled {
  background-color: inherit;
  opacity: 0.5;
}
.dark-mode.ds-hotmart .hot-btn--outline:hover {
  background-color: rgba(255, 255, 255, 0.03);
}

:root {
  --background-color: var(--white);
  --background-image: url(/themes/custom/images/fire-81e0a9a7563914f7aa3f1ffde75f86cd.jpg);
  --link-color: var(--hc-color-primary-400);
  --link-secondary-color: var(--gray-500);
  --link-hover-secondary-color: var(--hc-color-primary-400);
  --text-color: var(--gray-900);
  --text-secondary-color: var(--gray-500);
  --sidebar-border-color: var(--gray-300);
  --hc-button-success-hover-background-color: var(--hc-color-success-600);
  --hc-button-success-active-focus-background-color: var(--hc-color-success-600);
}

.dark-mode {
  /* colors */
  --white: #000000;
  /* base */
  --background-color: var(--hc-color-neutral-900);
  --background-image: url(/themes/custom/images/fire-81e0a9a7563914f7aa3f1ffde75f86cd.jpg);
  --link-color: var(--gray-300);
  --link-secondary-color: var(--gray-300);
  --sidebar-border-color: var(--gray-900);
  --text-color: var(--gray-100);
  --cds-base-color-link: var(--gray-100);
  --cds-color-secondary: none;
  --social-provider-button-border: 1px solid var(--gray-100);
  --cds-base-color-primary-950: var(--hc-color-primary-500);
  --cds-color-ramp-primary: var(--hc-color-primary-600);
  /* cosmos */
  --input-border-color: #000000;
  --hc-form-field-border-color: #000000;
  --hc-form-field-background-color: #000;
  --hc-form-field-focus-background-color: #000;
  --hc-form-field-color: var(--hc-color-neutral-100);
  --hc-form-field-focus-color: var(--hc-color-neutral-100);
  --hc-h-neutral-color: var(--text-color);
  --hc-p-neutral-color: var(--text-color);
}
.dark-mode a {
  color: var(--link-color);
}
.dark-mode a:hover {
  color: var(--link-hover-secondary-color);
}
.dark-mode .login-custom-header-logo {
  content: url(/themes/custom/images/hot-logo-dark-ef38cb3d48a649b2c3e11df213b23796.svg);
}
.dark-mode #app-modal {
  --cds-base-color-primary-950: var(--button-background-color);
  --cds-color-ramp-primary: var(--button-hover-background-color);
  --cds-color-border: #bed1ff;
  --cds-color-foreground: #fff;
  --cds-color-ramp-background: #e5e3df;
}

.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);
}

body {
  overflow-x: hidden;
  overflow-y: auto;
}

body, html {
  height: 100%;
}

body {
  background-color: white;
  color: #343a42;
  font-family: Nunito Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  text-align: left;
}

/* Cosmos Web Components */
/* reset.css */
*, *::before, *::after {
  box-sizing: border-box;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@-ms-viewport {
  width: device-width;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

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

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

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

address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem;
}

ol, ul, dl {
  margin-bottom: 1rem;
  margin-top: 0;
}

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

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre, code, kbd, samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-family-monospace);
  font-size: 1em;
}

pre {
  -ms-overflow-style: scrollbar;
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

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

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

table {
  border-collapse: collapse;
}

caption {
  caption-side: bottom;
  color: #dfe2e6;
  color: var(--gray-300);
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  text-align: left;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.375rem;
}

button {
  border-radius: 0;
}

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

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;
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-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;
}

input[type=radio], input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
  -webkit-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;
}

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

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

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

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

output {
  display: inline-block;
}

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

template {
  display: none;
}

[hidden] {
  display: none !important;
}

a:hover, a:active, a:focus, a.disabled, input:hover, input:active, input:focus, input.disabled, select:hover, select:active, select:focus, select.disabled, textarea:hover, textarea:active, textarea:focus, textarea.disabled, button:hover, button:active, button:focus, button.disabled {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0 none;
}

/* base.css */
body::-moz-selection {
  background-color: #627394;
  background-color: var(--primary);
  color: #fff;
  color: var(--white);
}

body::selection {
  background-color: #627394;
  background-color: var(--primary);
  color: #fff;
  color: var(--white);
}

body::-webkit-scrollbar-track {
  border: 0;
  background-color: #dfe2e6;
  background-color: var(--gray-300);
}

body::-webkit-scrollbar {
  border: 0;
  background-color: #6b7480;
  background-color: var(--gray-500);
  height: 0.375rem;
  height: var(--spacer-2);
  width: 0.375rem;
  width: var(--spacer-2);
}

body::-webkit-scrollbar-thumb {
  border: 0;
  background-color: #6b7480;
  background-color: var(--gray-500);
  height: 0.375rem;
  height: var(--spacer-2);
  width: 0.375rem;
  width: var(--spacer-2);
}

html, body {
  height: 100%;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
}

body {
  background-color: white;
  color: #353a40;
  color: var(--text-color);
  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-weight: 400;
  line-height: 1.5;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: inherit;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.75rem;
  margin-top: 0;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-bottom: 0.75rem;
  margin-top: 0;
}

.hot-display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.hot-display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.hot-display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.hot-display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.hot-list-unstyled {
  list-style: none;
  padding-left: 0;
}

.hot-list-inline {
  list-style: none;
  padding-left: 0;
}

.hot-list-inline__item {
  display: inline-block;
}

.hot-list-inline__item:not(:last-child) {
  margin-right: 0.75rem;
  margin-right: var(--spacer-3);
}

.hot-blockquote {
  font-size: 1.5rem;
  margin-bottom: 0.1875rem;
  margin-bottom: var(--spacer-1);
}

.hot-blockquote__footer {
  color: #6b7480;
  color: var(--gray-500);
  display: block;
  font-size: 80%;
}

.hot-blockquote::before {
  content: "— ";
}

hr {
  border: 0;
  border-top: 1px solid #dfe2e6;
  border-top: 1px solid var(--gray-300);
  margin-bottom: 0.75rem;
  margin-bottom: var(--spacer-3);
  margin-top: 0.75rem;
  margin-top: var(--spacer-3);
}

small, .small {
  font-size: 75%;
  font-weight: 400;
}

mark, .mark {
  background-color: #f6d66f;
  background-color: var(--warning-lighter);
  padding: 0.1875rem;
  padding: var(--spacer-1);
}

code {
  border-right: 0.375rem;
  border-radius: var(--border-radius);
  color: #f04e23;
  color: var(--hotmart-primary);
  font-size: 87.5%;
  word-break: break-word;
}

code a > code {
  color: inherit;
}

kbd {
  box-shadow: none;
  font-size: 87.5%;
  background-color: #353a40;
  background-color: var(--gray-900);
  border-radius: 0.1875rem;
  border-radius: var(--border-radius-sm);
  color: #fff;
  color: var(--white);
  padding: 0.1875rem 0.375rem;
  padding: var(--spacer-1) var(--spacer-2);
}

kbd kbd {
  box-shadow: none;
  font-size: 100%;
  font-weight: 700;
  padding: 0;
}

pre {
  color: #353a40;
  color: var(--gray-900);
  display: block;
  font-size: 87.5%;
  margin-bottom: 1rem;
  margin-top: 0;
}

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

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

.fade.show {
  opacity: 1;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* theme.css */
: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: var(--hc-color-primary-600);
  --button-background-color: var(--hc-color-primary-500);
  --button-active-background-color: var(--hc-color-primary-700);
  --button-width: 100%;
  --button-min-width: auto;
  --link-hover-color: var(--hc-color-primary-400);
  --link-decoration-hover-color: var(--hc-color-primary-400);
}

/* nav.css */
hot-nav {
  list-style: none;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

hot-nav > * {
  margin-bottom: -1px !important;
}

hot-nav.hot-nav--tabs {
  border: 0;
  border-bottom: 1px solid #dfe2e6;
  border-bottom: 1px solid var(--gray-300);
}

hot-nav.hot-nav--tabs hot-nav-item {
  border: 1px solid transparent;
  border-radius: 0.375rem 0.375rem 0 0;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  box-shadow: inset 0 0 0 0 #627394;
  box-shadow: inset 0 0 0 0 var(--primary);
  margin: 0 1.5rem 0 0;
  margin: 0 var(--spacer-4) 0 0;
  padding: 0 0 0.75rem;
  padding: 0 0 var(--spacer-3);
}

hot-nav.hot-nav--tabs hot-dropdown[active] hot-nav-item, hot-nav.hot-nav--tabs hot-dropdown:active hot-nav-item, hot-nav.hot-nav--tabs hot-dropdown:focus hot-nav-item {
  box-shadow: inset 0 -4px 0 0 #627394;
  box-shadow: inset 0 -4px 0 0 var(--primary);
}

hot-nav.hot-nav--tabs hot-nav-item.active, hot-nav.hot-nav--tabs hot-nav-item[active] {
  background-color: transparent;
  border-color: transparent;
  box-shadow: inset 0 -4px 0 0 #627394;
  box-shadow: inset 0 -4px 0 0 var(--primary);
  color: #545b64;
  color: var(--gray-700);
}

hot-nav.hot-nav--pills hot-nav-item {
  border-radius: 0.375rem;
  border-radius: var(--border-radius);
  padding: 0.375rem 0.75rem;
  padding: var(--spacer-2) var(--spacer-3);
}

hot-nav.hot-nav--pills hot-nav-item.active, hot-nav.hot-nav--pills hot-nav-item[active] {
  background-color: #627394;
  background-color: var(--primary);
  color: #fff;
  color: var(--white);
}

hot-nav hot-nav-item {
  padding: 0;
  box-shadow: none;
  margin: 0 0 -1px 0;
  background-color: transparent;
  cursor: default;
  display: block;
  border: 1px solid transparent;
  border-radius: 0.1875rem;
  border-radius: var(--spacer-1);
  color: #627394;
  color: var(--primary);
}

hot-nav hot-nav-item:not(.active):not(.disabled):not(:disabled) {
  cursor: pointer;
}

hot-nav hot-nav-item.disabled, hot-nav hot-nav-item:disabled {
  border-color: transparent;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #d0d3d6;
  color: var(--gray-400);
}

/* button.css */
.hot-btn, .hot-btn.hot-dropdown__toggle--split {
  outline: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  box-shadow: 0 0 0 0 transparent;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  border-radius: 0.375rem;
  border-radius: var(--btn-border-radius, 0.375rem);
  border: 1px solid #6b7480;
  border: var(--btn-border, 1px solid #6b7480);
  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, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
  padding: 0.375rem 0.75rem;
  padding: var(--btn-padding, 0.375rem 0.75rem);
  -webkit-transition: 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), color 500ms cubic-bezier(0.2, 1, 0.2, 1);
  transition: 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), color 500ms cubic-bezier(0.2, 1, 0.2, 1);
  -webkit-transition: background-color var(--timing) var(--easing), border-color var(--timing) var(--easing), box-shadow var(--timing) var(--easing), color var(--timing) var(--easing);
  transition: background-color var(--timing) var(--easing), border-color var(--timing) var(--easing), box-shadow var(--timing) var(--easing), color var(--timing) var(--easing);
}

.hot-btn:hover, .hot-btn:focus {
  background-color: #5f6772;
  background-color: var(--gray-600);
  border: 1px solid #5f6772;
  border: 1px solid var(--gray-600);
  color: #fff;
  color: var(--white);
}

.hot-btn:focus, .hot-btn:active {
  box-shadow: 0 0 0 0.1875rem rgba(107, 116, 128, 0.5);
  box-shadow: 0 0 0 var(--spacer-1) var(--gray-500-50);
}

.hot-btn:active, .hot-btn.active:active {
  background-color: #484e56;
  background-color: var(--gray-800);
  border: 1px solid #353a40;
  border: 1px solid var(--gray-900);
  color: #fff;
  color: var(--white);
}

.hot-btn.active {
  background-color: #5f6772;
  background-color: var(--gray-600, #5f6772);
  border: 1px solid #5f6772;
  border: 1px solid var(--gray-600);
  color: #fff;
  color: var(--white);
}

.hot-btn.hot-btn--loading .fa-spin {
  color: #fff;
  color: var(--white);
}

.hot-btn--outline {
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid #6b7480;
  border: 1px solid var(--gray-500);
  color: #6b7480;
  color: var(--gray-500);
}

.hot-btn--outline:hover, .hot-btn--outline:focus {
  background-color: #6b7480;
  background-color: var(--gray-500);
  border: 1px solid #6b7480;
  border: 1px solid var(--gray-500);
  color: #fff;
  color: var(--white);
}

.hot-btn--outline:active, .hot-btn--outline.active:active {
  background-color: #5f6772;
  background-color: var(--gray-600);
  border: 1px solid #545b64;
  border: 1px solid var(--gray-700);
  color: #fff;
  color: var(--white);
}

.hot-btn--outline.active {
  background-color: #6b7480;
  background-color: var(--gray-500);
  border: 1px solid #6b7480;
  border: 1px solid var(--gray-500);
  color: #fff;
  color: var(--white);
}

.hot-btn--outline.hot-btn--loading .fa-spin {
  color: #6b7480;
  color: var(--gray-500);
}

.hot-btn:disabled, .hot-btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

fieldset:disabled a.hot-btn {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hot-btn--loading {
  color: transparent;
  pointer-events: none;
  position: relative;
}

.hot-btn--loading hot-icon {
  left: 50%;
  margin-left: -8px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
}

.hot-btn ~ .hot-btn.hot-dropdown__toggle--split {
  border-left: 1px solid #fff;
  border-left: 1px solid var(--white);
}

@media screen and (prefers-reduced-motion: reduce) {
  .hot-btn {
    -webkit-transition: none;
    transition: none;
  }
}
/* button/variations/hotmart-primary.css */
.hot-btn--hotmart-primary {
  background-color: #009D43;
  background-color: var(--hotmart-primary);
  border: 1px solid #009D43;
  border: 1px solid var(--hotmart-primary);
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-primary:hover, .hot-btn--hotmart-primary:focus {
  background-color: #006E2F;
  background-color: var(--hotmart-primary-dark);
  border: 1px solid #006E2F;
  border: 1px solid var(--hotmart-primary-dark);
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-primary:focus, .hot-btn--hotmart-primary:active {
  box-shadow: 0 0 0 0.1875rem rgba(0, 157, 67, 0.5);
  box-shadow: 0 0 0 var(--spacer-1) var(--hotmart-primary-50);
}

.hot-btn--hotmart-primary:active, .hot-btn--hotmart-primary.active:active {
  background-color: #006E2F;
  background-color: var(--hotmart-primary-dark);
  border: 1px solid #005122;
  border: 1px solid var(--hotmart-primary-darker);
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-primary.disabled, .hot-btn--hotmart-primary:disabled {
  background-color: #4ACC82;
  background-color: var(--hotmart-primary-light);
  border: 1px solid #4ACC82;
  border: 1px solid var(--hotmart-primary-light);
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-primary.active {
  background-color: #006E2F;
  background-color: var(--hotmart-primary-dark);
  border: 1px solid #006E2F;
  border: 1px solid var(--hotmart-primary-dark);
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-primary.hot-btn--loading .fa-spin {
  color: #fff;
  color: var(--white);
}

.hot-btn--custom {
  background: var(--hc-button-background-color);
  border: none;
  color: #fff;
}
.hot-btn--custom:hover, .hot-btn--custom:focus, .hot-btn--custom:disabled, .hot-btn--custom.disabled {
  background: var(--hc-button-success-hover-background-color);
  border: none;
  box-shadow: none;
  color: #fff;
}
.hot-btn--custom:active, .hot-btn--custom.active {
  border: none;
  box-shadow: none;
  color: #fff;
  background: var(--hc-button-success-active-focus-background-color);
}

.hot-btn--custom-brand {
  display: block;
  width: var(--button-width) !important;
  min-width: var(--button-min-width);
  background-color: var(--button-background-color);
  color: var(--hc-color-neutral-100);
  border: 1px solid var(--button-background-color);
  margin: auto;
}
.hot-btn--custom-brand:hover {
  cursor: pointer;
  background-color: var(--button-hover-background-color);
}
.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;
}

.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;
}

#spinner-btn {
  position: relative;
  top: -2px;
}

/* form/input-default.css */
.hot-form-control {
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  background-clip: padding-box;
  box-sizing: border-box;
  box-shadow: 0 0 0 0 transparent;
  box-shadow: var(--input-box-shadow, 0 0 0 0 transparent);
  height: calc(2.25rem + 2px);
  height: var(--input-height, calc(2.25rem + 2px));
  background-color: #fff;
  background-color: var(--input-bg, #fff);
  border-radius: 0.375rem;
  border-radius: var(--input-border-radius, 0.375rem);
  border: 1px solid #dfe2e6;
  border: var(--input-border, 1px solid #dfe2e6);
  color: #353a40;
  color: var(--input-color, #353a40);
  padding: 0.375rem 0.75rem;
  padding: var(--input-padding, 0.375rem 0.75rem);
  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, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
  -webkit-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 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);
  -webkit-transition: color var(--timing) var(--easing), background-color var(--timing) var(--easing), border-color var(--timing) var(--easing), box-shadow var(--timing) var(--easing);
  transition: color var(--timing) var(--easing), background-color var(--timing) var(--easing), border-color var(--timing) var(--easing), box-shadow var(--timing) var(--easing);
}

.hot-form-control:focus {
  outline: 0;
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid #627394;
  border: 1px solid var(--primary);
  box-shadow: 0 0 0 0.1875rem rgba(98, 115, 148, 0.5);
  box-shadow: 0 0 0 var(--spacer-1) var(--primary-50);
  color: #353a40;
  color: var(--gray-900);
}

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

.hot-form-control::-webkit-input-placeholder {
  opacity: 1;
  color: #5f6772;
  color: var(--gray-600);
}

.hot-form-control::-moz-placeholder {
  opacity: 1;
  color: #5f6772;
  color: var(--gray-600);
}

.hot-form-control:-ms-input-placeholder {
  opacity: 1;
  color: #5f6772;
  color: var(--gray-600);
}

.hot-form-control::-ms-input-placeholder {
  opacity: 1;
  color: #5f6772;
  color: var(--gray-600);
}

.hot-form-control::placeholder {
  opacity: 1;
  color: #5f6772;
  color: var(--gray-600);
}

.hot-form-control:disabled, .hot-form-control[readonly] {
  background-color: transparent;
  opacity: 1;
}

.hot-form-control:disabled {
  cursor: not-allowed;
  color: #6b7480;
  color: var(--gray-500);
}

.hot-form-control--sm {
  line-height: 1.5;
  font-size: 0.875rem;
  height: calc(1.6875rem + 2px);
  border-radius: 0.1875rem;
  border-radius: var(--spacer-1);
  padding: 0.1875rem 0.375rem;
  padding: var(--spacer-1) var(--spacer-2);
}

.hot-form-control--lg {
  line-height: 1.5;
  height: calc(3.375rem + 2px);
  border-radius: 0.375rem;
  border-radius: var(--border-radius);
  font-size: 1.25rem;
  font-size: 1.25rem;
  padding: 0.75rem 1.5rem;
  padding: var(--spacer-3) var(--spacer-4);
}

.hot-form-control-plaintext {
  display: block;
  margin-bottom: 0;
  width: 100%;
  background: transparent;
  border: 1px solid transparent;
  line-height: 1.5;
  padding: 0.375rem 0 0.375rem 0;
  padding: var(--spacer-2) 0 var(--spacer-2) 0;
  color: #353a40;
  color: var(--gray-900);
}

.hot-form-control-plaintext:focus {
  box-shadow: none;
}

.hot-form-control-plaintext.hot-form-control--sm, .hot-form-control-plaintext.hot-form-control--lg {
  padding-left: 0;
  padding-right: 0;
}

textarea.hot-form-control {
  height: auto;
  min-height: calc(2.25rem + 2px);
}

/* form/input-custom.css */
.hot-custom-control {
  display: block;
  min-height: 1.5rem;
  padding: 0 0 0 1.75rem;
  position: relative;
}

.hot-custom-control--inline {
  display: -webkit-inline-box;
  display: inline-flex;
  margin-right: 1rem;
}

.hot-custom-control__input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.hot-custom-control__input:checked ~ .hot-custom-control__label::before {
  background-color: #627394;
  background-color: var(--primary);
  box-shadow: 0 0 0 1px #576784;
  box-shadow: 0 0 0 1px var(--primary-dark);
  color: #fff;
  color: var(--white);
}

.hot-custom-control__input:focus ~ .hot-custom-control__label::before {
  box-shadow: 0 0 0 1px #fafbfc, 0 0 0 0.1875rem #4d5b75;
  box-shadow: 0 0 0 1px var(--gray-100), 0 0 0 var(--spacer-1) var(--primary-darker);
}

.hot-custom-control__input:active ~ .hot-custom-control__label::before {
  background-color: #f0f1f5;
  background-color: var(--primary-lightest);
  box-shadow: 0 0 0 1px #576784;
  box-shadow: 0 0 0 1px var(--primary-dark);
  color: #fff;
  color: var(--white);
}

.hot-custom-control__input:disabled {
  cursor: not-allowed;
}

.hot-custom-control__input:disabled ~ .hot-custom-control__label {
  color: var(--gray-500);
  cursor: not-allowed;
}

.hot-custom-control__input:disabled ~ .hot-custom-control__label::before {
  --custom-control-indicator-disabled-bg-default: transparent;
  background-color: var(--custom-control-indicator-disabled-bg, var(--custom-control-indicator-disabled-bg-default));
}

.hot-custom-control__label {
  margin-bottom: 0;
  position: relative;
}

.hot-custom-control__label::before {
  background-color: #fff;
  background-color: var(--white);
  box-shadow: 0 0 0 1px #dfe2e6;
  box-shadow: 0 0 0 1px var(--gray-300);
  left: -1.75rem;
  height: 1rem;
  width: 1rem;
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  top: 0.25rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: 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: 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);
  -webkit-transition: background-color var(--timing) var(--easing), border-color var(--timing) var(--easing), box-shadow var(--timing) var(--easing);
  transition: background-color var(--timing) var(--easing), border-color var(--timing) var(--easing), box-shadow var(--timing) var(--easing);
}

.hot-custom-control__label::after {
  background: no-repeat center center;
  background-size: 50% 50%;
  height: 1rem;
  width: 1rem;
  left: -1.75rem;
  content: "";
  display: block;
  position: absolute;
  top: 0.25rem;
}

@media screen and (prefers-reduced-motion: reduce) {
  .hot-custom-control__label::before {
    -webkit-transition: none;
    transition: none;
  }
}
/* form/input-checkbox.css */
.hot-custom-checkbox .hot-custom-control__label::before {
  border-radius: 0.25rem;
  border-radius: calc(var(--border-radius) / 1.5);
}

.hot-custom-checkbox .hot-custom-control__input:checked ~ .hot-custom-control__label::before {
  background-color: #627394;
  background-color: var(--primary);
}

.hot-custom-checkbox .hot-custom-control__input:checked ~ .hot-custom-control__label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 8 8\"%3E%3Cpath fill=\"%23fff\" d=\"M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\"/%3E%3C/svg%3E");
}

.hot-custom-checkbox .hot-custom-control__input:indeterminate ~ .hot-custom-control__label::before {
  box-shadow: none;
  background-color: #627394;
  background-color: var(--primary);
}

.hot-custom-checkbox .hot-custom-control__input:indeterminate ~ .hot-custom-control__label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 4\"%3E%3Cpath stroke=\"%23fff\" d=\"M0 2h4\"/%3E%3C/svg%3E");
}

.hot-custom-checkbox .hot-custom-control__input:disabled:checked ~ .hot-custom-control__label::before, .hot-custom-checkbox .hot-custom-control__input:disabled:indeterminate ~ .hot-custom-control__label::before {
  background-color: rgba(98, 115, 148, 0.5);
  background-color: var(--primary-50);
}

/* progress__bar */
.hot-progress__bar {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.75rem;
  color: var(--white);
  background: var(--primary);
  transition: width var(--timing) var(--easing);
}

.hot-progress--label {
  background: var(--gray-200);
  border-radius: var(--border-radius, 0.375rem);
  overflow: hidden;
}

/* custom css */
.alert p:last-child {
  margin-bottom: 0;
}

.authentication-sidebar-content.splash-footer a {
  color: #6b7480;
  text-decoration: none;
}

.authentication-sidebar-content.splash-footer a:hover {
  text-decoration: underline;
}

.authentication-sidebar-content.text-small {
  font-size: 0.75rem;
}

/* layout.html */
a.text-hotmart-primary {
  color: #6b7480;
  text-decoration: none;
}

/* casLoginView.html */
.hot-authentication {
  min-height: 100vh;
  min-height: 100%;
  display: flex;
  width: 100%;
  flex: 1;
}

.authentication-sidebar {
  position: relative;
  background-color: var(--background-color);
  max-width: 464px;
  flex: 1;
  border-right: 1px solid var(--sidebar-border-color);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
}

.authentication__main-content {
  flex-grow: 1;
  padding: 0 0.25rem;
}

.auth-line-height {
  line-height: 1.3em;
}

@media (min-width: 1400px) {
  .authentication-wrapper {
    padding: 40px;
  }
  .authentication__main-content {
    flex-grow: 0;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .authentication-wrapper {
    padding: 2rem;
  }
}
.brand-logo {
  max-height: var(--hc-size-spacing-8);
  margin-bottom: var(--hc-size-spacing-8);
}

.authentication-wrapper {
  flex: 1;
  min-width: 370px;
  padding: var(--hc-size-spacing-7) var(--hc-size-spacing-10);
}

.authentication-bg {
  position: relative;
  display: flex;
  flex: 1;
}
.authentication-bg .brand-background {
  background: var(--background-image) no-repeat center;
  background-size: cover;
  flex: 1;
}
.authentication-bg .brand-background.default {
  background-position: right bottom;
}

.hotmart-logo {
  width: 92px;
}

.authentication-wrapper .hot-authentication-logo {
  width: 92px;
}

.authentication-wrapper .hot-authentication-logo svg {
  display: block;
  width: 100%;
}

hot-nav hot-nav-item.d-flex.active {
  color: #51c1c3;
  border-bottom-color: #51c1c3;
  box-shadow: none;
}

hot-nav hot-nav-item.d-flex {
  border-bottom: 2px solid transparent;
  flex: 1 1 0;
  color: #848a91;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  margin: 0;
  padding: 0;
}

hot-nav hot-nav-item:hover {
  text-decoration: none;
  color: #51c1c3;
  border-bottom-color: #51c1c3;
}

hot-nav hot-nav-item > a, hot-nav hot-nav-item > span {
  color: inherit;
  padding: 0.75rem;
}

hot-nav hot-nav-item > a:hover {
  text-decoration: none;
  color: #51c1c3;
}

.hot-form-group .hot-form-input {
  border-radius: 0.5rem;
  line-height: 1.3;
}

.hot-form-group .hot-form-input:active, .hot-form-input:focus {
  border-color: #7cdbdb;
  box-shadow: 0 0 0 0.1875rem rgba(81, 193, 195, 0.25);
}

.hot-form-group svg {
  overflow: visible;
  width: 1em;
  left: 1.6rem;
  transform: translate(-50%, -50%);
  display: inline-block;
  font-size: inherit;
  height: 1em;
  vertical-align: -0.125em;
}

button.hot-btn.hot-btn--hotmart-primary.auth-login {
  border-radius: 0.5rem;
  line-height: 1.3;
}

.js-show-password {
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #848a91;
  text-align: center;
  border: none;
  z-index: 0;
  overflow: visible;
  width: 2em;
  top: 1.75rem;
  right: 0;
  transform: translate(-50%, -50%);
  display: inline-block;
  font-size: inherit;
  position: absolute;
}

.js-show-password button {
  cursor: pointer;
  color: #848a91;
  border: none;
  width: 100%;
}

.svg-inline--fa.fa-eye, .svg-inline--fa.fa-eye-slash {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
  transform: none;
}

.svg-inline--fa.fa-w-18 {
  width: 2.25em;
}

.svg-inline--fa.fa-w-20 {
  width: 2.25em;
}

svg:not(:root).svg-inline--fa {
  overflow: visible;
}

.hot-btn--link {
  background-color: transparent;
  color: #5981E3;
  font-weight: 400;
}

.hot-btn--link.focus, .hot-btn--link:focus {
  border-color: transparent;
  box-shadow: none;
  text-decoration: underline;
}

.hot-btn--link:hover {
  background-color: transparent;
  border-color: transparent;
  color: #355CC0;
  text-decoration: underline;
}

.hot-btn--link:hover {
  background-color: transparent;
  border-color: transparent;
  color: #355CC0;
  text-decoration: underline;
}

/* loginProviders.html */
.hot-btn--block {
  display: block;
  width: 100%;
}

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

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

/* casResetPasswordSendInstructionsView */
.authentication-tabs {
  top: 0;
  z-index: 1;
}

.auth-mb-4 {
  margin-bottom: 2rem;
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
}

.password-recovery-text, .login-success-text, .logout-success-text {
  font-size: 1.125rem;
}

/* casSignUpView */
.text-hotmart-tertiary {
  color: #51c1c3 !important;
}

.terms .terms__link {
  text-decoration: underline;
}

.auth__profile-box {
  color: #848a91;
  background-color: #f0f3f7;
  border: 1px solid #dfe2e6;
  border-radius: 0.5rem;
}
.dark-mode .auth__profile-box {
  background-color: #000000;
  border-color: #000;
}

.auth__profile-label {
  border-radius: 0.5rem;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  cursor: pointer;
  border: 1px solid #f0f3f7;
}
.dark-mode .auth__profile-label {
  border-color: #000;
}

.auth__profile-input:checked + .auth__profile-label {
  color: #343a42;
  background-color: #fff;
  border: 1px solid #848a91;
}
.dark-mode .auth__profile-input:checked + .auth__profile-label {
  color: var(--text-color);
  background-color: var(--gray-900);
  border-color: #000;
}

/* casForgotUsernameSendInfoView.html */
.auth-change-password svg,
.auth-forgot-password svg,
.auth-forgot-username svg {
  overflow: visible;
  width: 0.875em;
  transform: translate(-50%, -50%);
  display: inline-block;
  font-size: inherit;
  height: 1em;
  vertical-align: -0.125em;
}

/* casForgotUsernameSentInfoView.html */
/* casResetPasswordSentInstructionsView */
.auth-forgot-password .check-email svg,
.auth-forgot-username .check-email svg {
  overflow: visible;
  width: 1em;
  transform: none;
  display: inline-block;
  font-size: inherit;
  height: 1em;
  vertical-align: -0.125em;
  color: #2ecc71 !important;
}

.auth-forgot-password a.hot-btn--hotmart-primary,
.auth-forgot-username a.hot-btn--hotmart-primary {
  text-decoration: none;
}

/* pwdupdateform.html */
#password-policy-violation-msg.invalid-feedback {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 75%;
  font-weight: 400;
  color: #dc3545;
}

#password-confirm-mismatch-msg.invalid-feedback {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 75%;
  font-weight: 400;
  color: #dc3545;
}

.progress-bar-danger.mdc-linear-progress__bar-inner {
  border-color: #b00020;
  border-color: var(--danger, #b00020);
}

.progress-bar-warning.mdc-linear-progress__bar-inner {
  border-color: #e6a210;
  border-color: var(--warning, #e6a210);
}

.progress-bar-success.mdc-linear-progress__bar-inner {
  border-color: var(--success);
}

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

@media (max-width: 767px) {
  .toast {
    position: relative !important;
    right: 0% !important;
  }
}
.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-clip: padding-box;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: fixed;
  top: 10%;
  right: 2%;
  opacity: 1;
  z-index: 30;
}

#toast-error {
  background-color: #e74c3c;
}

#toast-error-agree {
  background-color: #e74c3c;
}

.toast p {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}

.h-83 {
  height: 83% !important;
}

.p-btn {
  padding: 12px !important;
}

.p-40 {
  padding: 40px;
}

.blocked-access-title {
  font-weight: 700;
  margin: 0;
}

.blocked-access-title, .blocked-access-info {
  color: #32363b;
  font-size: 16px;
  line-height: 24px;
}

.blocked-access-icon {
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff0f0;
  color: #d6342c;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.link-decoration {
  text-decoration: underline;
}

.text-hotmart-space-dark {
  color: #355cc0 !important;
}

.text-hotmart-space-dark :hover {
  color: #2a4998 !important;
}

.is-invalid, .is-invalid:focus {
  --hc-form-field-border-color: var(--hc-color-danger-400);
  --hc-form-field-focus-border-color: var(--hc-color-danger-400);
}

.hot-btn--hotmart-danger {
  background-color: var(--danger);
  border: 1px solid var(--danger);
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-danger:hover, .hot-btn--hotmart-danger:focus {
  background-color: var(--danger-dark);
  border: 1px solid var(--danger-dark);
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-danger:focus, .hot-btn--hotmart-danger:active {
  box-shadow: 0 0 0 0.1875rem var(--danger-dark);
  box-shadow: 0 0 0 var(--spacer-1) var(--danger-50);
}

.hot-btn--hotmart-danger:active, .hot-btn--hotmart-danger.active:active {
  background-color: var(--danger-dark);
  border: 1px solid var(--danger-darker);
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-danger.disabled, .hot-btn--hotmart-danger:disabled {
  background-color: var(--danger-light);
  border: 1px solid var(--danger-light);
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-danger.active {
  background-color: var(--danger-light);
  border: 1px solid var(--danger-light);
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-danger.hot-btn--loading .fa-spin {
  color: #fff;
  color: var(--white);
}

.partnership {
  position: relative;
  top: -1.5rem;
}

.partnership form {
  margin-top: 1rem;
}

.partnership .modal-header {
  border: none;
}

.partnership .modal-footer {
  border: none;
}

.partnership-header {
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.partnership-header-logo {
  width: 111px;
  height: 36px;
}

.partnership-header-icon {
  width: 19px;
}

.partnership-user-connect {
  font-size: 12px;
}

.partnership-description {
  font-size: 16px;
}

.partnership-actions {
  display: flex;
  align-items: center;
  margin-top: 14px;
}

.partnership-actions-icon {
  flex: 1;
  text-align: right;
  position: relative;
  top: 0px;
}

.partnership-actions-text {
  font-size: 14px;
  position: relative;
  top: 7px;
}

.partnership-actions-info {
  font-size: 16px;
}

.partnership-actions-buttons {
  display: flex;
}

.partnership-actions-buttons-item {
  flex: 1;
}

.partnership-terms {
  font-size: 14px;
}

.partnership-screen-loading {
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 70vh;
  justify-content: center;
}

.partnership-screen-loading .hot-loading__icon {
  margin: 0 auto;
}

.partnership-screen-loading h1 {
  font-size: 20px;
  margin-top: 1.5rem;
}

.partnership-screen-loading p {
  font-size: 16px;
  padding-left: 40px;
  padding-right: 40px;
}

.hot-btn--hotmart-blue {
  background-color: #5981E3;
  border: 1px solid #5981E3;
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-blue:hover, .hot-btn--hotmart-blue:focus {
  background-color: #5981E3;
  border: 1px solid #5981E3;
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-blue:focus, .hot-btn--hotmart-blue:active {
  box-shadow: 0 0 0 0.1875rem #5981E3;
  box-shadow: 0 0 0 #5981E3 #5981E3;
}

.hot-btn--hotmart-blue:active, .hot-btn--hotmart-blue.active:active {
  background-color: #5981E3;
  border: 1px solid #5981E3;
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-blue.disabled, .hot-btn--hotmart-blue:disabled {
  background-color: #5981E3;
  border: 1px solid #5981E3;
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-blue.active {
  background-color: #5981E3;
  border: 1px solid #5981E3;
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-blue.hot-btn--loading .fa-spin {
  color: #fff;
  color: var(--white);
}

.hot-btn--hotmart-blue-transparent {
  background-color: #fff;
  border: 1px solid #5981E3;
  color: #5981E3;
}

.hot-btn--hotmart-blue-transparent:hover, .hot-btn--hotmart-blue-transparent:focus {
  background-color: #fff;
  border: 1px solid #5981E3;
  color: #5981E3;
}

.hot-btn--hotmart-blue-transparent:focus, .hot-btn--hotmart-blue-transparent:active {
  box-shadow: 0 0 0 0.1875rem #5981E3;
  box-shadow: 0 0 0 #5981E3 #5981E3;
}

.hot-btn--hotmart-blue-transparent:active, .hot-btn--hotmart-blue-transparent.active:active {
  background-color: #fff;
  border: 1px solid #5981E3;
  color: #5981E3;
}

.hot-btn--hotmart-blue-transparent.disabled, .hot-btn--hotmart-blue-transparent:disabled {
  background-color: #fff;
  border: 1px solid #5981E3;
  color: #5981E3;
}

.hot-btn--hotmart-blue-transparent.active {
  background-color: #fff;
  border: 1px solid #5981E3;
  color: #5981E3;
}

.hot-btn--hotmart-blue-transparent.hot-btn--loading .fa-spin {
  color: #5981E3;
}

.w-90 {
  width: 90% !important;
}

.hot-loading__icon {
  height: 3rem;
  margin: 0.75rem 0;
  position: relative;
  width: 3rem;
}

.hot-loading__fire svg {
  height: 28px;
  left: 50%;
  margin-left: -8px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  width: 18px;
}

.hot-loading__fire svg path {
  fill: #f04e23;
}

.hot-loading__progress {
  margin: 0;
  text-align: center;
  width: 100%;
}

.hot-loading__progress:empty {
  display: none;
}

.hot-loading__activity {
  animation: spin 500ms linear infinite;
  border: 0.0625rem solid transparent;
  border-left-color: #c9ced4;
  border-radius: 50%;
  border-top-color: #c9ced4;
  display: block;
  height: 3rem;
  margin: 0 auto;
  position: relative;
  width: 3rem;
}

:host {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  max-width: 300px;
  padding: 0.75rem 1rem;
  position: relative;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* NEW VARIANT */
.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 {
  margin-bottom: 0;
}

.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/custom/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.new-variant.without-footer .no-footer {
  display: none !important;
}

/* CUSTOM LAYOUT */
.hot-login {
  background-color: var(--background-color);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--hc-color-neutral-900);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.login-footer {
  color: var(--gray-500);
  font-size: var(--hc-size-text-extrasmall);
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 1rem;
}
.login-footer > a {
  color: var(--text-secondary-color);
  text-decoration: none;
  margin-right: 4px;
}
.login-footer > a:nth-child(n+1) {
  margin-left: 4px;
}
.login-footer > a:hover, .login-footer > a:active, .login-footer > a:visited {
  color: var(--hc-color-primary-400);
}

.login-title {
  font-size: var(--hc-size-text-medium);
}

#login-submit-hidden {
  display: none;
  position: absolute;
  visibility: hidden;
}

.signup-text {
  color: var(--text-secondary-color);
}

.signup-link {
  color: var(--link-color);
}

.go-back {
  color: var(--link-secondary-color);
  text-decoration: none;
}

.login-powered-by {
  color: var(--text-secondary-color);
  font-size: var(--hc-size-text-extrasmall);
  margin-top: var(--hc-size-spacing-8);
}

.login-powered-by img {
  height: 22px;
  width: 71px;
  font-size: var(--hc-size-text-extrasmall);
}

.login-password-icon {
  color: var(--gray-300);
  border: none;
}

.login-create-account {
  color: var(--gray-500);
}

.login-forgot-password {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 0.75rem;
}
.login-forgot-password > a {
  color: var(--link-color);
  text-decoration: none;
}
.login-forgot-password > a:hover {
  color: var(--link-hover-color);
}

@media (max-width: 767px) {
  .authentication-sidebar {
    width: 370px;
    border: none;
    border-radius: var(--box-shadow-none);
    box-shadow: 0px 8px 16px -6px rgba(0, 0, 0, 0.12);
    z-index: 2;
    min-height: 100vh;
  }
  .authentication-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    z-index: 1;
  }
  .hot-authentication {
    justify-content: center;
    align-items: center;
  }
  .centered-login-wrapper .hot-authentication {
    align-items: normal;
  }
  .authentication-wrapper {
    padding: var(--hc-size-spacing-5);
  }
  .login-footer {
    width: 100%;
    margin-top: var(--hc-size-spacing-5);
  }
  .login-title {
    margin: 0;
    font-weight: 900;
  }
  .login-create-account {
    margin-top: var(--hc-size-spacing-3);
  }
  .login-powered-by {
    margin-top: var(--hc-size-spacing-5);
  }
}
#brand-name {
  margin-bottom: var(--hc-size-spacing-8);
}

@media (max-width: 767px) {
  #brand-name {
    margin-bottom: var(--hc-size-spacing-4);
    margin-top: var(--hc-size-spacing-4);
  }
}
.mfa-alert {
  margin-bottom: var(--hc-size-spacing-4);
}

.centered-login-wrapper .authentication-wrapper {
  flex: none;
}
.centered-login-wrapper .authentication-sidebar {
  background: none;
  border: none;
  border-radius: var(--hc-size-border-radius-large);
  max-width: none;
}
.centered-login-wrapper .authentication-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  z-index: 1;
}
.centered-login-wrapper #wrapper-card {
  background: var(--background-color);
  margin: auto;
  border-radius: var(--hc-size-border-radius-large);
}
.centered-login-wrapper .page-title {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.centered-login-wrapper #submit-button {
  margin-bottom: 1.5rem;
}

.login-custom-header {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
  padding: 1rem;
}
.dark-mode .login-custom-header hc-button {
  --hc-button-neutral-secondary-border-color: #fff;
  --hc-button-neutral-secondary-color: #fff;
  --hc-button-neutral-secondary-hover-border-color: #fff;
  --hc-button-neutral-secondary-hover-color: #fff;
}
.dark-mode .login-custom-header hc-button .circle-question {
  fill: #fff;
}

.login-custom-footer {
  justify-content: center;
  align-items: center;
  display: flex;
  line-height: normal;
  padding: 1rem;
}

.login-custom-header-logo {
  max-height: 70px;
  max-width: 300px;
}
@media (max-width: 600px) {
  .login-custom-header-logo {
    max-width: 230px;
  }
}

.hidden {
  display: none !important;
}

.separator-or {
  display: flex;
  align-items: center;
  width: 100%;
}
.separator-or .line {
  flex: 1;
  height: 1px;
  background-color: #d3d3d3;
}
.separator-or .line-left {
  margin-right: 1.25rem;
}
.separator-or .line-right {
  margin-left: 1.25rem;
}

.button-mb {
  margin-bottom: var(--spacer-3);
}

.arrow-icon {
  color: black;
}
.dark-mode .arrow-icon {
  color: white;
}

.code-alert {
  --hc-alert-font-size: var(--hc-size-text-extrasmall);
  --hc-alert-gap: var(--hc-size-spacing-1);
}
.code-alert ul {
  margin-bottom: 0;
}

.dark-mode span {
  color: #fff !important;
}

hc-form-field {
  width: 100%;
}

#userProfileOptions {
  width: 100%;
}

a:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-decoration-hover-color) !important;
  transition: text-decoration 0.3s;
}

.signin-password__button {
  flex: 1;
  font-size: 16px;
  width: 100%;
  font-weight: 400;
  height: 44px;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  background-color: transparent;
  margin-bottom: 10px;
}

.signin-password__button__icon {
  font-size: 16px;
}

.dark-mode .icon-white path {
  fill: #fff;
}

.mfa-wrapper-input {
  width: fit-content;
  margin: auto;
}
.mfa-wrapper-input > div:first-child {
  font-weight: bold;
}
.mfa-wrapper-input .code-error-message {
  padding-left: 6px;
  font-weight: normal;
}

#submit-button {
  margin-bottom: 20px;
}

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