/* ---------------------------------------------------

    C S S    A U T O M A T A     1.0

    - Release Date:  Octubre 2022
    - Developed by:  Eduardo León | Twitter: @SoyEduardoLeon

--------------------------------------------------- */
/*-----------------------------
    # V A R S
-----------------------------*/
/* F O N T S
-----------------------------*/
/* B R E A K P O I N T S
-----------------------------*/
/* C O L O R S
-------------------------------------------------*/
/*-----------------------------
    # R E S E T   C S S
-----------------------------*/
*:before,
*:after,
*:not(dialog) {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
  border: none;
  background: none;
  color: inherit;
}
body {
  margin: 0;
  font-family: sans-serif;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/*-----------------------------
    # B A S E
-----------------------------*/
*::selection {
  background-color: #4546F9;
  color: #ffffff;
}
html,
body {
  font-family: 'Exo 2', sans-serif;
  font-size: 16px;
  color: #131023;
  line-height: 1.5;
  font-weight: 400;
  background-color: #FBFBFF;
  letter-spacing: 0.0312rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1 {
  font-size: 2.5rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.75rem;
}
h4 {
  font-size: 1.5rem;
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1rem;
}
a {
  color: #4546F9;
}
p {
  margin-bottom: 1rem;
}
b,
strong {
  font-weight: 700;
}
img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 0;
  vertical-align: middle;
}
hr {
  box-sizing: content-box;
  height: 0;
  margin: 5px 0 40px 0;
  border: 0;
  border-top: 1px solid #FBFBFF;
}
/*
 * -----------------------------------------------------------------------------------------------------------------------
 * -----------------------------------------------------------------------------------------------------------------------
 * Exo 2 Font Face
 * Pesos: 300 (Light), 400 (Regular), 600 (SemiBold), 700 (Bold)
 * -----------------------------------------------------------------------------------------------------------------------
 * -----------------------------------------------------------------------------------------------------------------------
 */
/* --- Light --- */
@font-face {
  font-family: 'Exo 2';
  src: url('../fonts/Exo_2/Exo2-Light.woff2') format('woff2'), url('../fonts/Exo_2/Exo2-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Exo 2';
  src: url('../fonts/Exo_2/Exo2-LightItalic.woff2') format('woff2'), url('../fonts/Exo_2/Exo2-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
/* --- Regular --- */
@font-face {
  font-family: 'Exo 2';
  src: url('../fonts/Exo_2/Exo2-Regular.woff2') format('woff2'), url('../fonts/Exo_2/Exo2-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Exo 2';
  src: url('../fonts/Exo_2/Exo2-Italic.woff2') format('woff2'), url('../fonts/Exo_2/Exo2-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* --- SemiBold --- */
@font-face {
  font-family: 'Exo 2';
  src: url('../fonts/Exo_2/Exo2-SemiBold.woff2') format('woff2'), url('../fonts/Exo_2/Exo2-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Exo 2';
  src: url('../fonts/Exo_2/Exo2-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Exo_2/Exo2-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
/* --- Bold --- */
@font-face {
  font-family: 'Exo 2';
  src: url('../fonts/Exo_2/Exo2-Bold.woff2') format('woff2'), url('../fonts/Exo_2/Exo2-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Exo 2';
  src: url('../fonts/Exo_2/Exo2-BoldItalic.woff2') format('woff2'), url('../fonts/Exo_2/Exo2-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/*
 * -----------------------------------------------------------------------------------------------------------------------
 * -----------------------------------------------------------------------------------------------------------------------
 * JetBrains Mono Font Face - Para datos en tablas (tbody)
 * Pesos: Pesos: 300 (Light), 400 (Regular)
 * -----------------------------------------------------------------------------------------------------------------------
 * -----------------------------------------------------------------------------------------------------------------------
 */
/* --- Light --- */
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/JetBrains_Mono/JetBrainsMono-Light.woff2') format('woff2'), url('../fonts/JetBrains_Mono/JetBrainsMono-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/JetBrains_Mono/JetBrainsMono-LightItalic.woff2') format('woff2'), url('../fonts/JetBrains_Mono/JetBrainsMono-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
/* --- Regular (como base) --- */
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/JetBrains_Mono/JetBrainsMono-Regular.woff2') format('woff2'), url('../fonts/JetBrains_Mono/JetBrainsMono-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/JetBrains_Mono/JetBrainsMono-Italic.woff2') format('woff2'), url('../fonts/JetBrains_Mono/JetBrainsMono-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/*-----------------------------
    # A V A T A R
-----------------------------*/
.avatar {
  width: 3rem;
  height: 3rem;
  min-width: 25px;
  min-height: 25px;
  display: inline-block;
  position: relative;
  font-size: 1.25rem;
}
.avatar .avatar__initials {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #4546F9;
  color: #ffffff;
  border-radius: 50%;
}
.avatar .avatar__initials::after {
  content: attr(data-initials);
}
.avatar img {
  border-radius: 5px;
}
.avatar.avatar--extra-large {
  width: 6rem;
  height: 6rem;
  font-size: 2.25rem;
}
.avatar.avatar--large {
  width: 4rem;
  height: 4rem;
  font-size: 1.75rem;
}
.avatar.avatar--small {
  width: 25px;
  height: 25px;
  font-size: 0.75rem;
}
/*-----------------------------
    # A L E R T
-----------------------------*/
.alert {
  padding: 1rem;
  margin-bottom: 1em;
  border-radius: 6px;
  display: inline-block;
  width: 100%;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.alert .alert__close {
  line-height: 1;
  cursor: pointer;
}
.alert p {
  flex: 1;
  margin-bottom: 0;
  font-weight: 400;
}
.alert p a {
  font-weight: 700;
  color: inherit;
  text-decoration: underline;
}
.alert.alert--info {
  color: #3B82F6;
  background-color: #ffffff;
}
.alert.alert--success {
  color: #10B981;
  background-color: #d7fcef;
}
.alert.alert--warning {
  color: #F59E0B;
  background-color: #fce6c0;
}
.alert.alert--danger {
  color: #EF4444;
  background-color: #fde4e4;
}
.alert.alert--border {
  border: 1px solid;
}
/*-----------------------------
    # B A D G E
-----------------------------*/
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  border-radius: 3px;
  padding: 0.3rem 0.5rem;
  font-size: 11px;
  font-weight: 600;
  vertical-align: bottom;
  color: inherit;
}
.badge.badge--primary {
  color: #fff;
  background-color: #4546F9;
}
.badge.badge--secondary {
  color: #fff;
  background-color: #00C0FF;
}
.badge.badge--info {
  color: #fff;
  background-color: #3B82F6;
}
.badge.badge--success {
  color: #fff;
  background-color: #10B981;
}
.badge.badge--warning {
  color: #fff;
  background-color: #F59E0B;
}
.badge.badge--danger {
  color: #fff;
  background-color: #EF4444;
}
.badge.badge--pending {
  color: #8F97B0;
  background-color: #E4E7F0;
}
.badge.badge--primary-light {
  color: #4546F9;
  background-color: #ffffff;
}
.badge.badge--secondary-light {
  color: #00C0FF;
  background-color: #d6f5ff;
}
.badge.badge--info-light {
  color: #3B82F6;
  background-color: #ffffff;
}
.badge.badge--success-light {
  color: #10B981;
  background-color: #d7fcef;
}
.badge.badge--warning-light {
  color: #F59E0B;
  background-color: #fce6c0;
}
.badge.badge--danger-light {
  color: #EF4444;
  background-color: #fde4e4;
}
.badge.badge--primary-outline {
  color: #4546F9;
  border: 1px solid #ffffff;
  font-weight: 400;
}
.badge.badge--secondary-outline {
  font-weight: 400;
  color: #00C0FF;
  border: 1px solid #d6f5ff;
}
.badge.badge--info-outline {
  font-weight: 400;
  color: #3B82F6;
  border: 1px solid #ffffff;
}
.badge.badge--success-outline {
  font-weight: 400;
  color: #10B981;
  border: 1px solid #a8f7dd;
}
.badge.badge--warning-outline {
  font-weight: 400;
  color: #F59E0B;
  border: 1px solid #fbdca8;
}
.badge.badge--danger-outline {
  font-weight: 400;
  color: #EF4444;
  border: 1px solid #fbd1d1;
}
.badge.badge--big {
  font-size: 1rem;
  padding: 0.5rem 1rem;
}
/*-----------------------------
    # B U T T O N
-----------------------------*/
button {
  cursor: pointer;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;
  gap: 0.5rem;
  font-family: 'Exo 2', sans-serif;
  letter-spacing: 3px;
  white-space: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5rem;
  padding: 0.6rem 1.25rem;
  border-radius: 0.3rem;
  border: 1px solid transparent;
  cursor: pointer;
  overflow: hidden;
  margin-bottom: 0.5rem;
  position: relative;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.button:not(:last-child) {
  margin-right: 0.5rem;
}
.button icon {
  font-size: 16px;
  color: inherit;
  line-height: 1.5rem;
}
.button:hover {
  text-decoration: none;
}
.button.button--primary {
  background-color: #4546F9;
  border-color: #4546F9;
  color: #ffffff;
}
.button.button--primary:hover {
  background-color: #5e5ffa;
  border-color: #5e5ffa;
}
.button.button--secondary {
  background-color: #00C0FF;
  border-color: #00C0FF;
  color: #ffffff;
}
.button.button--secondary:hover {
  background-color: #1ac6ff;
  border-color: #1ac6ff;
}
.button.button--dark {
  background-color: #131023;
  border-color: #131023;
  color: white;
}
.button.button--dark:hover {
  background-color: #1d1835;
  border-color: #1d1835;
}
.button.button--light {
  background-color: #FBFBFF;
  border-color: #FBFBFF;
  color: #131023;
}
.button.button--success {
  background-color: #10B981;
  border-color: #10B981;
  color: white;
}
.button.button--success:hover {
  background-color: #12d091;
  border-color: #12d091;
}
.button.button--info {
  background-color: #3B82F6;
  border-color: #3B82F6;
  color: white;
}
.button.button--info:hover {
  background-color: #5392f7;
  border-color: #5392f7;
}
.button.button--warning {
  background-color: #F59E0B;
  border-color: #F59E0B;
  color: white;
}
.button.button--warning:hover {
  background-color: #f6a823;
  border-color: #f6a823;
}
.button.button--danger {
  background-color: #EF4444;
  border-color: #EF4444;
  color: white;
}
.button.button--danger:hover {
  background-color: #f15b5b;
  border-color: #f15b5b;
}
.button.button--white {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
.button.button--primary-light {
  background-color: #ffffff;
  border-color: none;
  color: #4546F9;
}
.button.button--primary-light:hover {
  background-color: #ffffff;
}
.button.button--success-light {
  background-color: #cdfbec;
  border-color: none;
  color: #10B981;
}
.button.button--success-light:hover {
  background-color: #c4fae8;
}
.button.button--primary-outline {
  background-color: white;
  border-color: #4546F9;
  color: #4546F9;
}
.button.button--primary-outline:hover {
  background-color: #4546F9;
  color: #ffffff;
}
.button.button--secondary-outline {
  background-color: white;
  border-color: #00C0FF;
  color: #00C0FF;
}
.button.button--secondary-outline:hover {
  background-color: #00C0FF;
  color: #ffffff;
}
.button.button--dark-outline {
  background-color: white;
  border-color: #131023;
  color: #131023;
}
.button.button--dark-outline:hover {
  background-color: #131023;
  color: white;
}
.button.button--light-outline {
  background-color: white;
  border-color: #C9CFE0;
  color: #6D7592;
}
.button.button--light-outline:hover {
  background-color: #FBFBFF;
}
.button.button--success-outline {
  background-color: white;
  border-color: #10B981;
  color: #10B981;
}
.button.button--success-outline:hover {
  background-color: #10B981;
  color: white;
}
.button.button--info-outline {
  background-color: white;
  border-color: #3B82F6;
  color: #3B82F6;
}
.button.button--info-outline:hover {
  background-color: #3B82F6;
  color: white;
}
.button.button--warning-outline {
  background-color: white;
  border-color: #F59E0B;
  color: #F59E0B;
}
.button.button--warning-outline:hover {
  background-color: #F59E0B;
  color: white;
}
.button.button--danger-outline {
  background-color: white;
  border-color: #EF4444;
  color: #EF4444;
}
.button.button--danger-outline:hover {
  background-color: #EF4444;
  color: white;
}
.button.button--white-outline {
  background-color: transparent;
  border-color: white;
  color: white;
}
.button.button--link-invert {
  background-color: none;
  border-color: none;
  color: #ffffff;
  padding: 1rem 0 0.25rem 0;
  letter-spacing: 2px;
}
.button.button--link-invert:after {
  content: '';
  height: 2px;
  background: white;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.button.button--link-invert:hover:after {
  width: 100%;
}
.button.button--large {
  font-size: 1.25rem;
  padding: 1rem 2rem;
}
.button.button--small {
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
  letter-spacing: 2px;
}
.button.button--full-width {
  width: 100%;
}
.button.button--full-width:after {
  padding-top: 100%;
  padding-left: 100%;
}
.button:disabled,
.button[disabled],
.button.button--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.button:before {
  content: "";
  background: white;
  display: block;
  position: absolute;
  top: auto;
  left: auto;
  padding-top: 200%;
  padding-left: 200%;
  opacity: 0;
  transition: all 0.8s;
  border-radius: 999px;
}
.button:active:before {
  padding: 0;
  margin: 0;
  opacity: 0.5;
  transition: 0s;
}
.button-group {
  display: flex;
  gap: 1rem;
}
.button-group .button {
  flex: auto;
  margin: 0;
}
.button-group .button.button--auto {
  flex: inherit;
}
.button-group.button-group--collapsed {
  gap: 0;
}
.button-group.button-group--collapsed .button {
  border-radius: 0px;
}
.button-group.button-group--collapsed .button:first-child {
  border-radius: 4px 0px 0px 4px;
}
.button-group.button-group--collapsed .button:last-child {
  border-radius: 0px 4px 4px 0px;
}
/*-----------------------------
    # B R E A D C R U M B
-----------------------------*/
.breadcrumb {
  display: inline-flex;
  list-style: none;
  font-size: 14px;
}
.breadcrumb li {
  color: #6D7592;
}
.breadcrumb li a {
  text-decoration: none;
  color: inherit;
}
.breadcrumb li a:hover {
  color: #4546F9;
}
.breadcrumb li icon {
  font-size: 16px;
}
.breadcrumb li:not(:first-child):before {
  content: "/";
  color: #ADB4CC;
  padding: 0 0.5rem;
}
.breadcrumb li.is--current {
  color: #4546F9;
}
/*-----------------------------
    # C A R D
-----------------------------*/
.card {
  background: white;
  position: relative;
  padding: 1.25rem;
  width: 100%;
  border-radius: 0.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.025);
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 640px) {
  .card {
    padding: 0.85rem;
    margin-bottom: 1rem;
  }
}
.card .card__header {
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.card .card__header h5 {
  font-size: 14px;
  text-transform: uppercase;
}
@media screen and (max-width: 640px) {
  .card .card__header {
    padding: 1rem;
  }
}
.card:has(.card__header),
.card:has(.card__tabs) {
  padding: 0;
}
.card:has(.card__header) .card__body,
.card:has(.card__tabs) .card__body,
.card:has(.card__header) .card__footer,
.card:has(.card__tabs) .card__footer {
  padding: 1rem 1.5rem;
  border-top: 1px solid #E4E7F0;
}
@media screen and (max-width: 640px) {
  .card:has(.card__header) .card__body,
  .card:has(.card__tabs) .card__body,
  .card:has(.card__header) .card__footer,
  .card:has(.card__tabs) .card__footer {
    padding: 1rem;
  }
}
.card.card--auto-height {
  height: 100%;
}
.card.card--primary {
  color: #ffffff;
  background: #4546F9;
}
/*-----------------------------
    # C O L L A P S E
-----------------------------*/
.collapse {
  list-style: none;
  border-radius: 0.4rem;
  margin: 1rem 0;
}
.collapse .collapse__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
  box-shadow: inset 0px 1px 0px #E4E7F0;
  cursor: pointer;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.collapse .collapse__title span {
  flex: 1;
}
.collapse .collapse__title icon {
  color: #4546F9;
  font-size: 19px;
}
.collapse .collapse__title icon.icon--chevron-down {
  color: #E4E7F0;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.collapse .collapse__title:hover {
  color: #4546F9;
}
.collapse .collapse__title.is--active {
  color: #4546F9;
}
.collapse .collapse__title.is--active .icon--chevron-down {
  color: #8F97B0;
  transform: rotate(180deg);
}
.collapse .collapse__body {
  height: 0px;
  box-shadow: inset 0px 1px 0px #E4E7F0;
  overflow: hidden;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.collapse .collapse__body .collapse__content {
  padding: 1rem;
}
.collapse li {
  overflow: hidden;
}
.collapse li:first-child .collapse__title {
  box-shadow: none;
}
.collapse.collapse--primary {
  border-color: #4546F9;
}
.collapse.collapse--primary .collapse__title {
  background: #4546F9;
  color: #ffffff;
  box-shadow: none;
}
.collapse.collapse--primary .collapse__title:hover {
  background-color: #4f50f9;
}
.collapse.collapse--primary icon {
  color: #ffffff !important;
}
/*-----------------------------
    # C O L U M N S
-----------------------------*/
.row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5rem;
  align-items: stretch;
}
.row.row--auto > .column {
  flex-grow: 1;
}
.row.row--collapsed {
  gap: 0;
}
@media screen and (min-width: 1281px) {
  .row > .widescreen--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .row > .desktop--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .row > .tablet--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (max-width: 640px) {
  .row > .mobile--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
.row .column--expand {
  flex: 1;
  min-width: 1px;
}
.row .column--auto-height {
  align-self: stretch;
}
/*-----------------------------*\
    # C O N T A I N E R
\*-----------------------------*/
.container {
  width: 100%;
  max-width: 1500px;
  margin: auto;
  position: relative;
  padding: 0 2rem;
}
@media screen and (max-width: 960px) {
  .container {
    padding: 0 1rem;
  }
}
.container.container--fluid {
  max-width: none;
}
.container.container--collapsed {
  padding: 0;
}
.container.container--medium {
  max-width: 1200px;
}
.container.container--small {
  max-width: 600px;
}
/*-----------------------------
    # D R O P D O W N
-----------------------------*/
.dropdown {
  position: relative;
}
.dropdown icon {
  font-size: 18px;
  color: #C9CFE0;
  cursor: pointer;
}
.dropdown icon:hover {
  color: #4546F9;
}
.dropdown:has(.button) .button {
  margin: 0;
}
.dropdown:has(.button) .button icon {
  color: #ffffff;
}
.dropdown:has(.button) ul {
  margin-top: 0.85rem;
}
.dropdown:has(.button) ul::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -8px;
  background: white;
  transform: rotate(45deg);
  right: 1.5rem;
}
.dropdown ul {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: max-content;
  background: white;
  border-radius: 4px;
  padding: 0.5rem 0;
  inset: 0px 0px auto auto;
  box-shadow: 0px 6px 14px -4px rgba(0, 0, 0, 0.2);
  text-align: left;
  z-index: 99;
  -webkit-transform: translate(0, 4rem);
  -moz-transform: translate(0, 4rem);
  -ms-transform: translate(0, 4rem);
  -o-transform: translate(0, 4rem);
  transform: translate(0, 4rem);
  webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -ms-transform: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
}
.dropdown ul li {
  list-style: none;
}
.dropdown ul li a {
  display: block;
  padding: 0.5rem 1.25rem;
  font-size: 14px;
  color: #6D7592;
  text-decoration: none;
}
.dropdown ul li a:hover {
  color: #4546F9;
}
.dropdown ul li a icon {
  color: inherit;
  font-size: 16px;
  margin-right: 10px;
}
.dropdown.is--open > icon {
  color: #4546F9;
}
.dropdown.is--open ul {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(0, 2rem);
  -moz-transform: translate(0, 2rem);
  -ms-transform: translate(0, 2rem);
  -o-transform: translate(0, 2rem);
  transform: translate(0, 2rem);
}
/*-----------------------------
    # F O R M
-----------------------------*/
.form .form__item {
  position: relative;
  margin-bottom: 1.5rem;
}
.form .form__item .form__input,
.form .form__item .form__input:-webkit-autofill {
  display: block;
  padding: 0.75rem 1rem;
  border: 1px solid #E4E7F0;
  border-radius: 0.3rem;
  font-size: 1rem;
  width: 100%;
  font-family: 'Exo 2', sans-serif;
  font-weight: 400;
  color: #131023;
  resize: none;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item .form__input:focus,
.form .form__item .form__input:-webkit-autofill:focus {
  border-color: #4546F9;
  color: #131023;
  box-shadow: 0px 6px 20px -12px rgba(19, 16, 35, 0.5);
}
.form .form__item .form__input::placeholder,
.form .form__item .form__input:-webkit-autofill::placeholder {
  color: #C9CFE0;
}
.form .form__item .form__input:disabled,
.form .form__item .form__input:-webkit-autofill:disabled {
  background: #F3F4F9;
  color: #8F97B0;
  pointer-events: none;
}
.form .form__item .form-arrow {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: inherit;
  top: 2.35rem;
  right: 0.25rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.5rem;
  color: #ADB4CC;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item:has(input[type='file']) input {
  padding: 0px;
  border: none;
  box-shadow: 0 0 0 1px inset #E4E7F0;
}
.form .form__item:has(input[type='file']) input::file-selector-button {
  font-family: 'Exo 2', sans-serif;
  letter-spacing: 1px;
  line-height: 1.5;
  background: #4546F9;
  color: #ffffff;
  border: none;
  padding: 0.75rem 1rem 0.75rem 2.5rem;
  margin-right: 1rem;
}
.form .form__item:has(input[type='file']) icon {
  top: 2.5rem;
  left: 0.5rem;
  right: auto;
  font-size: 16px;
  color: #fff;
}
.form .form__item .form__input--code:not(:placeholder-shown) {
  font-weight: 700;
  letter-spacing: 12px;
}
.form .form__item .drag-file {
  width: 180px;
  height: 180px;
  background: #FBFBFF;
  border-radius: 6px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px dashed #E4E7F0;
  overflow: hidden;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 640px) {
  .form .form__item .drag-file {
    width: 100px;
    height: 100px;
  }
}
.form .form__item .drag-file:hover {
  border-color: #C9CFE0;
}
.form .form__item .drag-file:hover label {
  color: #4546F9;
}
.form .form__item .drag-file:hover .drag-file__preview {
  opacity: 0 !important;
}
.form .form__item .drag-file label {
  padding: 1rem;
  text-align: center;
  line-height: 1.5 !important;
}
@media screen and (max-width: 640px) {
  .form .form__item .drag-file label {
    padding-top: 0;
  }
}
.form .form__item .drag-file .drag-file__preview {
  background: #FBFBFF;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 70;
  top: 0;
  left: 0;
  opacity: 0.25;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item .drag-file .drag-file__edit-btn {
  bottom: 5px;
  right: 5px;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 90;
  background: #fff;
  color: #4546F9;
  padding: 0.5rem;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 640px) {
  .form .form__item .drag-file .drag-file__edit-btn {
    bottom: -6px;
    right: -6px;
  }
}
.form .form__item .drag-file.has--image {
  border: 1px solid #fff;
}
.form .form__item .drag-file.has--image:hover {
  border: 1px dashed #E4E7F0;
}
.form .form__item .drag-file.has--image:hover .drag-file__edit-btn {
  opacity: 0;
}
.form .form__item .drag-file.has--image .drag-file__preview {
  opacity: 1;
}
.form .form__item .drag-file.has--image .drag-file__edit-btn {
  opacity: 1;
}
.form .form__item .drag-file input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
.form .form__item .drag-file icon {
  position: initial;
  color: #4546F9 !important;
}
.form .form__item label:has(input[type='checkbox']) {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: fit-content;
}
.form .form__item label:has(input[type='checkbox']):before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.3rem;
  box-shadow: 0px 0px 0px 1px #C9CFE0;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='checkbox']):after {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 0.5rem;
  top: 0.35rem;
  width: 0.5rem;
  height: 0.75rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='checkbox']:checked):before {
  box-shadow: 0px 0px 0px 1px #4546F9;
  background-color: #4546F9;
}
.form .form__item label:has(input[type='radio']) {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  width: fit-content;
}
.form .form__item label:has(input[type='radio']):before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 2rem;
  box-shadow: 0px 0px 0px 1px #C9CFE0;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='radio']):after {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 0.95rem;
  height: 0.95rem;
  background-color: #4546F9;
  border-radius: 2rem;
  opacity: 0;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='radio']:checked):before {
  box-shadow: 0px 0px 0px 1px #4546F9;
}
.form .form__item label:has(input[type='radio']:checked):after {
  opacity: 1;
}
.form .form__item label.switch:has(input[type='checkbox']) {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: fit-content;
  line-height: 1rem;
}
.form .form__item label.switch:has(input[type='checkbox']):before {
  content: '';
  width: 2rem;
  height: 1rem;
  border-radius: 3rem;
  box-shadow: 0px 0px 0px 1px #C9CFE0;
  background: #FBFBFF;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label.switch:has(input[type='checkbox']):after {
  content: '';
  width: 1rem;
  height: 1rem;
  position: absolute;
  background: #fff;
  top: auto;
  left: 0;
  box-shadow: 0px 0px 0px 1px #C9CFE0;
  border-radius: 3rem;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label.switch:has(input[type='checkbox']:checked):before {
  box-shadow: 0px 0px 0px 1px #4546F9;
  background-color: #4546F9;
}
.form .form__item label.switch:has(input[type='checkbox']:checked):after {
  box-shadow: 0px 0px 0px 1px #4546F9;
  left: 1rem;
}
.form .form__item label input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  font-size: 18px;
}
.form .form__item:has(select) select {
  color: #C9CFE0 !important;
}
.form .form__item:has(select) select:focus {
  color: #131023 !important;
}
.form .form__item:has(select):after {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: inherit;
  top: 2.35rem;
  right: 0.25rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.5rem;
  color: #ADB4CC;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item .select2-container {
  width: 100% !important;
}
.form .form__item .select2-selection__arrow {
  display: none;
}
.form .form__item .select2-selection,
.form .form__item .select2-selection--single,
.form .form__item .select2-selection__rendered {
  height: 40px;
}
.form .form__item .select2-selection,
.form .form__item .select2-selection--single {
  border: 0px;
}
.form .form__item .select2-selection__rendered {
  background: #fff !important;
  border: 1px solid #E4E7F0 !important;
  border-radius: 0.3rem !important;
  font-size: 1rem !important;
  color: #131023;
  padding: 6px 14px 0px 14px;
}
.form .form__item .select2-container--focus .select2-selection__rendered,
.form .form__item .select2-container--open .select2-selection__rendered {
  border: 1px solid #4546F9 !important;
  color: #131023;
}
.form .form__item:has(datalist) datalist {
  color: #C9CFE0 !important;
}
.form .form__item:has(datalist) datalist:focus {
  color: #131023 !important;
}
.form .form__item:has(datalist):after {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: inherit;
  top: 2.35rem;
  right: 0.25rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.5rem;
  color: #ADB4CC;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item [data-toggle="show-password"] {
  cursor: pointer;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item [data-toggle="show-password"]:hover {
  color: #4546F9;
}
.form .form__item [data-toggle="show-password"].is--active {
  color: #4546F9;
}
.form .form__item [data-toggle="show-password"].is--active:before {
  content: "\e86a" !important;
}
.form .form__item:has(input[type='text']) label,
.form .form__item:has(input[type='number']) label,
.form .form__item:has(input[type='password']) label,
.form .form__item:has(input[type='file']) label,
.form .form__item:has(input[type='email']) label,
.form .form__item:has(textarea) label,
.form .form__item:has(datalist) label,
.form .form__item:has(select) label {
  font-weight: 700;
  letter-spacing: 0.1rem;
  line-height: 2.3;
  text-transform: uppercase;
  font-size: 0.78rem;
}
.form .form__item:has(icon) input {
  padding-right: 2.5rem !important;
}
.form .form__item:has(icon):has(.icon--left) input {
  padding-left: 2.25rem;
  padding-right: auto;
}
.form .form__item:has(icon):has(.icon--left) .icon--left {
  right: auto;
  left: 0.5rem;
}
.form .form__item:has(icon) icon {
  position: absolute;
  top: 0.6rem;
  right: 0.5rem;
  color: #ADB4CC;
  font-size: 16px;
  padding: 0.25rem;
}
.form .form__item:has(label) icon {
  top: 2.5rem;
}
.form .form__item .input__validation {
  font-size: 0.876rem;
  line-height: 1.2;
  margin-top: 0.5rem;
}
.form .form__item:not(:has(.form__input[required])):has(input[type='text']) label:after,
.form .form__item:not(:has(.form__input[required])):has(input[type='password']) label:after,
.form .form__item:not(:has(.form__input[required])):has(input[type='file']) label:after,
.form .form__item:not(:has(.form__input[required])):has(input[type='email']) label:after,
.form .form__item:not(:has(.form__input[required])):has(textarea) label:after,
.form .form__item:not(:has(.form__input[required])):has(datalist) label:after,
.form .form__item:not(:has(.form__input[required])):has(select) label:after {
  content: ' (Opcional)';
  font-size: inherit;
  color: #ADB4CC;
  font-weight: 400;
}
.form .form__item.form__item--success .form__input {
  border-color: #10B981;
}
.form .form__item.form__item--success .input__validation {
  color: #10B981;
}
.form .form__item.form__item--danger .input__validation {
  color: #EF4444;
}
.form .form__item.form__item--danger:has(.form__input[required]) label:after {
  content: '*';
  font-size: 1rem;
  line-height: 1;
  vertical-align: sub;
  margin-left: 0.15rem;
  color: #EF4444;
}
.form .form__item .form__group {
  display: flex;
  align-items: center;
}
.form .form__item .form__group .form__input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.form .form__item .form__group button {
  flex: none;
  margin: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.form .form__actions {
  margin-bottom: 1.5rem;
}
.form .form__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5rem;
  align-items: center;
}
.form .form__row .form__item {
  flex-grow: 1;
}
.form .form__row .button {
  margin-bottom: 0px;
}
@media screen and (min-width: 1281px) {
  .form .form__row .widescreen--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .form .form__row .desktop--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .form .form__row .tablet--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (max-width: 640px) {
  .form .form__row .mobile--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 641px) {
  .form.form--horizontal .form__item {
    margin-left: 25rem;
  }
}
.form.form--horizontal .form__item:has(label) icon {
  bottom: 0.65rem;
  top: auto;
}
.form.form--horizontal .form__item:has(select):after {
  top: 0.6rem;
}
@media screen and (max-width: 640px) {
  .form.form--horizontal .form__item:has(select):after {
    top: 3.2rem;
  }
}
.form.form--horizontal .form__item:has(input[type='text']) label,
.form.form--horizontal .form__item:has(input[type='number']) label,
.form.form--horizontal .form__item:has(input[type='password']) label,
.form.form--horizontal .form__item:has(input[type='file']) label,
.form.form--horizontal .form__item:has(input[type='tel']) label,
.form.form--horizontal .form__item:has(input[type='email']) label,
.form.form--horizontal .form__item:has(textarea) label,
.form.form--horizontal .form__item:has(datalist) label,
.form.form--horizontal .form__item:has(select) label {
  text-transform: none;
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 400;
  color: #6D7592;
  margin-left: -25rem;
  float: left;
  margin-top: 6px;
}
@media screen and (max-width: 640px) {
  .form.form--horizontal .form__item:has(input[type='text']) label,
  .form.form--horizontal .form__item:has(input[type='number']) label,
  .form.form--horizontal .form__item:has(input[type='password']) label,
  .form.form--horizontal .form__item:has(input[type='file']) label,
  .form.form--horizontal .form__item:has(input[type='tel']) label,
  .form.form--horizontal .form__item:has(input[type='email']) label,
  .form.form--horizontal .form__item:has(textarea) label,
  .form.form--horizontal .form__item:has(datalist) label,
  .form.form--horizontal .form__item:has(select) label {
    margin-left: 0;
  }
}
.form.form--horizontal .form__item:has(input[type='file']) div {
  position: relative;
}
.select2-dropdown {
  border: 1px solid #4546F9 !important;
  border-radius: 0.3rem !important;
}
.select2-dropdown--above {
  margin: 1px 0px;
}
.select2-dropdown--below {
  margin: -1px 0px;
}
.select2-results {
  margin: 0px 0px 2px 0px;
}
.select2-results__option--selectable {
  padding: 0.25rem 0.25rem 0.25rem 1rem;
}
.select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #4546F9 !important;
}
.select2-search {
  margin: 1rem;
  letter-spacing: 1px;
  background-color: #fff;
}
.select2-search--dropdown {
  padding: 0px !important;
}
.select2-results__options {
  border-top: 1px solid #4546F9 !important;
}
.select2-search__field {
  border-radius: 0.3rem !important;
  font-family: 'Exo 2', sans-serif !important;
  font-size: 1rem !important;
  letter-spacing: 1px;
  padding: 0.5rem 0.75rem !important;
  border: 1px solid #4546F9 !important;
}
.select2-search__field:focus {
  border-color: #4546F9;
  color: #131023;
  box-shadow: 0px 6px 20px -12px rgba(19, 16, 35, 0.5);
}
.select2-search__field::placeholder {
  color: #C9CFE0;
}
.select2-search__field:disabled {
  background: #F3F4F9;
  color: #8F97B0;
  pointer-events: none;
}
.select2-results__message {
  font-family: 'Exo 2', sans-serif !important;
  font-size: 1rem !important;
  letter-spacing: 1px;
  padding: 0.75rem 1rem !important;
}
/*-----------------------------
    # G R I D
-----------------------------*/
.grid {
  display: grid;
  gap: 1rem;
}
@media screen and (min-width: 1281px) {
  .grid.widescreen--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.widescreen--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.widescreen--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.widescreen--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.widescreen--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.widescreen--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.widescreen--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.widescreen--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.widescreen--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.widescreen--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.widescreen--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.widescreen--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .grid.desktop--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.desktop--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.desktop--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.desktop--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.desktop--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.desktop--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.desktop--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.desktop--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.desktop--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.desktop--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.desktop--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.desktop--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .grid.tablet--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.tablet--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.tablet--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.tablet--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.tablet--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.tablet--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.tablet--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.tablet--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.tablet--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.tablet--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.tablet--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.tablet--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .grid.mobile--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.mobile--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.mobile--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.mobile--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.mobile--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.mobile--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.mobile--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.mobile--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.mobile--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.mobile--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.mobile--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.mobile--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid.grid--collapsed {
  grid-gap: 0px;
  margin-bottom: 0;
}
/*-----------------------------
    # H I G H T
-----------------------------*/
.height.height--large {
  min-height: 800px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .height.height--large {
    min-height: 600px;
  }
}
/*-----------------------------
    # I C O N S
-----------------------------*/
/* I C O N S
-----------------------------*/
@font-face {
  font-family: 'feather';
  src: url('../fonts/feather/feather.eot?t=1525787366991');
  /* IE9*/
  src: url('../fonts/feather/feather.eot?t=1525787366991#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/feather/feather.woff?t=1525787366991') format('woff'), /* chrome, firefox */ url('../fonts/feather/feather.ttf?t=1525787366991') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/feather/feather.svg?t=1525787366991#feather') format('svg');
  /* iOS 4.1- */
}
icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'feather' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 21px;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.icon--success:hover {
  color: #10B981 !important;
}
.icon--danger:hover {
  color: #EF4444 !important;
}
.icon--primary-square {
  color: #4546F9;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 0.75rem;
}
.icon--info-square {
  color: #3B82F6;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 0.75rem;
}
.icon--success-square {
  color: #10B981;
  background-color: #d7fcef;
  border-radius: 5px;
  padding: 0.75rem;
}
.icon--warning-square {
  color: #F59E0B;
  background-color: #fce2b6;
  border-radius: 5px;
  padding: 0.75rem;
}
.icon--danger-square {
  color: #EF4444;
  background-color: #fcdada;
  border-radius: 5px;
  padding: 0.75rem;
}
.icon--success-modal {
  background: #10B981;
  border-radius: 50px;
  aspect-ratio: 1;
  padding: 1rem;
  line-height: 1;
  font-size: 2rem;
  color: #fff;
  display: inline-block;
  width: 4rem;
  height: auto;
  text-align: center;
  box-shadow: 0px 0px 0px 1rem #d7fcef;
  margin: 2rem;
}
.icon--alert-octagon:before {
  content: "\e81b";
}
.icon--alert-circle:before {
  content: "\e81c";
}
.icon--activity:before {
  content: "\e81d";
}
.icon--alert-triangle:before {
  content: "\e81e";
}
.icon--align-center:before {
  content: "\e81f";
}
.icon--airplay:before {
  content: "\e820";
}
.icon--align-justify:before {
  content: "\e821";
}
.icon--align-left:before {
  content: "\e822";
}
.icon--align-right:before {
  content: "\e823";
}
.icon--arrow-down-left:before {
  content: "\e824";
}
.icon--arrow-down-right:before {
  content: "\e825";
}
.icon--anchor:before {
  content: "\e826";
}
.icon--aperture:before {
  content: "\e827";
}
.icon--arrow-left:before {
  content: "\e828";
}
.icon--arrow-right:before {
  content: "\e829";
}
.icon--arrow-down:before {
  content: "\e82a";
}
.icon--arrow-up-left:before {
  content: "\e82b";
}
.icon--arrow-up-right:before {
  content: "\e82c";
}
.icon--arrow-up:before {
  content: "\e82d";
}
.icon--award:before {
  content: "\e82e";
}
.icon--bar-chart:before {
  content: "\e82f";
}
.icon--at-sign:before {
  content: "\e830";
}
.icon--bar-chart-2:before {
  content: "\e831";
}
.icon--battery-charging:before {
  content: "\e832";
}
.icon--bell-off:before {
  content: "\e833";
}
.icon--battery:before {
  content: "\e834";
}
.icon--bluetooth:before {
  content: "\e835";
}
.icon--bell:before {
  content: "\e836";
}
.icon--book:before {
  content: "\e837";
}
.icon--briefcase:before {
  content: "\e838";
}
.icon--camera-off:before {
  content: "\e839";
}
.icon--calendar:before {
  content: "\e83a";
}
.icon--bookmark:before {
  content: "\e83b";
}
.icon--box:before {
  content: "\e83c";
}
.icon--camera:before {
  content: "\e83d";
}
.icon--check-circle:before {
  content: "\e83e";
}
.icon--check:before {
  content: "\e83f";
}
.icon--check-square:before {
  content: "\e840";
}
.icon--cast:before {
  content: "\e841";
}
.icon--chevron-down:before {
  content: "\e842";
}
.icon--chevron-left:before {
  content: "\e843";
}
.icon--chevron-right:before {
  content: "\e844";
}
.icon--chevron-up:before {
  content: "\e845";
}
.icon--chevrons-down:before {
  content: "\e846";
}
.icon--chevrons-right:before {
  content: "\e847";
}
.icon--chevrons-up:before {
  content: "\e848";
}
.icon--chevrons-left:before {
  content: "\e849";
}
.icon--circle:before {
  content: "\e84a";
}
.icon--clipboard:before {
  content: "\e84b";
}
.icon--chrome:before {
  content: "\e84c";
}
.icon--clock:before {
  content: "\e84d";
}
.icon--cloud-lightning:before {
  content: "\e84e";
}
.icon--cloud-drizzle:before {
  content: "\e84f";
}
.icon--cloud-rain:before {
  content: "\e850";
}
.icon--cloud-off:before {
  content: "\e851";
}
.icon--codepen:before {
  content: "\e852";
}
.icon--cloud-snow:before {
  content: "\e853";
}
.icon--compass:before {
  content: "\e854";
}
.icon--copy:before {
  content: "\e855";
}
.icon--corner-down-right:before {
  content: "\e856";
}
.icon--corner-down-left:before {
  content: "\e857";
}
.icon--corner-left-down:before {
  content: "\e858";
}
.icon--corner-left-up:before {
  content: "\e859";
}
.icon--corner-up-left:before {
  content: "\e85a";
}
.icon--corner-up-right:before {
  content: "\e85b";
}
.icon--corner-right-down:before {
  content: "\e85c";
}
.icon--corner-right-up:before {
  content: "\e85d";
}
.icon--cpu:before {
  content: "\e85e";
}
.icon--credit-card:before {
  content: "\e85f";
}
.icon--crosshair:before {
  content: "\e860";
}
.icon--disc:before {
  content: "\e861";
}
.icon--delete:before {
  content: "\e862";
}
.icon--download-cloud:before {
  content: "\e863";
}
.icon--download:before {
  content: "\e864";
}
.icon--droplet:before {
  content: "\e865";
}
.icon--edit-2:before {
  content: "\e866";
}
.icon--edit:before {
  content: "\e867";
}
.icon--edit-1:before {
  content: "\e868";
}
.icon--external-link:before {
  content: "\e869";
}
.icon--eye:before {
  content: "\e86a";
}
.icon--feather:before {
  content: "\e86b";
}
.icon--facebook:before {
  content: "\e86c";
}
.icon--file-minus:before {
  content: "\e86d";
}
.icon--eye-off:before {
  content: "\e86e";
}
.icon--fast-forward:before {
  content: "\e86f";
}
.icon--file-text:before {
  content: "\e870";
}
.icon--film:before {
  content: "\e871";
}
.icon--file:before {
  content: "\e872";
}
.icon--file-plus:before {
  content: "\e873";
}
.icon--folder:before {
  content: "\e874";
}
.icon--filter:before {
  content: "\e875";
}
.icon--flag:before {
  content: "\e876";
}
.icon--globe:before {
  content: "\e877";
}
.icon--grid:before {
  content: "\e878";
}
.icon--heart:before {
  content: "\e879";
}
.icon--home:before {
  content: "\e87a";
}
.icon--github:before {
  content: "\e87b";
}
.icon--image:before {
  content: "\e87c";
}
.icon--inbox:before {
  content: "\e87d";
}
.icon--layers:before {
  content: "\e87e";
}
.icon--info:before {
  content: "\e87f";
}
.icon--instagram:before {
  content: "\e880";
}
.icon--layout:before {
  content: "\e881";
}
.icon--link-2:before {
  content: "\e882";
}
.icon--life-buoy:before {
  content: "\e883";
}
.icon--link:before {
  content: "\e884";
}
.icon--log-in:before {
  content: "\e885";
}
.icon--list:before {
  content: "\e886";
}
.icon--lock:before {
  content: "\e887";
}
.icon--log-out:before {
  content: "\e888";
}
.icon--loader:before {
  content: "\e889";
}
.icon--mail:before {
  content: "\e88a";
}
.icon--maximize-2:before {
  content: "\e88b";
}
.icon--map:before {
  content: "\e88c";
}
.icon--map-pin:before {
  content: "\e88e";
}
.icon--menu:before {
  content: "\e88f";
}
.icon--message-circle:before {
  content: "\e890";
}
.icon--message-square:before {
  content: "\e891";
}
.icon--minimize-2:before {
  content: "\e892";
}
.icon--mic-off:before {
  content: "\e893";
}
.icon--minus-circle:before {
  content: "\e894";
}
.icon--mic:before {
  content: "\e895";
}
.icon--minus-square:before {
  content: "\e896";
}
.icon--minus:before {
  content: "\e897";
}
.icon--moon:before {
  content: "\e898";
}
.icon--monitor:before {
  content: "\e899";
}
.icon--more-vertical:before {
  content: "\e89a";
}
.icon--more-horizontal:before {
  content: "\e89b";
}
.icon--move:before {
  content: "\e89c";
}
.icon--music:before {
  content: "\e89d";
}
.icon--navigation-2:before {
  content: "\e89e";
}
.icon--navigation:before {
  content: "\e89f";
}
.icon--octagon:before {
  content: "\e8a0";
}
.icon--package:before {
  content: "\e8a1";
}
.icon--pause-circle:before {
  content: "\e8a2";
}
.icon--pause:before {
  content: "\e8a3";
}
.icon--percent:before {
  content: "\e8a4";
}
.icon--phone-call:before {
  content: "\e8a5";
}
.icon--phone-forwarded:before {
  content: "\e8a6";
}
.icon--phone-missed:before {
  content: "\e8a7";
}
.icon--phone-off:before {
  content: "\e8a8";
}
.icon--phone-incoming:before {
  content: "\e8a9";
}
.icon--phone:before {
  content: "\e8aa";
}
.icon--phone-outgoing:before {
  content: "\e8ab";
}
.icon--pie-chart:before {
  content: "\e8ac";
}
.icon--play-circle:before {
  content: "\e8ad";
}
.icon--play:before {
  content: "\e8ae";
}
.icon--plus-square:before {
  content: "\e8af";
}
.icon--plus-circle:before {
  content: "\e8b0";
}
.icon--plus:before {
  content: "\e8b1";
}
.icon--pocket:before {
  content: "\e8b2";
}
.icon--printer:before {
  content: "\e8b3";
}
.icon--power:before {
  content: "\e8b4";
}
.icon--radio:before {
  content: "\e8b5";
}
.icon--repeat:before {
  content: "\e8b6";
}
.icon--refresh-ccw:before {
  content: "\e8b7";
}
.icon--rewind:before {
  content: "\e8b8";
}
.icon--rotate-ccw:before {
  content: "\e8b9";
}
.icon--refresh-cw:before {
  content: "\e8ba";
}
.icon--rotate-cw:before {
  content: "\e8bb";
}
.icon--save:before {
  content: "\e8bc";
}
.icon--search:before {
  content: "\e8bd";
}
.icon--server:before {
  content: "\e8be";
}
.icon--scissors:before {
  content: "\e8bf";
}
.icon--share-2:before {
  content: "\e8c0";
}
.icon--share:before {
  content: "\e8c1";
}
.icon--shield:before {
  content: "\e8c2";
}
.icon--settings:before {
  content: "\e8c3";
}
.icon--skip-back:before {
  content: "\e8c4";
}
.icon--shuffle:before {
  content: "\e8c5";
}
.icon--sidebar:before {
  content: "\e8c6";
}
.icon--skip-forward:before {
  content: "\e8c7";
}
.icon--slack:before {
  content: "\e8c8";
}
.icon--slash:before {
  content: "\e8c9";
}
.icon--smartphone:before {
  content: "\e8ca";
}
.icon--square:before {
  content: "\e8cb";
}
.icon--speaker:before {
  content: "\e8cc";
}
.icon--star:before {
  content: "\e8cd";
}
.icon--stop-circle:before {
  content: "\e8ce";
}
.icon--sun:before {
  content: "\e8cf";
}
.icon--sunrise:before {
  content: "\e8d0";
}
.icon--tablet:before {
  content: "\e8d1";
}
.icon--tag:before {
  content: "\e8d2";
}
.icon--sunset:before {
  content: "\e8d3";
}
.icon--target:before {
  content: "\e8d4";
}
.icon--thermometer:before {
  content: "\e8d5";
}
.icon--thumbs-up:before {
  content: "\e8d6";
}
.icon--thumbs-down:before {
  content: "\e8d7";
}
.icon--toggle-left:before {
  content: "\e8d8";
}
.icon--toggle-right:before {
  content: "\e8d9";
}
.icon--trash-2:before {
  content: "\e8da";
}
.icon--trash:before {
  content: "\e8db";
}
.icon--trending-up:before {
  content: "\e8dc";
}
.icon--trending-down:before {
  content: "\e8dd";
}
.icon--triangle:before {
  content: "\e8de";
}
.icon--type:before {
  content: "\e8df";
}
.icon--twitter:before {
  content: "\e8e0";
}
.icon--upload:before {
  content: "\e8e1";
}
.icon--umbrella:before {
  content: "\e8e2";
}
.icon--upload-cloud:before {
  content: "\e8e3";
}
.icon--unlock:before {
  content: "\e8e4";
}
.icon--user-check:before {
  content: "\e8e5";
}
.icon--user-minus:before {
  content: "\e8e6";
}
.icon--user-plus:before {
  content: "\e8e7";
}
.icon--user-x:before {
  content: "\e8e8";
}
.icon--user:before {
  content: "\e8e9";
}
.icon--users:before {
  content: "\e8ea";
}
.icon--video-off:before {
  content: "\e8eb";
}
.icon--video:before {
  content: "\e8ec";
}
.icon--voicemail:before {
  content: "\e8ed";
}
.icon--volume-x:before {
  content: "\e8ee";
}
.icon--volume-2:before {
  content: "\e8ef";
}
.icon--volume-1:before {
  content: "\e8f0";
}
.icon--volume:before {
  content: "\e8f1";
}
.icon--watch:before {
  content: "\e8f2";
}
.icon--wifi:before {
  content: "\e8f3";
}
.icon--x-square:before {
  content: "\e8f4";
}
.icon--wind:before {
  content: "\e8f5";
}
.icon--x:before {
  content: "\e8f6";
}
.icon--x-circle:before {
  content: "\e8f7";
}
.icon--zap:before {
  content: "\e8f8";
}
.icon--zoom-in:before {
  content: "\e8f9";
}
.icon--zoom-out:before {
  content: "\e8fa";
}
.icon--command:before {
  content: "\e8fb";
}
.icon--cloud:before {
  content: "\e8fc";
}
.icon--hash:before {
  content: "\e8fd";
}
.icon--headphones:before {
  content: "\e8fe";
}
.icon--underline:before {
  content: "\e8ff";
}
.icon--italic:before {
  content: "\e900";
}
.icon--bold:before {
  content: "\e901";
}
.icon--crop:before {
  content: "\e902";
}
.icon--help-circle:before {
  content: "\e903";
}
.icon--paperclip:before {
  content: "\e904";
}
.icon--shopping-cart:before {
  content: "\e905";
}
.icon--tv:before {
  content: "\e906";
}
.icon--wifi-off:before {
  content: "\e907";
}
.icon--minimize:before {
  content: "\e88d";
}
.icon--maximize:before {
  content: "\e908";
}
.icon--gitlab:before {
  content: "\e909";
}
.icon--sliders:before {
  content: "\e90a";
}
.icon--star-on:before {
  content: "\e90b";
}
.icon--heart-on:before {
  content: "\e90c";
}
.icon--archive:before {
  content: "\e90d";
}
.icon--arrow-down-circle:before {
  content: "\e90e";
}
.icon--arrow-up-circle:before {
  content: "\e90f";
}
.icon--arrow-left-circle:before {
  content: "\e910";
}
.icon--arrow-right-circle:before {
  content: "\e911";
}
.icon--bar-chart-line-:before {
  content: "\e912";
}
.icon--bar-chart-line:before {
  content: "\e913";
}
.icon--book-open:before {
  content: "\e914";
}
.icon--code:before {
  content: "\e915";
}
.icon--database:before {
  content: "\e916";
}
.icon--dollar-sign:before {
  content: "\e917";
}
.icon--folder-plus:before {
  content: "\e918";
}
.icon--gift:before {
  content: "\e919";
}
.icon--folder-minus:before {
  content: "\e91a";
}
.icon--git-commit:before {
  content: "\e91b";
}
.icon--git-branch:before {
  content: "\e91c";
}
.icon--git-pull-request:before {
  content: "\e91d";
}
.icon--git-merge:before {
  content: "\e91e";
}
.icon--linkedin:before {
  content: "\e91f";
}
.icon--hard-drive:before {
  content: "\e920";
}
.icon--more-vertical-2:before {
  content: "\e921";
}
.icon--more-horizontal-2:before {
  content: "\e922";
}
.icon--rss:before {
  content: "\e923";
}
.icon--send:before {
  content: "\e924";
}
.icon--shield-off:before {
  content: "\e925";
}
.icon--shopping-bag:before {
  content: "\e926";
}
.icon--terminal:before {
  content: "\e927";
}
.icon--truck:before {
  content: "\e928";
}
.icon--zap-off:before {
  content: "\e929";
}
.icon--youtube:before {
  content: "\e92a";
}
/*-----------------------------
    # L I S T
-----------------------------*/
ul.list {
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
}
ul.list li {
  list-style-type: none;
}
ul.list li icon {
  margin: 0 5px 0 0;
}
ul.list.list--disc li {
  margin-left: 1.25rem;
  list-style-type: disc;
}
ul.list.list--circle li {
  margin-left: 1.25rem;
  list-style-type: circle;
}
ul.list.list--decimal li {
  margin-left: 1.25rem;
  list-style-type: decimal;
}
ul.list.list--square li {
  margin-left: 1.25rem;
  list-style-type: square;
}
ul.list.list--alpha li {
  margin-left: 1.25rem;
  list-style-type: upper-alpha;
}
ul.list.list--roman li {
  margin-left: 1.25rem;
  list-style-type: upper-roman;
}
/*-----------------------------
    # M I X I N S
-----------------------------*/
/* Transitions
-----------------------------*/
/* Translate
-----------------------------*/
/* Scale
-----------------------------*/
/* Clear default apareance
-----------------------------*/
.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/*-----------------------------
    # M O D A L
-----------------------------*/
.modal {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  background: rgba(19, 16, 35, 0.6);
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  overflow-y: auto;
  pointer-events: none;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.modal .modal__container {
  margin: auto;
  width: auto;
  max-width: 500px;
  background-color: #fff;
  box-shadow: 0 6px 24px -4px rgba(0, 0, 0, 0.4);
  border-radius: 0.4rem;
  overflow: hidden;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
.modal .modal__container .modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem 1rem 1.75rem;
  line-height: 1;
  border-bottom: 1px solid #F3F4F9;
}
.modal .modal__container .modal__body {
  padding: 1.75rem;
  position: relative;
}
.modal .modal__container .modal__footer {
  padding: 1rem;
  text-align: right;
  border-top: 1px solid #F3F4F9;
}
.modal .modal__container:has(.modal__header) .modal__close {
  cursor: pointer;
  line-height: 1;
  color: #131023;
  font-weight: 300;
  text-decoration: none;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.modal .modal__container:has(.modal__header) .modal__close:hover {
  color: #4546F9;
}
.modal .modal__container:has(.modal__header) .modal__close icon {
  pointer-events: none;
}
.modal .modal__container .modal__close {
  cursor: pointer;
  line-height: 1;
  color: #131023;
  font-weight: 300;
  text-decoration: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 99;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.modal .modal__container .modal__close:hover {
  color: #4546F9;
}
.modal .modal__container .modal__close icon {
  pointer-events: none;
}
.modal.is--visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.modal.is--visible .modal__container {
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.modal.modal--small .modal__container {
  max-width: 300px;
}
.modal.modal--large .modal__container {
  max-width: 1280px;
  width: 100%;
}
.modal.modal--loading {
  text-align: center;
  user-select: none;
}
/*-----------------------------
    # N A V
-----------------------------*/
.nav {
  display: block;
  height: 100vh;
  overflow-y: auto;
}
.nav:hover::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.5);
}
.nav::-webkit-scrollbar {
  width: 6px;
  height: 5px;
}
.nav::-webkit-scrollbar-track {
  display: none;
}
.nav::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #131023;
  border-radius: 5px;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav::-webkit-scrollbar-thumb:hover {
  background-color: #777;
}
.nav .nav__item {
  color: #FBFBFF;
  list-style: none;
  position: relative;
}
.nav .nav__item > a {
  display: flex;
  align-items: center;
  color: #131023;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  line-height: 2;
  font-size: 16px;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav .nav__item > a:hover {
  background-color: rgba(58, 63, 85, 0.5);
  text-decoration: none;
  padding-left: 1.25rem;
}
.nav .nav__item > a:hover icon:first-child {
  color: #00C0FF;
}
.nav .nav__item > a.is--active .icon--chevron-right {
  rotate: 90deg;
}
.nav .nav__item span {
  flex: 1;
}
.nav .nav__item icon {
  font-size: 16px;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav .nav__item .badge {
  position: absolute;
  right: 0.75rem;
  z-index: 10;
  padding: 0.25rem;
  min-width: 17px;
  line-height: 1;
  font-size: 10px;
}
.nav .nav__item--parent {
  overflow: hidden;
}
.nav .nav__item--parent .nav__submenu {
  padding-left: 1.5rem;
  list-style: none;
  pointer-events: none;
  height: 0;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav .nav__item--parent .nav__submenu a {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  line-height: 2;
  border-radius: 0.25rem;
  opacity: 1;
  color: #6D7592;
  font-size: 12px;
  position: relative;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav .nav__item--parent .nav__submenu a:hover {
  background-color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  padding-left: 1.5rem;
}
.nav .nav__item--parent .nav__submenu.is--active {
  pointer-events: auto;
}
.nav .nav__item--parent .nav__submenu.is--active .icon--chevron-right {
  rotate: 90deg;
}
nav .nav__version {
  color: #ADB4CC;
  background: #131023;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #515873;
  padding: 1rem 1.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
nav .nav__version icon {
  font-size: 18px;
}
/*-----------------------------
    # P R O G R E S S
-----------------------------*/
.progress {
  border-radius: 2px;
  height: 8px;
  position: relative;
  overflow: hidden;
  margin: 0.5rem 0;
}
.progress:has(span) {
  background-color: #FBFBFF;
}
.progress span {
  background-color: #4546F9;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  top: 0;
  width: 50%;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: progress-loop;
}
.progress.progress--global {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.75rem;
  border-radius: 0px;
  margin: 0;
  z-index: 70;
  background: transparent;
}
.progress.progress--global span {
  border-radius: 0px;
}
@keyframes progress-loop {
  0% {
    left: -50%;
  }
  100% {
    left: 100%;
  }
}
/*-----------------------------
    # S E C T I O N
-----------------------------*/
.section {
  position: relative;
  background-color: white;
}
.section.section--small {
  padding: 2.5rem 0;
}
@media screen and (max-width: 960px) {
  .section.section--small {
    padding: 1rem 0;
  }
}
.section.section--medium {
  padding: 6.25rem 0;
}
@media screen and (max-width: 960px) {
  .section.section--medium {
    padding: 3rem 0;
  }
}
.section.section--large {
  padding: 240px 0;
}
.section.section--fullheight {
  min-height: 100vh;
}
.section.section--light {
  background-color: #FBFBFF;
}
.section.section--gray {
  background-color: #E4E7F0;
}
.section.section--dark {
  background-color: #131023;
}
.section.section--primary {
  background-color: #4546F9;
  color: #ffffff;
}
.section.section--secondary {
  background-color: #00C0FF;
  color: #ffffff;
}
.section.section--collapsed {
  padding: 0;
}
.section .section__title {
  margin-bottom: 1rem;
}
.section .section__title h3 {
  line-height: 1.5;
}
/*-----------------------------
    # T A B L E
-----------------------------*/
.table-container {
  font-size: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 170px;
}
table.table,
table.datatable,
table .table,
table .datatable {
  font-family: 'Exo 2', sans-serif;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1rem;
  overflow: auto;
  border: 1px solid #E4E7F0;
  line-height: 2;
  font-feature-settings: 'tnum';
  text-wrap: nowrap;
  /* TABLE VERTICAL BORDERED */
  /* TABLE HORIZONTAL BORDER */
}
table.table thead,
table.datatable thead,
table .table thead,
table .datatable thead {
  background: #FBFBFF;
  text-align: left;
  vertical-align: bottom;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 1px;
  border-bottom: 1px solid #E4E7F0;
}
table.table thead th,
table.datatable thead th,
table .table thead th,
table .datatable thead th {
  padding: 0.5rem 1rem;
  position: relative;
}
table.table tbody,
table.datatable tbody,
table .table tbody,
table .datatable tbody {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 300;
  font-size: 13px;
  line-height: 1;
}
table.table tbody tr,
table.datatable tbody tr,
table .table tbody tr,
table .datatable tbody tr {
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
table.table tbody tr:hover,
table.datatable tbody tr:hover,
table .table tbody tr:hover,
table .datatable tbody tr:hover {
  background: #FBFBFF;
}
table.table td,
table.datatable td,
table .table td,
table .datatable td {
  padding: 0.5rem 1rem;
  position: relative;
}
table.table.table--cols td,
table.datatable.table--cols td,
table .table.table--cols td,
table .datatable.table--cols td,
table.table.table--cols th,
table.datatable.table--cols th,
table .table.table--cols th,
table .datatable.table--cols th {
  border-width: 0 0 0 1px;
}
table.table.table--cols td > tr:last-child > td,
table.datatable.table--cols td > tr:last-child > td,
table .table.table--cols td > tr:last-child > td,
table .datatable.table--cols td > tr:last-child > td,
table.table.table--cols th > tr:last-child > td,
table.datatable.table--cols th > tr:last-child > td,
table .table.table--cols th > tr:last-child > td,
table .datatable.table--cols th > tr:last-child > td {
  border-bottom-width: 0;
}
table.table.table--rows td,
table.datatable.table--rows td,
table .table.table--rows td,
table .datatable.table--rows td,
table.table.table--rows th,
table.datatable.table--rows th,
table .table.table--rows th,
table .datatable.table--rows th {
  border-width: 0 0 1px 0;
}
table.table.table--rows td > tr:last-child > td,
table.datatable.table--rows td > tr:last-child > td,
table .table.table--rows td > tr:last-child > td,
table .datatable.table--rows td > tr:last-child > td,
table.table.table--rows th > tr:last-child > td,
table.datatable.table--rows th > tr:last-child > td,
table .table.table--rows th > tr:last-child > td,
table .datatable.table--rows th > tr:last-child > td {
  border-bottom-width: 0;
}
table.table button,
table.datatable button,
table .table button,
table .datatable button {
  padding: 0.25rem;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
table.table button icon,
table.datatable button icon,
table .table button icon,
table .datatable button icon {
  font-size: 18px;
  color: #6D7592;
}
table.table button icon:hover,
table.datatable button icon:hover,
table .table button icon:hover,
table .datatable button icon:hover {
  color: #4546F9;
}
table.table .align-right,
table.datatable .align-right,
table .table .align-right,
table .datatable .align-right {
  text-align: right;
}
.datatable {
  margin-top: 1rem;
}
.datatable th::after {
  font-family: 'feather' !important;
  content: '\e82d';
  color: #ADB4CC;
  padding-left: 0.5rem;
}
.datatable th.sorting_asc {
  cursor: pointer;
  color: #4546F9;
}
.datatable th.sorting_asc::after {
  content: '\e82d';
  color: #4546F9;
}
.datatable th.sorting_asc:hover {
  color: #4546F9;
}
.datatable th.sorting_desc {
  cursor: pointer;
  color: #4546F9;
}
.datatable th.sorting_desc::after {
  content: '\e82a';
  color: #4546F9;
}
.datatable th.sorting_desc:hover {
  color: #4546F9;
}
.datatable th.sorting_disabled {
  cursor: auto;
}
.datatable th.sorting_disabled::after {
  display: none;
}
.dataTables_length {
  float: left;
  position: relative;
  margin-bottom: 1rem;
  margin-right: 1rem;
}
.dataTables_length label {
  align-items: center;
  display: inline-flex;
  gap: 1rem;
}
.dataTables_filter {
  display: inline-flex;
  float: left;
  margin-bottom: 1rem;
}
.dataTables_paginate {
  display: inline-flex;
  margin-bottom: 1rem;
  align-items: center;
  border: 1px solid #E4E7F0;
  border-radius: 4px;
  float: left;
}
.dataTables_paginate .paginate_button {
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.dataTables_paginate .paginate_button:not(.disabled):hover {
  background: #FBFBFF;
}
.dataTables_paginate .paginate_button.current {
  background: #FBFBFF;
}
.dataTables_paginate .paginate_button.disabled {
  color: #ADB4CC;
  cursor: auto;
}
.dataTables_paginate span {
  border-right: 1px solid #E4E7F0;
}
.dataTables_paginate span:first-of-type {
  border-left: 1px solid #E4E7F0;
}
.dataTables_info {
  display: inline-flex;
  margin-bottom: 1rem;
  color: #6D7592;
  margin-left: 1rem;
}
.table__input,
.table__select {
  display: block;
  padding: 0.5rem 0.75rem;
  border: 1px solid #E4E7F0;
  border-radius: 0.3rem;
  font-size: 1rem;
  letter-spacing: 1px;
  width: 100%;
  font-family: 'Exo 2', sans-serif;
  color: #131023;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.table__input:focus,
.table__select:focus {
  border-color: #4546F9;
  color: #131023;
  box-shadow: 0px 6px 20px -12px rgba(19, 16, 35, 0.5);
}
.table__input:out-of-range,
.table__select:out-of-range {
  background-color: #EF4444;
}
.table__input::placeholder,
.table__select::placeholder {
  color: #C9CFE0;
}
.form-arrow {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 0.4rem;
  right: 6rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.25rem;
  pointer-events: none;
  color: #ADB4CC;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.dataTables_length:has(select) select {
  color: #C9CFE0 !important;
}
.dataTables_length:has(select) select:focus {
  color: #131023 !important;
}
.dataTables_length:has(select):after {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 0.4rem;
  right: 6rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.25rem;
  pointer-events: none;
  color: #ADB4CC;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.dataTables_length .table__select {
  width: 6rem;
}
/*-----------------------------
    # T A B S
-----------------------------*/
ul.tabs {
  padding: 0px;
  list-style: none;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 640px) {
  ul.tabs {
    display: block;
  }
}
ul.tabs li {
  background: none;
  color: inherit;
  display: inline-block;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  border-radius: 5px;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 640px) {
  ul.tabs li {
    display: block;
    text-align: left;
  }
}
ul.tabs li:hover {
  color: #4546F9;
}
ul.tabs li icon {
  font-size: 14px;
  vertical-align: baseline;
  margin-right: 4px;
  color: inherit;
}
ul.tabs li.is--active {
  color: #ffffff;
  background: #4546F9;
}
ul.tabs li.is--active:hover {
  color: #ffffff;
}
.tabs-container .tab {
  display: none;
}
.tabs-container .tab.is--active {
  display: block;
  animation: fadeIn 0.5s;
}
/*-----------------------------
    # T E X T
-----------------------------*/
.text--primary {
  color: #4546F9 !important;
}
.text--secondary {
  color: #00C0FF !important;
}
.text--primary-invert {
  color: #ffffff !important;
}
.text--secondary-invert {
  color: #ffffff !important;
}
.text--info {
  color: #3B82F6 !important;
}
.text--success {
  color: #10B981 !important;
}
.text--warning {
  color: #F59E0B !important;
}
.text--danger {
  color: #EF4444 !important;
}
.text--muted {
  color: #8F97B0 !important;
}
.text--small {
  font-size: 14px;
}
.text--large {
  font-size: 18px;
}
.text--left {
  text-align: left;
}
.text--right {
  text-align: right;
}
.text--center {
  text-align: center;
  align-items: center;
}
.text--justify {
  text-align: justify;
}
/*-----------------------------
    # T O A S T
-----------------------------*/
#toast-container {
  position: fixed;
  top: 2rem;
  right: 2rem;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.toast {
  background: #fff;
  display: flex;
  align-items: center;
  width: auto;
  border: 1px solid #fff;
  max-width: 350px;
  box-shadow: 0 12px 24px -4px rgba(0, 0, 0, 0.1);
  padding: 1rem 1.5rem 1.4rem 2.85rem;
  gap: 0.5rem;
  border-radius: 4px;
  position: relative;
  margin-bottom: 1rem;
  overflow: hidden;
  animation: toast-show 0.3s ease, toast-hide 0.2s ease var(--duration) 1;
}
.toast::before {
  font-size: 18px;
  content: '';
  font-family: 'feather' !important;
  position: absolute;
  top: 0.85rem;
  left: 1rem;
}
.toast .toast__progress {
  display: block;
  width: 0%;
  height: 4px;
  position: absolute;
  bottom: 0;
  right: 0;
  animation-duration: var(--duration);
  animation-name: toast-progress;
  animation-timing-function: ease;
}
.toast.toast--info {
  color: #3B82F6;
  background-color: #ffffff;
  border-color: #3B82F6;
}
.toast.toast--info::before {
  content: '\e87f';
}
.toast.toast--info .toast__progress {
  background-color: #3B82F6;
}
.toast.toast--success {
  color: #10B981;
  background-color: #d7fcef;
  border-color: #10B981;
}
.toast.toast--success::before {
  content: '\e83e';
}
.toast.toast--success .toast__progress {
  background-color: #10B981;
}
.toast.toast--warning {
  color: #F59E0B;
  background-color: #fce6c0;
  border-color: #F59E0B;
}
.toast.toast--warning::before {
  content: '\e81c';
}
.toast.toast--warning .toast__progress {
  background-color: #F59E0B;
}
.toast.toast--danger {
  color: #EF4444;
  background-color: #fde4e4;
  border-color: #EF4444;
}
.toast.toast--danger::before {
  content: '\e8f7';
}
.toast.toast--danger .toast__progress {
  background-color: #EF4444;
}
@keyframes toast-show {
  0% {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  60% {
    -webkit-transform: translate(-10%, 0);
    -moz-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes toast-hide {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
}
@keyframes toast-progress {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
/*-----------------------------
    # S P I N N E R
-----------------------------*/
.spinner-container {
  width: 100%;
  max-height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner-container.is--absolute {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 999;
  height: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}
.spinner-container.is--absolute:has(.spinner) {
  opacity: 1;
  pointer-events: auto;
}
.spinner {
  display: inline-block;
  position: relative;
  width: 75px;
  height: 40px;
}
.spinner span {
  position: absolute;
  top: 15px;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  background: #4546F9;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.spinner span:nth-child(1) {
  left: 8px;
  animation: spinner1 0.6s infinite;
}
.spinner span:nth-child(2) {
  left: 8px;
  animation: spinner2 0.6s infinite;
}
.spinner span:nth-child(3) {
  left: 32px;
  animation: spinner2 0.6s infinite;
}
.spinner span:nth-child(4) {
  left: 56px;
  animation: spinner3 0.6s infinite;
}
@keyframes spinner1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes spinner2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes spinner3 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
/*-----------------------------
    # U T I L I T Y
-----------------------------*/
/* DIVIDER
-----------------------------*/
.divider {
  width: 100%;
  height: 1px;
  margin: 2rem 0;
  display: inline-block;
}
.divider.divider--line {
  border-top: 1px solid #E4E7F0;
  clear: both;
  display: block;
  height: 1px;
  width: 100%;
}
.divider.divider--dashed {
  border-top: 1px dashed #ccc;
}
.divider.divider--dotted {
  border-top: 1px dotted #ccc;
}
/* LINES
-----------------------------*/
.line {
  border-top: 1px solid #E4E7F0;
  clear: both;
  display: block;
  height: 1px;
  margin: 20px 0px;
  width: 100%;
}
.line.line--dashed {
  border-top: 1px dashed #E4E7F0;
}
.line.line--dotted {
  border-top: 1px dotted #E4E7F0;
}
.line.line--double {
  border-top: 1px double #E4E7F0;
}
/* SHADOWS
-----------------------------*/
.shadow--small {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.shadow--medium {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.shadow--large {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.1);
}
/* BORDER RADIUS
-----------------------------*/
.border--rounded {
  border-radius: 6px;
}
.border--circle {
  border-radius: 99px;
}
/* ANIMATIONS
-----------------------------*/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*-----------------------------
    # V I S I B I L I T Y
-----------------------------*/
/* HIDE
-----------------------------*/
@media screen and (min-width: 1281px) {
  .hide--widescreen {
    display: none;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .hide--desktop {
    display: none;
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .hide--tablet {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .hide--mobile {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .hide--tablet-down {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .hide--desktop-down {
    display: none;
  }
}
@media screen and (min-width: 641px) {
  .hide--tablet-up {
    display: none;
  }
}
@media screen and (min-width: 961px) {
  .hide--desktop-up {
    display: none;
  }
}
.hide {
  display: none;
}
/* SHOW
-----------------------------*/
.show--widescreen {
  display: none;
}
@media screen and (min-width: 1281px) {
  .show--widescreen {
    display: block;
  }
}
.show--desktop {
  display: none;
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .show--desktop {
    display: block;
  }
}
.show--tablet {
  display: none;
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .show--tablet {
    display: block;
  }
}
.show--mobile {
  display: none;
}
@media screen and (max-width: 640px) {
  .show--mobile {
    display: block;
  }
}
.show--tablet-down {
  display: none;
}
@media screen and (max-width: 960px) {
  .show--tablet-down {
    display: block;
  }
}
.show--desktop-down {
  display: none;
}
@media screen and (max-width: 1280px) {
  .show--desktop-down {
    display: block;
  }
}
.show--tablet-up {
  display: none;
}
@media screen and (min-width: 641px) {
  .show--tablet-up {
    display: block;
  }
}
.show--desktop-up {
  display: none;
}
@media screen and (min-width: 961px) {
  .show--desktop-up {
    display: block;
  }
}
/*
@import "components/badge";
@import "components/divider";
@import "components/flex";
@import "components/form";
@import "components/hero";
@import "components/list";
@import "components/modal";
@import "components/section";
@import "components/table";
@import "components/tab";
@import "components/text";
@import "components/utility";
@import "components/visibility";
@import "components/width";*/
/*------------------------------------
    # A U T O M A T A   T H E M E
-------------------------------------*/
h2 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 4rem;
  font-size: 2.5rem;
}
@media screen and (max-width: 640px) {
  h2 {
    margin-bottom: 2rem;
    line-height: 1.2;
  }
}
h2::after {
  content: '';
  background: #4546F9;
  height: 3px;
  width: 100px;
  border-radius: 5px;
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  color: #FBFBFF;
  background-color: #131023;
  z-index: 99;
  width: 100%;
  padding: 1rem 2rem;
}
@media screen and (max-width: 1280px) {
  .header {
    padding: 1rem;
  }
}
.header .header__logo {
  display: inline-block;
}
.header .header__logo img {
  height: 60px;
}
.header .header__menu a {
  color: #00C0FF;
}
.header .header__menu .icon--menu {
  display: none;
}
.header .header__menu .icon--menu:before {
  content: "\e88f";
}
@media screen and (max-width: 1280px) {
  .header .header__menu .icon--menu {
    display: block;
    position: absolute;
    top: 2rem;
    right: 1.25rem;
    z-index: 999;
    font-size: 24px;
    color: #00C0FF;
  }
}
.header .header__menu nav {
  font-size: 16px;
  display: flex;
  align-items: center;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 1280px) {
  .header .header__menu nav {
    left: 100%;
    position: fixed;
    flex-direction: column;
    align-items: flex-end;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 6rem 1rem 2rem 2rem;
    background: #131023;
  }
}
.header .header__menu nav a {
  text-transform: uppercase;
  font-weight: 600;
  padding: 0.75rem 1rem;
  position: relative;
  text-decoration: none;
  padding-bottom: 5px;
  transition: color 0.3s ease;
}
.header .header__menu nav a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #00C0FF;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease-out;
}
.header .header__menu nav a:hover::after {
  transform: scaleX(1);
}
.header .header__menu nav a.button,
.header .header__menu nav a.button {
  background-color: #131023;
  border-color: #131023;
  color: #FBFBFF;
  margin: 0 0.5rem;
  font-size: 14px;
  padding: 0.5rem 1rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 1280px) {
  .header .header__menu nav a {
    color: #00C0FF;
    font-size: 1.4rem;
  }
  .header .header__menu nav a.button {
    border-color: #131023;
    margin: 1rem;
    background-color: #131023;
    color: #FBFBFF;
  }
}
@media screen and (max-width: 1280px) {
  .header .header__menu.is--open .icon--menu {
    color: #00C0FF;
  }
  .header .header__menu.is--open .icon--menu:before {
    content: "\e8f6";
  }
  .header .header__menu.is--open nav {
    left: 0;
  }
}
.header.header--home {
  color: #00C0FF;
  background-color: #131023;
}
@media screen and (min-width: 1281px) {
  .header.header--home nav a {
    color: #00C0FF;
  }
}
.header.header--home .icon--menu {
  color: #00C0FF;
}
.header.header--home.button {
  background-color: #FBFBFF;
  border-color: #FBFBFF;
  color: #131023;
  margin: 0 0.5rem;
}
.header.header--home a {
  color: #00C0FF;
}
.header.header--home h1 {
  color: #4546F9;
}
@media screen and (max-width: 1280px) {
  .header.is--fixed {
    position: fixed;
    top: 0;
    left: 0;
    padding: 1rem;
    background: #131023;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    z-index: 99;
    animation: fixHeader 0.2s;
  }
  @keyframes fixHeader {
    from {
      -webkit-transform: translate(0, -60px);
      -moz-transform: translate(0, -60px);
      -ms-transform: translate(0, -60px);
      -o-transform: translate(0, -60px);
      transform: translate(0, -60px);
    }
    to {
      -webkit-transform: translate(0, 0px);
      -moz-transform: translate(0, 0px);
      -ms-transform: translate(0, 0px);
      -o-transform: translate(0, 0px);
      transform: translate(0, 0px);
    }
  }
  .header.is--fixed .header__logo {
    filter: none;
  }
}
.main-banner {
  background-color: #131023;
}
@media screen and (min-width: 641px) {
  .main-banner .main-banner__text {
    max-width: 50%;
  }
}
.main-banner h1 {
  font-size: 54px;
  color: #FBFBFF;
  text-transform: uppercase;
  line-height: 1.1;
  font-weight: 700;
}
@media screen and (max-width: 960px) {
  .main-banner h1 {
    font-size: 36px;
  }
}
.main-banner h1 span {
  background-color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  padding: 0 1rem;
  line-height: 1;
}
.main-banner h3 {
  color: #FBFBFF;
  font-weight: 300;
}
.main-title {
  background-color: #131023;
  color: #FBFBFF;
  padding: 12rem 0 6rem 0;
}
.main-title::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--dynamic-pattern-bg-color, #4546F9);
  transition: background-color 1s ease-in-out;
  opacity: 0.2;
  mask-image: url('../img/fractal_pattern_bg.svg');
  mask-repeat: repeat;
  mask-size: 500px 289px;
}
@media screen and (max-width: 960px) {
  .main-title {
    padding: 7rem 0 3rem 0;
  }
}
.main-title .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1200px;
}
@media screen and (max-width: 960px) {
  .main-title .container {
    display: block;
    text-align: left;
  }
  .main-title .container h5 {
    text-align: left;
    margin-top: 2rem;
  }
}
.main-title h1 {
  font-size: 2.5rem;
  line-height: 1;
}
.main-title h5 {
  font-weight: 400;
  text-align: right;
}
.title {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.title h3 {
  font-size: 2rem;
}
.title h5 {
  font-size: 16px;
  font-weight: 400;
  color: #6D7592;
  text-align: right;
}
@media screen and (max-width: 960px) {
  .title {
    display: block;
  }
  .title h5 {
    text-align: left;
  }
}
.actions {
  margin-top: -4rem;
}
.actions .column {
  background: #4546F9;
  padding: 3rem;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .actions .column {
    margin-bottom: 1rem;
    padding: 2rem;
  }
}
.actions .column:hover {
  background: #7677fb;
}
.actions p,
.actions a {
  color: #FBFBFF;
  font-size: 1.2rem;
}
.actions icon {
  color: #4546F9;
  background: #FBFBFF;
  padding: 0.75rem;
  border-radius: 3px;
  font-size: 18px;
  display: inline-block;
  margin-bottom: 1rem;
}
.actions .button {
  font-size: 14px;
}
.plans {
  max-width: 1000px;
  margin: 1rem auto;
}
.plans .column {
  margin-top: 1rem;
}
.plans .plans__capital {
  display: none;
}
.plans .plans__capital.is--visible {
  display: block;
}
.plans .plans__info {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .plans .plans__info {
    text-align: center;
    margin-bottom: 0;
  }
}
.plans .plans__info .plans__header {
  width: 240px;
  display: flex;
  background: #FBFBFF;
  border-radius: 0.5rem;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  border: 4px solid #FBFBFF;
}
@media screen and (max-width: 960px) {
  .plans .plans__info .plans__header {
    margin: 0 auto;
  }
}
.plans .plans__info .plans__header .switch__title {
  padding: 0.5rem 1rem;
  text-align: center;
  flex: 1 1 0;
  width: 0;
  color: #8F97B0;
  cursor: pointer;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.plans .plans__info .plans__header .switch__title.is--active {
  background: #4546F9;
  color: #ffffff;
  cursor: default;
  pointer-events: none;
  border-radius: 4px;
}
.plans .plans__info .plans__body {
  margin: 1rem 0;
}
.plans .plans__info .plans__body .plans__description {
  display: none;
}
.plans .plans__info .plans__body .plans__description.is--visible {
  display: block;
}
.plans .plans__info .plans__footer {
  margin-top: auto;
}
.plans .plan {
  background: #FBFBFF;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.plans .plan:last-child {
  margin-bottom: 0;
}
.plans .plan:hover {
  box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.15);
}
.plans .plan .badge {
  font-size: 16px;
  display: inline-flex;
  align-items: start;
  padding: 0.3rem 0.75rem;
}
@media screen and (max-width: 640px) {
  .plans .plan .badge {
    font-size: 14px;
  }
}
.plans .plan .badge:before {
  content: 'desde';
  font-weight: 400;
  margin-right: 6px;
}
.plans .plan .badge:after {
  content: 'MXN';
  font-size: 12px;
  font-weight: 400;
  margin-left: 2px;
}
.plans .plan .plan__percentage {
  font-size: 36px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
@media screen and (max-width: 640px) {
  .plans .plan .plan__percentage {
    font-size: 28px;
    flex-direction: column;
    gap: 0;
    line-height: 1;
    align-items: end;
  }
}
.plans .plan .plan__percentage::after {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 12px;
  color: #ADB4CC;
}
.plans #yearly-plans .plan__percentage::after {
  content: '/ anual';
}
@media screen and (max-width: 640px) {
  .plans #yearly-plans .plan__percentage::after {
    content: 'anual';
  }
}
.plans #monthly-plans .plan__percentage::after {
  content: '/ month';
}
@media screen and (max-width: 640px) {
  .plans #monthly-plans .plan__percentage::after {
    content: 'month';
  }
}
.how-invest {
  max-width: 1200px;
}
@media screen and (max-width: 960px) {
  .how-invest {
    padding: 0 4rem;
  }
  .how-invest .grid {
    gap: 5rem;
    margin-bottom: 2rem;
  }
}
.how-invest .row {
  gap: 6rem;
}
@media screen and (max-width: 960px) {
  .how-invest .row {
    gap: 0;
  }
}
.how-invest .column {
  margin: 2rem 0;
}
@media screen and (max-width: 960px) {
  .how-invest .column {
    margin: 0;
  }
}
.how-invest img {
  border-radius: 0.5rem;
  box-shadow: 10px 20px 25px -7px rgba(0 0 0 / 0.15);
}
@media screen and (max-width: 960px) {
  .how-invest img {
    display: none;
  }
}
.how-invest h4 {
  position: relative;
  z-index: 1;
  line-height: 1.25;
  margin-bottom: 0.75rem;
}
.how-invest h4 span {
  font-size: 120px;
  position: absolute;
  left: 0;
  line-height: 115px;
  bottom: 0px;
  color: #6D7592;
  z-index: -1;
}
.simulator .button {
  font-size: 12px;
}
.simulator .row {
  align-items: initial;
  background: #FBFBFF;
}
.simulator .row .card {
  border-radius: 0px;
  box-shadow: none;
  padding: 2rem;
  margin-bottom: 0px;
}
.simulator .row .card h5 {
  margin-bottom: 1rem;
}
.simulator .row #container-graph {
  border-left: 1px solid #E4E7F0;
}
.simulator .row #simulator_results {
  border-bottom: 1px solid #E4E7F0;
}
.simulator .row #simulator_results .button-group {
  margin-top: 1rem;
}
.simulator #container_simulator_form {
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  display: none;
  opacity: 0;
}
.simulator #container_simulator_form.is--visible {
  opacity: 1;
  z-index: 2;
  display: block;
}
.simulator #container_simulator_results {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.simulator #container_simulator_results.is--visible {
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}
@media screen and (max-width: 960px) {
  .simulator #container_simulator_results.is--visible {
    position: inherit;
  }
}
.simulator #container_simulator_results .card__footer .button {
  font-size: 12px;
}
.simulator #container_simulator_results .result,
.simulator #container_simulator_results .contribution {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 3px;
  padding: 0.5rem 0.75rem;
  font-size: 12px;
  font-weight: 600;
  vertical-align: bottom;
  color: inherit;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 0.5rem;
}
.simulator #container_simulator_results .result.result--initial-deposit,
.simulator #container_simulator_results .contribution.result--initial-deposit {
  color: #3B82F6;
  background-color: #ffffff;
}
.simulator #container_simulator_results .result.result--returns,
.simulator #container_simulator_results .contribution.result--returns {
  color: #10B981;
  background-color: #d7fcef;
}
.simulator #container_simulator_results .result.result--taxes,
.simulator #container_simulator_results .contribution.result--taxes {
  color: #EF4444;
  background-color: #fde4e4;
}
.simulator #container_simulator_results .result.result--total,
.simulator #container_simulator_results .contribution.result--total {
  color: #FBFBFF;
  background-color: #10B981;
}
.simulator #container_simulator_results .result.result--total span:last-child,
.simulator #container_simulator_results .contribution.result--total span:last-child {
  font-size: 14px;
}
.simulator #container_simulator_results .result span:last-child:after,
.simulator #container_simulator_results .contribution span:last-child:after {
  content: 'MXN';
  margin-left: 5px;
  font-size: 0.75rem;
  vertical-align: top;
}
.simulator #container_simulator_results .contribution {
  color: #3B82F6;
  background-color: #ffffff;
  gap: 5px;
}
.simulator #container_simulator_results .contribution span:first-child {
  margin-right: auto;
}
.simulator .simulator__form {
  margin-bottom: 0;
}
.simulator .simulator__chart {
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .simulator .simulator__chart {
    display: none;
  }
}
.table-actions {
  text-align: right;
  margin-bottom: 1rem;
}
.table-actions .button {
  font-size: 12px;
}
@media screen and (max-width: 640px) {
  .table-actions .button {
    width: 100%;
  }
}
.contact {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .contact {
    display: block;
  }
}
.contact img {
  margin: 2rem 0;
  border-radius: 6px;
}
@media screen and (max-width: 960px) {
  .contact img {
    display: none;
  }
}
.contact .contact__form .card {
  box-shadow: none;
  padding: 0;
}
@media screen and (min-width: 961px) {
  .contact .contact__form .card {
    margin-left: -4rem;
    margin-bottom: 0rem;
    min-width: 650px;
    padding: 1.5rem 2rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  }
}
.contact .terms-checkbox .form__item,
.contact .terms-checkbox .button {
  margin-bottom: 0;
}
@media screen and (max-width: 960px) {
  .contact .terms-checkbox .form__item {
    margin-bottom: 1rem;
  }
}
.section--light .contact__form .card {
  padding: 1.75rem;
}
.section--footer {
  padding-top: 6.25rem;
}
footer {
  color: #FBFBFF;
}
@media screen and (max-width: 960px) {
  footer {
    margin-bottom: 0;
    padding-bottom: 0 !important;
  }
}
footer a {
  color: #FBFBFF;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
footer a:hover {
  color: #00C0FF;
  text-decoration: none;
}
footer a:not(.link--no-effect) {
  position: relative;
  text-decoration: none;
  padding-bottom: 5px;
  transition: color 0.3s ease;
}
footer a:not(.link--no-effect)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #00C0FF;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease-out;
}
footer a:not(.link--no-effect):hover::after {
  transform: scaleX(1);
}
footer h6 {
  margin-bottom: 1rem;
}
footer p {
  color: #ADB4CC;
}
footer .list a {
  line-height: 1.75;
}
footer .row {
  align-items: start;
}
footer .footer__logo {
  width: 180px;
  margin-bottom: 2rem;
}
@media screen and (max-width: 640px) {
  footer .footer__links {
    border-top: 1px solid #3A3F55;
    padding: 2rem 0 0 0;
    margin: 2rem 0 0 0;
  }
}
footer .footer__links .list:last-child {
  margin-bottom: 0;
}
footer .footer__disclaymer {
  text-align: right;
}
@media screen and (max-width: 960px) {
  footer .footer__disclaymer {
    text-align: left;
  }
}
footer .footer__contact {
  border-top: 1px solid #3A3F55;
  padding: 2rem 0;
  margin-top: 3rem;
  gap: 6rem;
}
footer .footer__contact .lab-github-mark {
  max-height: 3rem;
}
footer .footer__contact .lab-github-logo {
  max-height: 3rem;
}
@media screen and (max-width: 960px) {
  footer .footer__contact {
    text-align: left;
    display: block;
  }
  footer .footer__contact .column {
    margin-bottom: 2rem;
  }
}
footer .footer__contact h6 {
  font-size: 14px;
  color: #ADB4CC;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
footer .footer__contact h6 icon {
  font-size: 18px;
}
footer .footer__contact span {
  font-size: 18px;
  font-weight: 700;
}
footer .footer__contact a {
  text-decoration: none;
}
footer .footer__privacy {
  border-top: 1px solid #3A3F55;
  padding: 2rem 0;
  margin-top: 1rem;
  gap: 6rem;
  display: flex;
  justify-content: center;
}
footer .footer__privacy a {
  color: #8F97B0;
  transition: color 0.3s ease-in-out;
}
footer .footer__privacy a:hover {
  color: #00C0FF;
}
/*------------------------------------
    # A U T O M A T A   P A N E L   T H E M E
-------------------------------------*/
@media screen and (min-width: 961px) {
  .panel-body.aside-hide .container {
    max-width: 1800px;
  }
  .panel-body.aside-hide .panel-aside {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .panel-body.aside-hide .panel-header,
  .panel-body.aside-hide .panel-main {
    padding-left: 0rem;
  }
}
@media screen and (max-width: 1280px) {
  .panel-body .panel-aside {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .panel-body.aside-show .panel-aside {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .panel-body.aside-show .panel-header {
    padding-left: 20rem;
  }
}
@media screen and (max-width: 640px) {
  .panel-body.aside-show .panel-header__actions {
    display: none;
  }
  .panel-body.aside-show .panel-main {
    filter: blur(1px);
  }
}
.panel-body .summary .grid {
  gap: 1.5rem;
}
@media screen and (max-width: 960px) {
  .panel-body .summary .grid {
    gap: 1rem;
  }
  .panel-body .summary .grid .card {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 960px) {
  .panel-body .summary {
    margin-bottom: 1rem;
  }
}
.panel-body .canvas-superuser {
  display: grid;
  grid-template-columns: 2fr 4fr;
  gap: 1.5rem;
}
@media screen and (max-width: 960px) {
  .panel-body .canvas-superuser {
    grid-template-columns: 1fr;
  }
}
.summary__item {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
}
.summary__item > span {
  font-size: 14px;
}
.summary__item > span:first-child {
  color: #8F97B0;
}
.summary__item > span:last-child {
  font-weight: 600;
}
h6 {
  text-transform: uppercase;
}
h6:has(.badge) {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 640px) {
  h6:has(.badge) {
    align-items: baseline;
    justify-content: space-between;
  }
}
h6:has(.badge) .badge {
  display: none;
}
h6:has(.badge) .badge.is--visible {
  display: block;
}
code {
  background: #FBFBFF;
  color: #4546F9;
  padding: 0.25rem 0.5rem;
  font-weight: 700;
  border-radius: 3px;
}
.panel-header {
  background: #FBFBFF;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 1281px) {
  .panel-header {
    padding-left: 20rem;
  }
}
.panel-header .container {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}
.panel-header .header__search {
  flex: 1;
}
.panel-header .panel-header__actions {
  display: flex;
  gap: 10px;
}
.panel-header .toggle-menu {
  flex: 1;
}
.panel-header a {
  text-decoration: none;
}
.panel-header a icon {
  color: #8F97B0;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.panel-header a:hover icon {
  color: #4546F9;
}
.panel-main {
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 1281px) {
  .panel-main {
    padding: 2rem 2rem 2rem 20rem;
  }
}
@media screen and (max-width: 1280px) {
  .panel-main {
    padding: 1rem 0;
  }
}
.panel-main .container {
  padding: 0 0 0 2rem;
}
@media screen and (max-width: 1280px) {
  .panel-main .container {
    padding: 0 1rem;
  }
}
.panel-main .page-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1rem;
}
.panel-main .page-head h3 {
  line-height: 1;
}
@media screen and (max-width: 640px) {
  .panel-main .page-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
.panel-aside {
  position: fixed;
  background: #131023;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 18rem;
  max-width: 20rem;
  z-index: 80;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.panel-aside .panel-aside__logo {
  background: #131023;
  color: #ffffff;
  border-bottom: 1px solid #515873;
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  padding: 1rem 1.5rem;
}
.panel-aside .nav {
  padding: 1rem 1rem 9rem 1rem;
}
.panel-aside .nav .nav__item a {
  color: #ffffff;
}
.form--profile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.form--profile .flex-auto {
  flex: auto;
}
.panel-footer {
  padding-left: 18rem;
}
.card .profile {
  position: relative;
}
.card .profile .profile__info {
  color: #FBFBFF;
  position: absolute;
  bottom: 1rem;
  left: 245px;
}
@media screen and (max-width: 640px) {
  .card .profile .profile__info {
    left: 1rem;
  }
}
.card .profile .profile__info .profile__username {
  font-weight: 700;
  font-size: 16px;
}
.card .profile .profile__cover {
  width: 100%;
  height: 220px;
  background-color: #4546F9;
  border-radius: 4px;
  background: url('../img/profile_cover.jpg');
  margin-bottom: 1rem;
  position: relative;
}
@media screen and (max-width: 640px) {
  .card .profile .profile__cover {
    background-size: cover;
  }
}
.card .profile .profile__pic {
  position: absolute;
  bottom: -3.5rem;
  left: 2rem;
  padding: 0.5rem;
  background: #FBFBFF;
  border-radius: 5px;
  box-shadow: 0px 6px 12px -6px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 640px) {
  .card .profile .profile__pic {
    bottom: auto;
    top: 1rem;
    left: 1rem;
  }
}
.card .profile .profile__pic .form__item {
  margin-bottom: 0;
}
.card .profile .profile__menu {
  text-align: right;
}
.card.card__profile {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.card.card__profile .card__body {
  flex: 1;
}
.card.card__profile .dropdown {
  align-self: baseline;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  padding: 0.5rem;
}
.card.card__profile .dropdown:hover icon {
  color: #4546F9;
}
.card:has(.dropdown) {
  padding-right: 2rem;
}
.card.card--icon {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.card.card--icon span {
  font-size: 12px;
  font-weight: 600;
  color: #8F97B0;
  vertical-align: top;
}
.card.card--icon h4 {
  line-height: 1.4;
  font-size: 1.2rem;
  letter-spacing: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card.card--icon figure {
  display: grid;
}
.card.card--icon .avatar {
  min-width: 3rem;
  min-height: 3rem;
}
.card.card--icon .dropdown {
  align-self: baseline;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  padding: 0.5rem;
  width: 2rem;
  text-align: center;
}
.card.card--icon .dropdown:hover icon {
  color: #4546F9;
}
.card .card__client-id {
  font-size: 12px;
  font-weight: 600;
  color: #8F97B0;
}
.dropdown .dropdown__separator {
  border-top: 1px solid #F3F4F9;
  padding-top: 5px;
  margin-top: 5px;
}
.lity-content embed {
  height: 100vh;
  width: 100vh;
}
.empty-banner {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 8rem;
  padding: 1rem 6rem;
  background: #FBFBFF;
  border-radius: 5px;
}
.empty-banner p {
  font-size: 18px;
  color: #131023;
  line-height: 1.5;
  letter-spacing: 0px;
  font-weight: 400;
}
.header__logo img {
  max-height: 50px;
}
.home__banner {
  width: 100%;
  height: 300px;
  background-color: #4546F9;
  border-radius: 4px;
  background: url('../img/banner_home.jpg');
  margin-bottom: 1rem;
  position: relative;
}
@media screen and (max-width: 640px) {
  .home__banner {
    background-size: cover;
  }
}
.img-profile {
  display: block;
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: 10% 20%;
}
.service-images img {
  display: block;
  max-width: 100px;
  margin: 14px auto;
}
.service-images h5 {
  text-align: center;
  color: #4546F9;
  margin-bottom: 14px;
}
.service-images p {
  max-width: 250px;
  margin: 0 auto;
}
.value-proposition .material-symbols-outlined {
  font-size: 100px;
  color: #4546F9;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.value-proposition p {
  max-width: 250px;
  margin: 0 auto;
}
.value-proposition h5 {
  text-align: center;
  color: #4546F9;
  margin-bottom: 14px;
}
.slogan {
  font-size: 16px;
}
.button--back {
  margin: 0.75rem 0;
}
.section--back {
  padding: 0;
}
.login {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 960px) {
  .login {
    padding: 2rem;
  }
}
.login .login__header {
  padding: 1.5rem;
  background-color: #131023;
}
@media screen and (min-width: 961px) {
  .login .login__header {
    display: none;
  }
}
.login .login__body {
  background: #FBFBFF;
  width: 100%;
  border-radius: 8px;
  box-shadow: 0px 0px 32px 10px rgba(0, 0, 0, 0.2);
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
}
@media screen and (min-width: 1281px) {
  .login .login__body {
    max-width: 1000px;
  }
}
@media screen and (max-width: 1280px) {
  .login .login__body {
    max-width: 900px;
  }
}
@media screen and (max-width: 960px) {
  .login .login__body {
    display: block;
  }
}
.login .login__body .login__title {
  margin-bottom: 2rem;
}
.login .login__body .login__container {
  padding: 2rem;
}
.login .login__body .login__aside {
  background: #131023;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .login .login__body .login__aside {
    display: none;
  }
}
.login .login__body .login__aside .logo {
  padding: 3rem 2rem;
}
.login .login__body .form {
  margin-bottom: 2rem;
}
.container.about > .row:first-child {
  margin-bottom: 4rem;
}
.container.about .row h3 {
  margin-top: 2rem;
}
.container.about .team-member {
  margin: 0 auto;
  display: block;
}
.container.about p.team-member {
  margin-top: 2rem;
}
.faqs {
  column-count: 2;
  column-gap: 4rem;
}
@media screen and (max-width: 960px) {
  .faqs {
    column-count: 1;
  }
}
.faqs article {
  break-inside: avoid;
}
.faqs h5 {
  margin-bottom: 1rem;
}
.faqs p {
  margin-bottom: 2rem;
}
.testimonial-avatar {
  display: block;
  margin: 2rem auto;
  height: auto;
  max-height: 100px;
}
.testimonial-card {
  text-align: center;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3);
}
.testimonial-quote {
  font-size: larger;
}
.case-study-item {
  margin-bottom: 5rem;
}
.case-study-item:last-child {
  margin-bottom: 0;
}
.testimonial-card .material-symbols-outlined,
.testimonial-quote .material-symbols-outlined {
  font-size: 65px;
  color: #00C0FF;
  display: block;
  text-align: center;
  margin-bottom: 5px;
}
.case-study-item img {
  max-width: 200px;
}
.container.labs .lab-card {
  text-align: center;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3);
}
.container.labs .lab-card h1 {
  margin-bottom: 1rem;
}
.container.labs .lab-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0px 25px rgba(0, 0, 0, 0.4);
}
.container.labs .lab-card .lab-card__wrapper-link {
  text-decoration: none;
  color: inherit;
}
.container.labs .lab-card .lab-card__wrapper-link:hover {
  text-decoration: none;
}
.container.labs .lab-card h1 {
  color: #131023;
}
.container.labs .lab-card p {
  color: #515873;
}
.container.labs .lab-card a:last-child {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #515873;
  font-weight: 600;
  transition: color 0.3s ease;
}
.container.labs .lab-card a:last-child:hover {
  color: #4546F9;
  text-decoration: underline;
}
.container.labs .lab-card img {
  max-height: 12rem;
}
.container.labs .lab-card ul {
  list-style: none;
  padding: 0;
  margin: 0 auto 2rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  max-width: 450px;
}
.container.labs .lab-card ul li {
  background-color: #F3F4F9;
  color: #4546F9;
  padding: 0.4rem 1rem;
  border-radius: 999px;
  border: 1px solid #E4E7F0;
}
.container.labs .lab-card .lab-github-mark {
  max-height: 3rem;
  margin-left: 0.5rem;
}
.container.labs .lab-card .lab-github-logo {
  max-height: 3rem;
}
.container.labs .lab-card .lab-visual-studio {
  max-height: 5rem;
  margin-left: 0.75rem;
}
main.code-snapshot h1 {
  font-size: 3.25rem !important;
}
@media screen and (max-width: 960px) {
  main.code-snapshot h1 {
    font-size: 3rem !important;
  }
}
main.code-snapshot h2 {
  margin-bottom: 0;
}
main.code-snapshot .logo {
  max-height: 14rem;
}
main.code-snapshot code {
  color: #3A3F55;
  font-weight: 600;
}
main.code-snapshot .lab-github-mark {
  max-height: 3rem;
  margin-left: 0.5rem;
}
main.code-snapshot .lab-github-logo {
  max-height: 3rem;
}
main.code-snapshot ul.labs {
  list-style: none;
  padding: 0;
  margin: 0 auto 2rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}
main.code-snapshot ul.labs li {
  background-color: #F3F4F9;
  color: #4546F9;
  padding: 0.4rem 1rem;
  border-radius: 999px;
  border: 1px solid #E4E7F0;
}
main.code-snapshot .features-grid {
  margin-top: 2rem;
}
main.code-snapshot .features-grid .material-symbols-outlined {
  display: block;
  font-size: 3.5rem;
  color: #4546F9;
  margin: 0 auto 0.5rem auto;
}
main.code-snapshot .features-grid .column {
  margin: 0.25rem 0.25rem 2rem 0.25rem;
}
main.code-snapshot .tech-stack-logos img {
  max-height: 4rem;
}
main.code-snapshot .tech-stack-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
  margin-bottom: 1.5rem;
}
main.code-snapshot .tech-stack-logos .tech-logo-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
main.code-snapshot .tech-stack-logos .tech-logo-item img {
  max-height: 4rem;
}
main.code-snapshot .tech-stack-logos .tech-logo-item span {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.9rem;
  color: #3A3F55;
  font-weight: 600;
}
main.code-snapshot .github-cta-link {
  text-decoration: none;
}
main.code-snapshot .github-cta-link:hover {
  color: #00C0FF;
}
main.code-snapshot .github-cta-link:hover span {
  text-decoration: underline;
}
main.codebase-compass h1 {
  font-size: 3.25rem !important;
}
@media screen and (max-width: 960px) {
  main.codebase-compass h1 {
    font-size: 3rem !important;
  }
}
main.codebase-compass h2 {
  margin-bottom: 0;
}
main.codebase-compass .logo {
  max-height: 14rem;
}
main.codebase-compass code {
  color: #3A3F55;
  font-weight: 600;
}
main.codebase-compass .lab-github-mark {
  max-height: 3rem;
  margin-left: 0.5rem;
}
main.codebase-compass .lab-github-logo {
  max-height: 3rem;
}
main.codebase-compass ul.labs {
  list-style: none;
  padding: 0;
  margin: 0 auto 2rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}
main.codebase-compass ul.labs li {
  background-color: #F3F4F9;
  color: #4546F9;
  padding: 0.4rem 1rem;
  border-radius: 999px;
  border: 1px solid #E4E7F0;
}
main.codebase-compass .features-grid .row {
  margin-top: 2rem;
}
main.codebase-compass .features-grid .material-symbols-outlined {
  display: block;
  font-size: 3.5rem;
  color: #4546F9;
  margin: 0 auto 0.5rem auto;
}
main.codebase-compass .tech-stack-logos img {
  max-height: 4rem;
}
main.codebase-compass .tech-stack-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
  margin-bottom: 1.5rem;
}
main.codebase-compass .tech-stack-logos .tech-logo-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
main.codebase-compass .tech-stack-logos .tech-logo-item img {
  max-height: 4rem;
}
main.codebase-compass .tech-stack-logos .tech-logo-item span {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.9rem;
  color: #3A3F55;
  font-weight: 600;
}
main.codebase-compass .github-cta-link {
  text-decoration: none;
}
main.codebase-compass .github-cta-link:hover {
  color: #00C0FF;
}
main.codebase-compass .github-cta-link:hover span {
  text-decoration: underline;
}
main.password-generator {
  /* --- Password Strength Meter --- */
}
main.password-generator .password-strength-meter {
  margin-top: 12px;
  padding: 15px;
  background-color: #FBFBFF;
  border-radius: 6px;
  text-align: left;
}
main.password-generator .password-strength-meter__feedback_title {
  margin-bottom: 0.75rem;
}
main.password-generator .password-strength-meter__progress {
  width: 100%;
  height: 15px;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 4px;
  margin-bottom: 15px;
}
main.password-generator .password-strength-meter__progress::-webkit-progress-bar {
  background-color: #E4E7F0;
  border-radius: 4px;
}
main.password-generator .password-strength-meter__progress::-webkit-progress-value {
  border-radius: 4px;
  transition: background-color 0.3s ease-in-out;
}
main.password-generator .password-strength-meter__progress::-moz-progress-bar {
  border-radius: 4px;
  transition: background-color 0.3s ease-in-out;
}
main.password-generator .password-strength-meter__summary {
  display: none;
  margin-bottom: 10px;
}
main.password-generator .password-strength-meter__summary-label {
  color: #3A3F55;
}
main.password-generator .password-strength-meter__summary-text {
  font-weight: bold;
  transition: color 0.3s ease-in-out;
}
main.password-generator .password-strength-meter__time {
  color: #3A3F55;
  margin-bottom: 15px;
  border-bottom: 1px solid #E4E7F0;
  padding-bottom: 15px;
}
main.password-generator .password-strength-meter__feedback {
  list-style: none;
  padding-left: 0;
  margin: 0;
  font-size: 0.85em;
}
main.password-generator .password-strength-meter__feedback li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  color: #515873;
}
main.password-generator .password-strength-meter__feedback li:last-child {
  margin-bottom: 0;
}
main.password-generator .password-strength-meter__feedback li::before {
  content: '•';
  font-size: 1.4em;
  line-height: 1;
  color: #C9CFE0;
  transition: color 0.3s ease-in-out;
  margin-right: 5px;
}
main.password-generator .password-strength-meter.has--no-feedback .password-strength-meter__time {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
main.password-generator .password-strength-meter.strength--0 .password-strength-meter__progress::-webkit-progress-value {
  background-color: #8F1913;
}
main.password-generator .password-strength-meter.strength--0 .password-strength-meter__progress::-moz-progress-bar {
  background-color: #8F1913;
}
main.password-generator .password-strength-meter.strength--0 .password-strength-meter__summary-text {
  color: #8F1913;
}
main.password-generator .password-strength-meter.strength--0 .password-strength-meter__feedback_title {
  color: #8F1913;
}
main.password-generator .password-strength-meter.strength--0 .password-strength-meter__feedback li::before {
  color: #8F1913;
}
main.password-generator .password-strength-meter.strength--1 .password-strength-meter__progress::-webkit-progress-value {
  background-color: #EF4444;
}
main.password-generator .password-strength-meter.strength--1 .password-strength-meter__progress::-moz-progress-bar {
  background-color: #EF4444;
}
main.password-generator .password-strength-meter.strength--1 .password-strength-meter__summary-text {
  color: #EF4444;
}
main.password-generator .password-strength-meter.strength--1 .password-strength-meter__feedback_title {
  color: #EF4444;
}
main.password-generator .password-strength-meter.strength--1 .password-strength-meter__feedback li::before {
  color: #EF4444;
}
main.password-generator .password-strength-meter.strength--2 .password-strength-meter__progress::-webkit-progress-value {
  background-color: #F59E0B;
}
main.password-generator .password-strength-meter.strength--2 .password-strength-meter__progress::-moz-progress-bar {
  background-color: #F59E0B;
}
main.password-generator .password-strength-meter.strength--2 .password-strength-meter__summary-text {
  color: #F59E0B;
}
main.password-generator .password-strength-meter.strength--2 .password-strength-meter__feedback_title {
  color: #F59E0B;
}
main.password-generator .password-strength-meter.strength--2 .password-strength-meter__feedback li::before {
  color: #F59E0B;
}
main.password-generator .password-strength-meter.strength--3 .password-strength-meter__progress::-webkit-progress-value {
  background-color: #10B981;
}
main.password-generator .password-strength-meter.strength--3 .password-strength-meter__progress::-moz-progress-bar {
  background-color: #10B981;
}
main.password-generator .password-strength-meter.strength--3 .password-strength-meter__summary-text {
  color: #10B981;
}
main.password-generator .password-strength-meter.strength--3 .password-strength-meter__feedback_title {
  color: #10B981;
}
main.password-generator .password-strength-meter.strength--3 .password-strength-meter__feedback li::before {
  color: #10B981;
}
main.password-generator .password-strength-meter.strength--4 .password-strength-meter__progress::-webkit-progress-value {
  background-color: #4546F9;
}
main.password-generator .password-strength-meter.strength--4 .password-strength-meter__progress::-moz-progress-bar {
  background-color: #4546F9;
}
main.password-generator .password-strength-meter.strength--4 .password-strength-meter__summary-text {
  color: #4546F9;
}
main.password-generator .password-strength-meter.strength--4 .password-strength-meter__feedback_title {
  color: #4546F9;
}
main.password-generator .password-strength-meter.strength--4 .password-strength-meter__feedback li::before {
  color: #4546F9;
}
main.password-generator #crack_time_metric_title {
  margin-top: 1.5rem;
}
main.project-identifier h1 {
  font-size: 3.25rem !important;
}
@media screen and (max-width: 960px) {
  main.project-identifier h1 {
    font-size: 3rem !important;
  }
}
main.project-identifier h2 {
  margin-bottom: 0;
}
main.project-identifier .logo {
  max-height: 14rem;
}
main.project-identifier code {
  color: #3A3F55;
  font-weight: 600;
}
main.project-identifier .visual-studio-mark {
  max-height: 5rem;
  margin-left: 0.75rem;
}
main.project-identifier ul.labs {
  list-style: none;
  padding: 0;
  margin: 0 auto 2rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}
main.project-identifier ul.labs li {
  background-color: #F3F4F9;
  color: #4546F9;
  padding: 0.4rem 1rem;
  border-radius: 999px;
  border: 1px solid #E4E7F0;
}
main.project-identifier .features-grid {
  margin-top: 2rem;
}
main.project-identifier .features-grid .material-symbols-outlined {
  display: block;
  font-size: 3.5rem;
  color: #4546F9;
  margin: 0 auto 0.5rem auto;
}
main.project-identifier .features-grid .column {
  margin: 0.25rem 0.25rem 2rem 0.25rem;
}
main.project-identifier .tech-stack-logos img {
  max-height: 4rem;
}
main.project-identifier .tech-stack-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
  margin-bottom: 1.5rem;
}
main.project-identifier .tech-stack-logos .tech-logo-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
main.project-identifier .tech-stack-logos .tech-logo-item img {
  max-height: 4rem;
}
main.project-identifier .tech-stack-logos .tech-logo-item span {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.9rem;
  color: #3A3F55;
  font-weight: 600;
}
main.project-identifier .github-cta-link {
  text-decoration: none;
}
main.project-identifier .github-cta-link:hover {
  color: #00C0FF;
}
main.project-identifier .github-cta-link:hover span {
  text-decoration: underline;
}
main.defensa-digital-para-el-mundo-real h1 {
  font-size: 3.25rem !important;
}
@media screen and (max-width: 960px) {
  main.defensa-digital-para-el-mundo-real h1 {
    font-size: 3rem !important;
  }
}
main.defensa-digital-para-el-mundo-real h2 {
  margin-bottom: 0;
}
main.defensa-digital-para-el-mundo-real .logo {
  max-height: 14rem;
}
main.defensa-digital-para-el-mundo-real code {
  color: #3A3F55;
  font-weight: 600;
}
main.defensa-digital-para-el-mundo-real .visual-studio-mark {
  max-height: 5rem;
  margin-left: 0.75rem;
}
main.defensa-digital-para-el-mundo-real ul.labs {
  list-style: none;
  padding: 0;
  margin: 0 auto 2rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}
main.defensa-digital-para-el-mundo-real ul.labs li {
  background-color: #F3F4F9;
  color: #4546F9;
  padding: 0.4rem 1rem;
  border-radius: 999px;
  border: 1px solid #E4E7F0;
}
main.defensa-digital-para-el-mundo-real .features-grid {
  margin-top: 2rem;
}
main.defensa-digital-para-el-mundo-real .features-grid .material-symbols-outlined {
  display: block;
  font-size: 3.5rem;
  color: #4546F9;
  margin: 0 auto 0.5rem auto;
}
main.defensa-digital-para-el-mundo-real .features-grid .column {
  margin: 0.25rem 0.25rem 2rem 0.25rem;
}
@media screen and (max-width: 640px) {
  .container.services .column-hosting {
    margin-bottom: 1.5rem;
  }
  .container.services .column-hosting:last-child {
    margin-bottom: 0;
  }
}
.container.services .hosting-card {
  border: 1px solid #C9CFE0;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  background-color: #FBFBFF;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
  max-width: 350px;
  margin: 20px auto;
  transition: all 0.3s ease-in-out;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container.services .hosting-card:hover {
  transform: translateY(-8px);
  border-color: #4546F9;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.container.services .hosting-card__icon {
  width: 180px;
  height: 180px;
  margin: 12px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container.services .hosting-card__icon .icon-round {
  border-radius: 2.8rem;
}
.container.services .hosting-card__icon img {
  max-width: 100%;
  height: auto;
}
.container.services .hosting-card h3 {
  font-size: 1.8em;
  margin-bottom: 5px;
  color: #3A3F55;
}
.container.services .hosting-card p.subtitle {
  font-size: 0.9em;
  color: #25293A;
  margin-bottom: 20px;
}
.container.services .hosting-card .price {
  font-size: 2.2em;
  font-weight: bold;
  color: #00C0FF;
  margin-bottom: 20px;
}
.container.services .hosting-card .price span {
  font-size: 0.6em;
  font-weight: normal;
  color: #515873;
}
.container.services .hosting-card .features {
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
  text-align: left;
}
.container.services .hosting-card .features li {
  margin-bottom: 10px;
  color: #25293A;
  font-size: 0.95em;
  display: flex;
  align-items: center;
}
.container.services .hosting-card .features li::before {
  content: '✅';
  color: #10B981;
  font-weight: bold;
  margin-right: 12px;
  font-size: 1.2em;
}
.container.services .hosting-card .features li.features__info::before {
  content: 'ℹ️';
}
.container.services .hosting-card .button--align-bottom {
  margin-top: auto;
}
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #3A3F55;
  color: #FBFBFF;
  padding: 15px 20px;
  z-index: 9999;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
  display: none;
}
.cookie-banner .cookie-banner-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  max-width: 1000px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .cookie-banner .cookie-banner-content {
    flex-direction: row;
  }
}
.cookie-banner p {
  margin: 0 0 10px 0;
  font-size: 0.9rem;
  line-height: 1.5;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .cookie-banner p {
    margin: 0 20px 0 0;
  }
}
.cookie-banner p a {
  color: #00C0FF;
  text-decoration: underline;
}
.cookie-banner p a:hover {
  color: #33cdff;
}