@charset "UTF-8";
:root {
  --animation-fadeIn: fadeInAnimation 0.3s ease-in;
  --animation-fadeIn-opacity-start: 0;
  --animation-fadeIn-opacity-end: 1;
}

/* Keyframes animations */
@keyframes fadeInAnimation {
  from {
    opacity: var(--animation-fadeIn-opacity-start);
  }
  to {
    opacity: var(--animation-fadeIn-opacity-end);
  }
}
@keyframes slide-up {
  from {
    bottom: -200px;
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeInAnimation {
  animation: var(--animation-fadeIn);
  opacity: 1;
}

.staggered-fade-in > * {
  opacity: 0;
  animation: fadeInAnimation 0.3s ease-in forwards;
  -webkit-animation: fadeInAnimation 0.3s ease-in forwards;
  animation-delay: 0s;
}

:root {
  --border-radius-none: var(--sizing-none);
  --border-radius-3xs: var(--sizing-scale-4);
  --border-radius-2xs: var(--sizing-scale-8);
  --border-radius-xs: var(--sizing-scale-16);
  --border-radius-md: var(--sizing-scale-20);
  --border-radius-lg: var(--sizing-scale-24);
  --border-radius-pill: 50%;
}

:root {
  --color-slate-gray-96: #F2F5F8;
  --color-surface-detail: #FFF;
  --color-surface-brand-primary: #0088CC;
  --color-surface-brand-secondary: var(--color-brand-72);
  --color-surface-main: #0088CC;
  --color-surface-info: #($color-surface-info);
  --color-surface-neutral-active:#445D75;
  --color-product-fixed-income: #26A669;
  --color-product-cricra-and-debentures: #EF9655;
  --color-product-investments: #4261B3;
  --color-product-pension: #34488E;
  --color-product-treasure: #4E92A8;
  --color-product-public-offerings: #83739D;
  --color-product-structured-operations: #408272;
  --color-product-variable-income: #CD5D4E;
  --color-soft-dark: #6E8192;
  --color-informative: #0088CC;
  --color-informative-negative: #F17E923D;
  --color-product-conservative-investor: #009E73;
  --color-product-aggressive-investor: #C71030;
}

:root {
  --background-color-brand-dark-30: #001239;
  /*rgba(
    0,
    26,
    82,
    0.3
  );*/
  --color-transparency-surface-info-24: rgba( 112, 207, 255, 0.24 );
  --color-transparency-surface-detail-92: rgba( 255, 255, 255, 0.92 );
  --color-transparency-surface-detail-96: rgba( 255, 255, 255, 0.96 );
  --color-transparency-brand-dark-30: rgba( 0, 26, 82, 0.3 );
  --color-transparency-active-50: rgba( 0, 0, 0, 0.5 );
  --color-transparency-text-light-20: rgba( 255, 255, 255, 0.2 );
  --color-transparency-text-primary-50: rgba( 0, 0, 0, 0.5 );
  --color-transparency-background-neutral-primary-20: rgba( 0, 0, 0, 0.2 );
  --color-slate-gray-16: #445d75;
  --color-slate-gray-40: #445d75;
  --color-slate-gray-48: #6e8192;
  --color-slate-gray-72: #e2e7ed;
  --color-slate-gray-96: #F2F5F8;
  --color-brand-8: #001b29;
  --color-brand-16: #003652;
  --color-brand-24: #00527a;
  --color-brand-32: #006da3;
  --color-brand-40: #0088cc;
  --color-brand-48: #00a3f5;
  --color-brand-56: #1fb4ff;
  --color-brand-64: #47c2ff;
  --color-brand-72: #70cfff;
  --color-brand-80: #99ddff;
  --color-brand-88: #c2ebff;
  --color-brand-96: #ebf8ff;
  --color-neutral-0: #000000;
  --color-neutral-8: #445D75;
  --color-neutral-16: #292929;
  --color-neutral-24: #3d3d3d;
  --color-neutral-32: #525252;
  --color-neutral-40: #666666;
  --color-neutral-48: #7a7a7a;
  --color-neutral-56: #8f8f8f;
  --color-neutral-64: #a3a3a3;
  --color-neutral-72: #b8b8b8;
  --color-neutral-80: #cccccc;
  --color-neutral-88: #e0e0e0;
  --color-neutral-96: #EBEBEB;
  --color-neutral-100: #ffffff;
  --color-blue-8: #001729;
  --color-blue-16: #002e52;
  --color-blue-24: #00457a;
  --color-blue-32: #005ca3;
  --color-blue-40: #0074cc;
  --color-blue-48: #008bf5;
  --color-blue-56: #1f9eff;
  --color-blue-64: #47afff;
  --color-blue-72: #70c1ff;
  --color-blue-80: #99d3ff;
  --color-blue-88: #c2e4ff;
  --color-blue-96: #ebf6ff;
  --color-midnight-8: #000d29;
  --color-midnight-16: #001a52;
  --color-midnight-24: #00277a;
  --color-midnight-32: #0034a3;
  --color-midnight-40: #0041cc;
  --color-midnight-48: #004ef5;
  --color-midnight-56: #1f66ff;
  --color-midnight-64: #4782ff;
  --color-midnight-72: #709dff;
  --color-midnight-80: #99b9ff;
  --color-midnight-88: #c2d5ff;
  --color-midnight-96: #ebf1ff;
  --color-green-8: #00291e;
  --color-green-16: #00523c;
  --color-green-24: #007a5a;
  --color-green-32: #00a378;
  --color-green-40: #00A377;
  --color-green-48: #00f5b4;
  --color-green-56: #1fffc3;
  --color-green-64: #47ffce;
  --color-green-72: #70ffd9;
  --color-green-80: #99ffe4;
  --color-green-88: #c1ffee;
  --color-green-96: #ebfffa;
  --color-gold-8: #281b01;
  --color-gold-16: #503601;
  --color-gold-24: #795102;
  --color-gold-32: #a16c02;
  --color-gold-40: #c98703;
  --color-gold-48: #f1a204;
  --color-gold-56: #fcb322;
  --color-gold-64: #fcc14a;
  --color-gold-72: #fdcf72;
  --color-gold-80: #fddc9b;
  --color-gold-88: #feeac2;
  --color-gold-96: #fff8eb;
  --color-red-8: #260309;
  --color-red-16: #4b0612;
  --color-red-24: #71091b;
  --color-red-32: #970c23;
  --color-red-40: #b81430;
  --color-red-48: #e21235;
  --color-red-56: #ee2f4f;
  --color-red-64: #f1556f;
  --color-red-72: #f47b8f;
  --color-red-80: #f7a1af;
  --color-red-88: #fac6ce;
  --color-red-96: #fdecef;
  --color-purple-8: #1d0326;
  --color-purple-16: #3a054c;
  --color-purple-24: #570872;
  --color-purple-32: #740b98;
  --color-purple-40: #910dbf;
  --color-purple-48: #ae10e5;
  --color-purple-56: #be2df0;
  --color-purple-64: #ca53f3;
  --color-purple-72: #d67af6;
  --color-purple-78: #c994fe;
  --color-purple-80: #e29ff9;
  --color-purple-88: #eec5fb;
  --color-purple-89: #c994fe1f;
  --color-purple-96: #f9ecfe;
  --color-transparency-neutral-0-opaque: rgba(0, 0, 0, 1);
  --color-transparency-neutral-0-semi-opaque: rgba(0, 0, 0, 0.8);
  --color-transparency-neutral-0-intense: rgba(0, 0, 0, 0.64);
  --color-transparency-neutral-0-medium: rgba(0, 0, 0, 0.32);
  --color-transparency-neutral-0-soft: rgba(0, 0, 0, 0.16);
  --color-transparency-neutral-0-semi-transparent: rgba(0, 0, 0, 0.08);
  --color-transparency-neutral-0-transparent: rgba(0, 0, 0, 0);
  --color-transparency-neutral-100-opaque: rgba(255, 255, 255, 1);
  --color-transparency-neutral-100-semi-opaque: rgba(255, 255, 255, 0.8);
  --color-transparency-neutral-100-intense: rgba(255, 255, 255, 0.64);
  --color-transparency-neutral-100-medium: rgba(255, 255, 255, 0.32);
  --color-transparency-neutral-100-soft: rgba(255, 255, 255, 0.16);
  --color-transparency-neutral-100-semi-transparent: rgba(255, 255, 255, 0.08);
  --color-transparency-neutral-100-transparent: rgba(255, 255, 255, 0);
  --color-transparency-brand-medium: rgba(0, 136, 204, 0.32);
  --color-transparency-brandDark-intense: rgba(0, 26, 82, 0.64);
  --color-gradient-brand: linear-gradient( 45deg, var(--color-midnight-16) 0%, var(--color-blue-24) 50%, var(--color-blue-72) 100% );
  --color-gradient-neutral: linear-gradient( to bottom right, #202631 0%, #6d7688 100% ) 100% no-repeat;
  --color-gradient-banner: linear-gradient( 180deg, rgba(0, 28, 85, 0) 0%, rgba(0, 28, 85, 0.5) 100% );
  --color-gradient-brand-horizontal: linear-gradient( 90deg, #001a52 0%, #0088cc 100% );
  --color-gradient-payment-card-global-account: linear-gradient( 245.98deg, #72787a 16.78%, #6a6f70 25.22%, #484a49 61.83%, #3c3c3b 80.6% );
  --color-gradient-payment-card-global-account-virtual: linear-gradient( 262.66deg, #ffffff 0%, #fefefe 0.01%, #e0e0e0 100% );
}

:root {
  --background-color-surface-neutral-active: var(--color-surface-neutral-active);
  --background-color-neutral-soft-light: var(--color-slate-gray-72);
  --background-slate-gray-96: var(--color-slate-gray-96);
  --background-color-surface-detail: var(--color-surface-detail);
  --background-color-surface-info-24: var(--color-transparency-surface-info-24);
  --background-color-auxiliary-critical-secondary: var(--color-red-88);
  --background-color-surface-brand-primary: var(--color-surface-brand-primary);
  --background-color-surface-brand-dark: var(--color-brand-16);
  --background-color-product-fixed-income: var(--color-product-fixed-income);
  --background-color-product-cricra-and-debentures: var(--color-product-cricra-and-debentures);
  --background-color-product-Investments: var(--color-product-investments);
  --background-color-product-pension: var(--color-product-pension);
  --background-color-product-treasure: var(--color-product-treasure);
  --background-color-product-public-offerings: var(--color-product-public-offerings);
  --background-color-product-structured-operations: var(--color-product-structured-operations);
  --background-color-product-variable-income: var(--color-product-variable-income);
  --background-color-product-conservative-investor: var(--color-product-conservative-investor);
  --background-color-product-moderate-investor: var(--color-gold-56);
  --background-color-product-aggressive-investor: var(--color-product-aggressive-investor);
  --text-color-surface-neutral-soft-light: var(--color-slate-gray-72);
  --text-color-brand-primary: var(--color-surface-brand-primary);
  --text-color-soft-dark: var(--color-soft-dark);
  --text-color-informative: var(--color-informative);
  --text-color-informative-negative: var(--color-informative-negative);
  --text-color-attention: var(--color-gold-24);
  --text-color-sucess: var(--color-green-40);
  --text-color-brand: var(--color-brand-40);
  --text-color-brand-secondary: var(--color-midnight-16);
  --text-color-primary: var(--color-neutral-8);
  --text-color-secondary: var(--color-neutral-40);
  --text-color-placeholder: var(--color-neutral-40);
  --text-color-surface-main: var(--color-surface-main);
  --text-color-disabled: var(--color-neutral-72);
  --text-color-success: var(--color-green-40);
  --text-color-success-primary: var(--color-green-32);
  --text-color-critical: var(--color-red-40);
  --text-color-attention: var(--color-gold-40);
  --text-color-gold: var(--color-gold-24);
  --text-color-purple: var(--color-purple-24);
  --text-color-light: var(--color-neutral-100);
  --outline-color-brand: var(--color-brand-40);
  --outline-color-brand-primary: var(--color-brand-40);
  --outline-color-brand-secondary: var(--color-midnight-16);
  --outline-color-default: var(--color-neutral-88);
  --outline-color-standard: var(--color-neutral-40);
  --outline-color-active: var(--color-neutral-8);
  --outline-color-disabled: var(--color-neutral-72);
  --outline-color-informative: var(--color-brand-40);
  --outline-color-success: var(--color-green-40);
  --outline-color-critical: var(--color-red-40);
  --outline-color-attention: var(--color-gold-40);
  --outline-color-light: var(--color-neutral-100);
  --outline-color-neutral-soft-light: var(--color-slate-gray-72);
  --outline-color-brand-active: var(--color-brand-72);
  --outline-shape-gray-88: var(--color-neutral-88);
  --outline-shape-gold-24: var(--color-gold-24);
  --outline-shape-gold-56: var(--color-gold-56);
  --outline-shape-blue-40: var(--color-blue-40);
  --outline-shape-green-40: var(--color-green-40);
  --outline-shape-red-40: var(--color-red-40);
  --outline-shape-purple-24: var(--color-purple-24);
  --neutral-background-color-primary: var(--color-neutral-100);
  --neutral-background-color-secondary: var(--color-neutral-96);
  --neutral-background-color-tertiary: var(--color-neutral-40);
  --neutral-background-color-on-secondary: var(--color-neutral-88);
  --neutral-background-color-disabled: var(--color-neutral-88);
  --neutral-background-color-on-disabled: var(--color-neutral-96);
  --neutral-background-color-dark: var(--color-neutral-8);
  --background-color-brand-primary: var(--color-brand-40);
  --background-color-on-brand-primary: var(--color-neutral-100);
  --background-color-brand-secondary: var(--color-blue-72);
  --background-color-on-brand-secondary: var(--color-brand-88);
  --background-color-brand-dark: var(--color-midnight-16);
  --background-color-hover-primary: var(--color-midnight-16);
  --background-color-on-hover-primary: var(--color-neutral-100);
  --background-color-success-primary: var(--color-green-32);
  --background-color-on-success-primary: var(--color-neutral-8);
  --background-color-success-secondary: var(--color-green-96);
  --background-color-on-success-secondary: var(--color-green-24);
  --background-color-attention-primary: var(--color-gold-56);
  --background-color-on-attention-primary: var(--color-neutral-8);
  --background-color-attention-secondary: var(--color-gold-96);
  --background-color-on-attention-secondary: var(--color-gold-24);
  --background-color-critical-primary: var(--color-red-40);
  --background-color-on-critical-primary: var(--color-neutral-8);
  --background-color-critical-secondary: var(--color-red-96);
  --background-color-on-critical-secondary: var(--color-red-24);
  --background-color-informative-primary: var(--color-brand-40);
  --background-color-on-informative-primary: var(--color-neutral-8);
  --background-color-informative-secondary: var(--color-blue-96);
  --background-color-on-informative-secondary: var(--color-blue-24);
  --background-color-informative-auxiliary-secondary: var(--color-brand-96);
  --background-color-surface-default: var(--color-neutral-96);
  --background-shape-gray-96: var(--color-neutral-96);
  --background-shape-gold-96: var(--color-gold-96);
  --background-shape-blue-96: var(--color-blue-96);
  --background-shape-green-96: var(--color-green-96);
  --background-shape-red-96: var(--color-red-96);
  --background-shape-purple-96: var(--color-purple-96);
  --background-general-gray-40: var(--color-neutral-40);
  --background-general-gold-24: var(--color-gold-24);
  --background-general-blue-40: var(--color-blue-40);
  --background-general-green-32: var(--color-green-32);
  --background-general-red-40: var(--color-red-40);
  --background-general-purple-24: var(--color-purple-24);
}

.background-color-surface-default {
  background-color: var(--background-color-surface-default);
}

.background-color-success-primary {
  background-color: var(--background-color-success-primary);
}

.background-color-surface-brand-primary {
  background-color: var(--background-color-surface-brand-primary);
}

.background-color-brand-dark {
  background-color: var(--background-color-brand-dark);
}

.background-color-surface-detail {
  background-color: var(--background-color-surface-detail);
}

.background-color-surface-neutral-soft-light {
  background-color: var(--background-color-neutral-soft-light);
}

.text-color-surface-neutral-soft-light {
  color: var(--text-color-surface-neutral-soft-light);
}

.text-color-brand-primary {
  color: var(--text-color-brand-primary) !important;
}

.text-color-soft-dark {
  color: var(--text-color-soft-dark) !important;
}

.text-color-informative {
  color: var(--text-color-informative) !important;
}

.text-color-informative-negative {
  color: var(--text-color-informative-negative) !important;
}

.text-color-attention {
  color: var(--text-color-attention) !important;
}

.text-color-success {
  color: var(--text-color-success) !important;
}

.text-color-brand {
  color: var(--text-color-brand) !important;
}

.text-color-brand-secondary {
  color: var(--text-color-brand-secondary) !important;
}

.text-color-primary {
  color: var(--text-color-primary) !important;
}

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

.text-color-placeholder {
  color: var(--text-color-placeholder) !important;
}

.text-color-surface-main {
  color: var(--text-color-surface-main) !important;
}

.text-color-disabled {
  color: var(--text-color-disabled) !important;
}

.text-color-success-primary {
  color: var(--text-color-success-primary) !important;
}

.text-color-critical {
  color: var(--text-color-critical) !important;
}

.text-color-gold {
  color: var(--text-color-gold) !important;
}

.text-color-purple {
  color: var(--text-color-purple) !important;
}

.text-color-light {
  color: var(--text-color-light) !important;
}

:root {
  --elevation-card-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  --elevation-ib-card-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  --elevation-background-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
  --elevation-switch-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.21);
  --elevation-bottom-sheet-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  --elevation-button-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.08);
  --elevation-box-alert: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
}

@font-face {
  font-family: "Mulish-ExtraLight";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Mulish-ExtraLight.ttf") format("truetype");
}
@font-face {
  font-family: "Mulish-Light";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Mulish-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Mulish-Regular";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Mulish-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Mulish-Medium";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Mulish-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Mulish-SemiBold";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Mulish-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Mulish-Bold";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Mulish-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Mulish-ExtraBold";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Mulish-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "Mulish-Black";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Mulish-Black.ttf") format("truetype");
}
.icn-sm {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}

.icn-lg {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
}

.icn-female {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-female.svg");
}

.icn-discount {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-discount.svg");
}

.icn-account {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-account.svg");
}

.icn-add {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-add.svg");
}

.icn-globe {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-globe.svg");
}

.icn-handshake {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-handshake.svg");
}

.icn-pie-chart {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-pie-chart.svg");
}

.icn-hourglass {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-hourglass.svg");
}

.icn-money-exchange {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-money-exchange.svg");
}

.icn-laptop {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-laptop.svg");
}

.icn-add-circle {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-add-circle.svg");
}

.icn-add-card {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-add-card.svg");
}

.icn-arrow-up {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-arrow-up.svg");
}

.icn-arrow-left {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-arrow-left.svg");
}

.icn-arrow-right {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-arrow-right.svg");
}

.icn-arrow-right-color {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  outline: none;
  pointer-events: all;
  -webkit-mask-image: url("../icons/icn-arrow-right.svg");
  mask-image: url("../icons/icn-arrow-right.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icn-arrow-right-sm {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-arrow-right-sm.svg");
}

.icn-change {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-change.svg");
}

.icn-logout {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-logout.svg");
}

.icn-pix {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-pix.svg");
}

.icn-ai {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-ai.svg");
}

.icn-analytics {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-analytics.svg");
}

.icn-arrow {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-arrow.svg");
}

.icn-camera {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-camera.svg");
}

.icn-chat {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-chat.svg");
}

.icn-check {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-check.svg");
}

.icn-clock {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-clock.svg");
}

.icn-close {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-close.svg");
}

.icn-cloud {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-cloud.svg");
}

.icn-cog {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-cog.svg");
}

.icn-comment {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-comment.svg");
}

.icn-download {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-download.svg");
}

.icn-edit {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-edit.svg");
}

.icn-email {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-email.svg");
}

.icn-error {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-error.svg");
}

.icn-file {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-file.svg");
}

.icn-flag {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-flag.svg");
}

.icn-folder {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-folder.svg");
}

.icn-heart {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-heart.svg");
}

.icn-home {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-home.svg");
}

.icn-info {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-info.svg");
}

.icn-link {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-link.svg");
}

.icn-lock {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-lock.svg");
}

.icn-map {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-map.svg");
}

.icn-menu {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-menu.svg");
}

.icn-message {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-message.svg");
}

.icn-microphone {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-microphone.svg");
}

.icn-minus {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-minus.svg");
}

.icn-notification {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-notification.svg");
}

.icn-phone {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-phone.svg");
}

.icn-photo {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-photo.svg");
}

.icn-plus {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-plus.svg");
}

.icn-print {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-print.svg");
}

.icn-refresh {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-refresh.svg");
}

.icn-search {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-search.svg");
}

.icn-settings {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-settings.svg");
}

.icn-star {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-star.svg");
}

.icn-trash {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-trash.svg");
}

.icn-user {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-user.svg");
}

.icn-alternate {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-alternate.svg");
}

.icn-arrange-square-filled {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-arrange-square-filled.svg");
}

.icn-arrange-square {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-arrange-square.svg");
}

.icn-autorenew {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-autorenew.svg");
}

.icn-banknote-money {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-banknote-money.svg");
}

.icn-bell {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-bell.svg");
}

.icn-mastercard {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-mastercard.svg");
}

.icn-book {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-book.svg");
}

.icn-business-center {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-business-center.svg");
}

.icn-calculator {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-calculator.svg");
}

.icn-calendar-check {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-calendar-check.svg");
}

.icn-calendar {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-calendar.svg");
}

.icn-canceled {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-canceled.svg");
}

.icn-car {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-car.svg");
}

.icn-bar-chart {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-bar-chart.svg");
}

.icn-chart-ascent {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-chart-ascent.svg");
}

.icn-chart-journey {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-chart-journey.svg");
}

.icn-chart-pizza {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-chart-pizza.svg");
}

.icn-chart-plus-square {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-chart-plus-square.svg");
}

.icn-chart-square-1 {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-chart-square-1.svg");
}

.icn-chart-square {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-chart-square.svg");
}

.icn-chart {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-chart.svg");
}

.icn-check-circle {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-check-circle.svg");
}

.icn-coins-hand {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-coins-hand.svg");
}

.icn-construction {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-construction.svg");
}

.icn-copy {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-copy.svg");
}

.icn-curve {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-curve.svg");
}

.icn-dayface {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-dayface.svg");
}

.icn-delete {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-delete.svg");
}

.icn-check-circle-filled {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-check-circle-filled.svg");
}

.icn-diagram {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-diagram.svg");
}

.icn-dollar-square {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-dollar-square.svg");
}

.icn-element-4 {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-element-4.svg");
}

.icn-empty-card {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-empty-card.svg");
}

.icn-empty-wallet {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-empty-wallet.svg");
}

.icn-evolution {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-evolution.svg");
}

.icn-exit {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-exit.svg");
}

.icn-eye-slash-off {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-eye-slash-off.svg");
}

.icn-eye-slash-off-outline {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-eye-slash-off-outline.svg");
}

.icn-eye-slash {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-eye-slash.svg");
}

.icn-family {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-family.svg");
}

.icn-file-blank {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-file-blank.svg");
}

.icn-file-blank2 {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-file-blank2.svg");
}

.icn-file-check {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-file-check.svg");
}

.icn-file-dollar {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-file-dollar.svg");
}

.icn-file-search {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-file-search.svg");
}

.icn-filled-circle {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-filled-circle.svg");
}

.icn-filter {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-filter.svg");
}

.icn-financial-advisor {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-financial-advisor.svg");
}

.icn-finger-print {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-finger-print.svg");
}

.icn-graph {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-graph.svg");
}

.icn-headphones {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-headphones.svg");
}

.icn-help {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-help.svg");
}

.icn-image {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-image.svg");
}

.icn-key {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-key.svg");
}

.icn-keys {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-keys.svg");
}

.icn-less {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-less.svg");
}

.icn-linear-chart {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-linear-chart.svg");
}

.icn-local {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-local.svg");
}

.icn-location {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-location.svg");
}

.icn-lock-filled {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-lock-filled.svg");
}

.icn-money {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-money.svg");
}

.icn-more {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-more.svg");
}

.icn-movements {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-movements.svg");
}

.icn-outline-circle {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-outline-circle.svg");
}

.icn-password {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-password.svg");
}

.icn-pause {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-pause.svg");
}

.icn-payment {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-payment.svg");
}

.icn-mobile {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-mobile.svg");
}

.icn-pix {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-pix.svg");
}

.icn-plane {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-plane.svg");
}

.icn-play {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-play.svg");
}

.icn-playlist_add_check_success {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-playlist_add_check.svg");
}

.icn-public {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-public.svg");
}

.icn-qr-code {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-qr-code.svg");
}

.icn-report-list {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-report-list.svg");
}

.icn-report {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-report.svg");
}

.icn-retirement {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-retirement.svg");
}

.icn-select-multiple {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-select-multiple.svg");
}

.icn-send {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-send.svg");
}

.icn-share {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-share.svg");
}

.icn-shield-check {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-shield-check.svg");
}

.icn-shopping-cart {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-shopping-cart.svg");
}

.icn-slider {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-slider.svg");
}

.icn-status-up {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-status-up.svg");
}

.icn-strongbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-strongbox.svg");
}

.icn-switch-account {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-switch-account.svg");
}

.icn-target {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-target.svg");
}

.icn-time {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-time.svg");
}

.icn-upload {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-upload.svg");
}

.icn-user-edit {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-user-edit.svg");
}

.icn-user-person {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-user-person.svg");
}

.icn-user-square {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-user-square.svg");
}

.icn-users {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-users.svg");
}

.icn-wallet-money {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-wallet-money.svg");
}

.icn-terms {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-terms.svg");
}

.icn-chart-growth {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-chart-growth.svg");
}

.icn-warning {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-warning.svg");
}

.icn-warning-alt {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-warning-alt.svg");
}

.icn-whatsapp {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-whatsapp.svg");
}

.icn-invest {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-invest.svg");
}

.icn-arrow-2 {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-arrow-2.svg");
}

.icn-arrow-2-left {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-arrow-2-left.svg");
}

.icn-arrow-down-sm {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-arrow-down-sm.svg");
}

.icn-arrow-rigth-sm {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-arrow-down-sm.svg");
}

.icn-favorite {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-favorite.svg");
}

.icn-favorite-outline {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-favorite-outline.svg");
}

.icn-whatsapp-alt {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-whatsapp-alt.svg");
}

.icn-corporate {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-corporate.svg");
}

.icn-pencil {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-pencil.svg");
}

.icn-chart-up {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-chart-up.svg");
}

.icn-trending-up {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-trending-up.svg");
}

.icn-trending-down {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-trending-down.svg");
}

.icn-arrow-2-up {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-arrow-2-up.svg");
}

.icn-arrow-right-ag {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-arrow-right-ag.svg");
}

.icn-low-risk {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-low-risk.svg");
}

.icn-medium-risk {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-medium-risk.svg");
}

.icn-high-risk {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-high-risk.svg");
}

.icn-attach-money {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-attach-money.svg");
}

.icn-portability {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  pointer-events: all;
  background-image: url("../icons/icn-portability.svg");
}

.icn-color-surface-brand-dark {
  filter: brightness(0) saturate(100%) invert(15%) sepia(15%) saturate(7113%) hue-rotate(174deg) brightness(96%) contrast(103%);
}

.icn-color-surface-brand-primary {
  filter: brightness(0) saturate(100%) invert(67%) sepia(100%) saturate(5216%) hue-rotate(174deg) brightness(87%) contrast(101%);
}

.icn-color-brand-primary {
  filter: brightness(0) saturate(100%) invert(42%) sepia(79%) saturate(2588%) hue-rotate(174deg) brightness(87%) contrast(101%);
}

.icn-color-text-purple {
  filter: brightness(0) saturate(100%) invert(50%) sepia(100%) saturate(2000%)hue-rotate(250deg) brightness(110%) contrast(100%);
}

.icn-color-text-brand-secondary {
  filter: brightness(0) saturate(100%) invert(11%) sepia(59%) saturate(2928%) hue-rotate(206deg) brightness(85%) contrast(113%);
}

.icn-color-text-success {
  filter: brightness(0) saturate(100%) invert(57%) sepia(40%) saturate(5200%) hue-rotate(130deg) brightness(84%) contrast(101%);
}

.icn-color-text-warning {
  filter: brightness(0) saturate(100%) invert(65%) sepia(98%) saturate(469%) hue-rotate(342deg) brightness(105%) contrast(98%);
}

.icn-color-text-disabled {
  filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(88%) contrast(90%);
}

.icn-color-text-primary {
  filter: brightness(0) saturate(100%) invert(34%) sepia(12%) saturate(1327%) hue-rotate(168deg) brightness(95%) contrast(87%);
}

.icn-color-text-critical {
  filter: brightness(0) saturate(100%) invert(11%) sepia(90%) saturate(3771%) hue-rotate(340deg) brightness(107%) contrast(96%);
}

.icn-color-surface-neutral-active {
  filter: brightness(0) saturate(100%) invert(35%) sepia(16%) saturate(1003%) hue-rotate(168deg) brightness(92%) contrast(88%);
}

.icn-color-auxiliary-success-primary {
  filter: brightness(0) saturate(100%) invert(31%) sepia(54%) saturate(2918%) hue-rotate(148deg) brightness(102%) contrast(101%);
}

.icn-color-auxiliary-attention-primary {
  filter: brightness(0) saturate(100%) invert(81%) sepia(73%) saturate(6631%) hue-rotate(346deg) brightness(100%) contrast(94%);
}

.icn-color-auxiliary-critical-primary {
  filter: brightness(0) saturate(100%) invert(12%) sepia(65%) saturate(5227%) hue-rotate(340deg) brightness(99%) contrast(95%);
}

.icn-color-surface-neutral {
  filter: brightness(0) saturate(100%) invert(97%) sepia(97%) saturate(0%) hue-rotate(5deg) brightness(104%) contrast(103%);
}

.icn-color-text-light {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(246deg) brightness(105%) contrast(102%);
}

:root {
  --sizing-scale-200: 12.5rem;
  --sizing-scale-160: 10rem;
  --sizing-scale-120: 7.5rem;
  --sizing-scale-100: 6.25rem;
  --sizing-scale-98: 6.125rem;
  --sizing-scale-96: 6rem;
  --sizing-scale-94: 5.875rem;
  --sizing-scale-92: 5.75rem;
  --sizing-scale-90: 5.625rem;
  --sizing-scale-88: 5.5rem;
  --sizing-scale-86: 5.375rem;
  --sizing-scale-84: 5.25rem;
  --sizing-scale-82: 5.125rem;
  --sizing-scale-80: 5rem;
  --sizing-scale-78: 4.875rem;
  --sizing-scale-76: 4.75rem;
  --sizing-scale-74: 4.625rem;
  --sizing-scale-72: 4.5rem;
  --sizing-scale-70: 4.375rem;
  --sizing-scale-68: 4.25rem;
  --sizing-scale-66: 4.125rem;
  --sizing-scale-64: 4rem;
  --sizing-scale-62: 3.875rem;
  --sizing-scale-60: 3.75rem;
  --sizing-scale-56: 3.5rem;
  --sizing-scale-54: 3.375rem;
  --sizing-scale-52: 3.25rem;
  --sizing-scale-50: 3.125rem;
  --sizing-scale-48: 3rem;
  --sizing-scale-46: 2.875rem;
  --sizing-scale-44: 2.75rem;
  --sizing-scale-42: 2.625rem;
  --sizing-scale-40: 2.5rem;
  --sizing-scale-38: 2.375rem;
  --sizing-scale-36: 2.25rem;
  --sizing-scale-34: 2.125rem;
  --sizing-scale-32: 2rem;
  --sizing-scale-30: 1.875rem;
  --sizing-scale-28: 1.75rem;
  --sizing-scale-26: 1.625rem;
  --sizing-scale-24: 1.5rem;
  --sizing-scale-22: 1.375rem;
  --sizing-scale-20: 1.25rem;
  --sizing-scale-18: 1.125rem;
  --sizing-scale-16: 1rem;
  --sizing-scale-12: 0.75rem;
  --sizing-scale-10: 0.625rem;
  --sizing-scale-9: 0.5625rem;
  --sizing-scale-8: 0.5rem;
  --sizing-scale-6: 0.375rem;
  --sizing-scale-4: 0.25rem;
  --sizing-scale-2: 0.125rem;
  --sizing-scale-1: 0.0625rem;
  --sizing-none: 0;
}

:root {
  --spacing-scale-300: var(--sizing-scale-300);
  --spacing-scale-200: var(--sizing-scale-200);
  --spacing-scale-160: var(--sizing-scale-160);
  --spacing-scale-120: var(--sizing-scale-120);
  --spacing-scale-100: var(--sizing-scale-100);
  --spacing-scale-98: var(--sizing-scale-98);
  --spacing-scale-96: var(--sizing-scale-96);
  --spacing-scale-94: var(--sizing-scale-94);
  --spacing-scale-92: var(--sizing-scale-92);
  --spacing-scale-90: var(--sizing-scale-90);
  --spacing-scale-88: var(--sizing-scale-88);
  --spacing-scale-86: var(--sizing-scale-86);
  --spacing-scale-84: var(--sizing-scale-84);
  --spacing-scale-82: var(--sizing-scale-82);
  --spacing-scale-80: var(--sizing-scale-80);
  --spacing-scale-78: var(--sizing-scale-78);
  --spacing-scale-76: var(--sizing-scale-76);
  --spacing-scale-74: var(--sizing-scale-74);
  --spacing-scale-72: var(--sizing-scale-72);
  --spacing-scale-70: var(--sizing-scale-70);
  --spacing-scale-68: var(--sizing-scale-68);
  --spacing-scale-66: var(--sizing-scale-66);
  --spacing-scale-64: var(--sizing-scale-64);
  --spacing-scale-62: var(--sizing-scale-62);
  --spacing-scale-60: var(--sizing-scale-60);
  --spacing-scale-56: var(--sizing-scale-56);
  --spacing-scale-54: var(--sizing-scale-54);
  --spacing-scale-52: var(--sizing-scale-52);
  --spacing-scale-50: var(--sizing-scale-50);
  --spacing-scale-48: var(--sizing-scale-48);
  --spacing-scale-46: var(--sizing-scale-46);
  --spacing-scale-44: var(--sizing-scale-44);
  --spacing-scale-42: var(--sizing-scale-42);
  --spacing-scale-40: var(--sizing-scale-40);
  --spacing-scale-38: var(--sizing-scale-38);
  --spacing-scale-36: var(--sizing-scale-36);
  --spacing-scale-34: var(--sizing-scale-34);
  --spacing-scale-32: var(--sizing-scale-32);
  --spacing-scale-30: var(--sizing-scale-30);
  --spacing-scale-28: var(--sizing-scale-28);
  --spacing-scale-26: var(--sizing-scale-26);
  --spacing-scale-24: var(--sizing-scale-24);
  --spacing-scale-22: var(--sizing-scale-22);
  --spacing-scale-20: var(--sizing-scale-20);
  --spacing-scale-18: var(--sizing-scale-18);
  --spacing-scale-16: var(--sizing-scale-16);
  --spacing-scale-12: var(--sizing-scale-12);
  --spacing-scale-10: var(--sizing-scale-10);
  --spacing-scale-8: var(--sizing-scale-8);
  --spacing-scale-6: var(--sizing-scale-6);
  --spacing-scale-4: var(--sizing-scale-4);
  --spacing-scale-2: var(--sizing-scale-2);
  --spacing-scale-1: var(--sizing-scale-1);
  --spacing-none: var(--sizing-none);
  --padding-scale-40: var(--sizing-scale-40);
  --padding-scale-32: var(--sizing-scale-32);
  --padding-scale-24: var(--sizing-scale-24);
  --padding-scale-20: var(--sizing-scale-20);
  --padding-scale-16: var(--sizing-scale-16);
  --padding-scale-12: var(--sizing-scale-12);
  --padding-scale-10: var(--sizing-scale-10);
  --padding-scale-8: var(--sizing-scale-8);
  --padding-scale-4: var(--sizing-scale-4);
  --padding-scale-2: var(--sizing-scale-2);
  --padding-none: var(--sizing-none);
}

:root {
  --font-weight-black: 900;
  --font-weight-extrabold: 800;
  --font-weight-bold: 700;
  --font-weight-semi-bold: 600;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-light: 300;
  --font-weight-extralight: 200;
  --font-size-3xl: 3rem;
  --font-size-2xl: 2.5rem;
  --font-size-xl: 2.25rem;
  --font-size-lg: 2rem;
  --font-size-md: 1.5rem;
  --font-size-sm: 1.25rem;
  --font-size-xs18: 1.125rem;
  --font-size-xs: 1rem;
  --font-size-2xs: 0.875rem;
  --font-size-3xs: 0.75rem;
  --font-size-4xs: 0.625rem;
  --font-line-height-2xl: 3.5rem;
  --font-line-height-xl: 3rem;
  --font-line-height-lg: 2.5rem;
  --font-line-height-md: 2rem;
  --font-line-height-ms: 1.75rem;
  --font-line-height-sm: 1.5rem;
  --font-line-height-sm-md: 1.25rem;
  --font-line-height-sm-xs: 1.125rem;
  --font-line-height-xs: 1rem;
  --font-line-height-auto: auto;
  --font-letter-spacing-normal: normal;
}
@media screen and (max-width: 1366px) {
  :root {
    --font-size-3xl: calc(3rem - 2px);
    --font-size-2xl: calc(2.5rem - 2px);
    --font-size-xl: calc(2.25rem - 2px);
    --font-size-lg: calc(2rem - 2px);
    --font-size-md: calc(1.5rem - 2px);
    --font-size-sm: calc(1.25rem - 2px);
    --font-size-xs18: calc(1.125rem - 2px);
    --font-size-xs: calc(1rem - 2px);
    --font-size-2xs: calc(0.875rem - 2px);
    --font-size-3xs: calc(0.75rem - 2px);
    --font-size-4xs: calc(0.625rem - 2px);
  }
}

.progress {
  border-radius: var(--border-radius-xs);
  background: rgba(0, 163, 120, 0.25);
  height: var(--sizing-scale-8);
}

.progress-bar {
  border-radius: var(--border-radius-xs);
}

.alert, .alert-error, .alert-warning, .alert-sucess, .alert-infomative, .alert-transparent {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: var(--spacing-scale-12);
  gap: var(--spacing-scale-8);
  border-radius: var(--border-radius-md);
  box-shadow: var(--elevation-box-alert);
}
.alert span, .alert-error span, .alert-warning span, .alert-sucess span, .alert-infomative span, .alert-transparent span {
  min-width: 24px;
  min-height: 24px;
}
.alert label, .alert-error label, .alert-warning label, .alert-sucess label, .alert-infomative label, .alert-transparent label {
  font-size: var(--font-size-2xs);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-xs);
  margin: var(--sizing-none);
}

.alert-transparent {
  background: transparent;
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--background-color-neutral-soft-light);
  background: var(--background-color-detail);
}
.alert-transparent label {
  color: var(--text-color-primary);
}

.alert-infomative {
  background: var(--background-color-neutral-soft-light);
}
.alert-infomative label {
  color: var(--text-color-primary);
}

.alert-sucess {
  background: var(--background-color-success-secondary);
}
.alert-sucess label {
  color: var(--text-color-success-primary);
}

.alert-warning {
  background: var(--background-color-attention-secondary);
}
.alert-warning label {
  color: var(--text-color-attention);
}

.alert-error {
  background: var(--background-color-auxiliary-critical-secondary);
}
.alert-error label {
  color: var(--text-color-critical);
}

button:focus {
  outline: none;
}

button:focus-visible {
  outline: none;
}

.btn-clear-token-primary-lg {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-16) var(--spacing-scale-32);
  gap: var(--spacing-scale-16);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
.btn-clear-token-primary-lg :hover span {
  filter: none;
}
.btn-clear-token-primary-lg {
  background: var(--color-transparency-surface-detail-92);
  border: 1px solid var(--outline-color-default);
  color: var(--text-color-primary);
  width: 170px;
}
.btn-clear-token-primary-lg:disabled {
  background: var(--neutral-background-color-primary);
  border: 1px solid var(--outline-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.btn-clear-token-primary-lg:hover:not(:disabled) {
  background: var(--background-color-brand-dark);
  color: var(--text-color-primary);
  border: 1px solid var(--outline-color-light);
}
.btn-clear-token-primary-lg:active:not(:disabled) {
  background: var(--color-transparency-surface-info-24);
  color: var(--text-color-primary);
}

.btn-clear-token-primary-sm {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-8) var(--spacing-scale-20);
  gap: var(--spacing-scale-8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
.btn-clear-token-primary-sm :hover span {
  filter: none;
}
.btn-clear-token-primary-sm {
  background: var(--color-transparency-surface-detail-92);
  border: 1px solid var(--outline-color-default);
  color: var(--text-color-primary);
  width: 170px;
}
.btn-clear-token-primary-sm:disabled {
  background: var(--neutral-background-color-primary);
  border: 1px solid var(--outline-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.btn-clear-token-primary-sm:hover:not(:disabled) {
  background: var(--background-color-brand-dark);
  color: var(--text-color-primary);
  border: 1px solid var(--outline-color-light);
}
.btn-clear-token-primary-sm:active:not(:disabled) {
  background: var(--color-transparency-surface-info-24);
  color: var(--text-color-primary);
}

.btn-negative-primary-lg {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-16) var(--spacing-scale-32);
  gap: var(--spacing-scale-16);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
.btn-negative-primary-lg :hover span {
  filter: none;
}
.btn-negative-primary-lg {
  background: var(--background-color-on-brand-primary);
  border: 1px solid var(--background-color-on-brand-primary);
  color: var(--text-color-brand-secondary);
}
.btn-negative-primary-lg:active:not(:disabled) {
  background: var(--color-transparency-surface-info-24);
  border: 1px solid var(--color-transparency-surface-info-24);
  color: var(--text-color-light);
}
.btn-negative-primary-lg:active:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(246deg) brightness(105%) contrast(102%);
}
.btn-negative-primary-lg:hover:not(:disabled) {
  background: var(--color-transparency-surface-info-24);
  border: 1px solid var(--color-transparency-surface-info-24);
  color: var(--text-color-light);
}
.btn-negative-primary-lg:hover:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(34%) sepia(12%) saturate(1327%) hue-rotate(168deg) brightness(95%) contrast(87%);
}
.btn-negative-primary-lg:disabled {
  background: var(--neutral-background-color-disabled);
  border: 1px solid var(--neutral-background-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.btn-negative-primary-lg:disabled span {
  filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(88%) contrast(90%);
}

.btn-negative-primary-sm {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-8) var(--spacing-scale-20);
  gap: var(--spacing-scale-8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
.btn-negative-primary-sm :hover span {
  filter: none;
}
.btn-negative-primary-sm {
  background: var(--background-color-on-brand-primary);
  border: 1px solid var(--background-color-on-brand-primary);
  color: var(--text-color-brand-secondary);
}
.btn-negative-primary-sm:active:not(:disabled) {
  background: var(--color-transparency-surface-info-24);
  border: 1px solid var(--color-transparency-surface-info-24);
  color: var(--text-color-light);
}
.btn-negative-primary-sm:active:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(246deg) brightness(105%) contrast(102%);
}
.btn-negative-primary-sm:hover:not(:disabled) {
  background: var(--color-transparency-surface-info-24);
  border: 1px solid var(--color-transparency-surface-info-24);
  color: var(--text-color-light);
}
.btn-negative-primary-sm:hover:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(34%) sepia(12%) saturate(1327%) hue-rotate(168deg) brightness(95%) contrast(87%);
}
.btn-negative-primary-sm:disabled {
  background: var(--neutral-background-color-disabled);
  border: 1px solid var(--neutral-background-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.btn-negative-primary-sm:disabled span {
  filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(88%) contrast(90%);
}

.btn-negative-secondary-lg {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-16) var(--spacing-scale-32);
  gap: var(--spacing-scale-16);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
.btn-negative-secondary-lg :hover span {
  filter: none;
}
.btn-negative-secondary-lg {
  background: transparent;
  color: var(--text-color-light);
  border: 1px solid var(--outline-color-light);
}
.btn-negative-secondary-lg:active:not(:disabled) {
  background: var(--color-transparency-surface-info-24);
  border: 1px solid var(--color-transparency-surface-info-24);
  color: var(--text-color-light);
}
.btn-negative-secondary-lg:active:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(246deg) brightness(105%) contrast(102%);
}
.btn-negative-secondary-lg:hover:not(:disabled) {
  background: var(--color-transparency-surface-info-24);
  border: 1px solid var(--color-transparency-surface-info-24);
  color: var(--text-color-light);
}
.btn-negative-secondary-lg:hover:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(34%) sepia(12%) saturate(1327%) hue-rotate(168deg) brightness(95%) contrast(87%);
}
.btn-negative-secondary-lg:disabled {
  background: transparent;
  border: 1px solid var(--outline-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.btn-negative-secondary-lg:disabled span {
  filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(88%) contrast(90%);
}

.btn-negative-secondary-sm {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-8) var(--spacing-scale-20);
  gap: var(--spacing-scale-8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
.btn-negative-secondary-sm :hover span {
  filter: none;
}
.btn-negative-secondary-sm {
  background: transparent;
  color: var(--text-color-light);
  border: 1px solid var(--outline-color-light);
}
.btn-negative-secondary-sm:active:not(:disabled) {
  background: var(--color-transparency-surface-info-24);
  border: 1px solid var(--color-transparency-surface-info-24);
  color: var(--text-color-light);
}
.btn-negative-secondary-sm:active:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(246deg) brightness(105%) contrast(102%);
}
.btn-negative-secondary-sm:hover:not(:disabled) {
  background: var(--color-transparency-surface-info-24);
  border: 1px solid var(--color-transparency-surface-info-24);
  color: var(--text-color-light);
}
.btn-negative-secondary-sm:hover:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(34%) sepia(12%) saturate(1327%) hue-rotate(168deg) brightness(95%) contrast(87%);
}
.btn-negative-secondary-sm:disabled {
  background: transparent;
  border: 1px solid var(--outline-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.btn-negative-secondary-sm:disabled span {
  filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(88%) contrast(90%);
}

.btn-negative-link-lg {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-16) var(--spacing-scale-32);
  gap: var(--spacing-scale-16);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
.btn-negative-link-lg :hover span {
  filter: none;
}
.btn-negative-link-lg {
  background: transparent;
  color: var(--text-color-light);
  border: none;
}
.btn-negative-link-lg:active:not(:disabled) {
  background: transparent;
  color: var(--text-color-light);
  border: none;
}
.btn-negative-link-lg:active:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(246deg) brightness(105%) contrast(102%);
}
.btn-negative-link-lg:hover:not(:disabled) {
  background: transparent;
  color: var(--text-color-light);
  border: none;
}
.btn-negative-link-lg:hover:not(:disabled) span {
  filter: brightness(100%) opacity(20%);
}
.btn-negative-link-lg:disabled {
  background: transparent;
  color: var(--text-color-disabled);
  border: none;
  cursor: not-allowed;
}
.btn-negative-link-lg:disabled span {
  filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(88%) contrast(90%);
}

.btn-negative-link-sm {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-8) var(--spacing-scale-20);
  gap: var(--spacing-scale-8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
.btn-negative-link-sm :hover span {
  filter: none;
}
.btn-negative-link-sm {
  background: transparent;
  color: var(--text-color-light);
  border: none;
}
.btn-negative-link-sm:active:not(:disabled) {
  background: transparent;
  color: var(--text-color-light);
  border: none;
}
.btn-negative-link-sm:active:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(246deg) brightness(105%) contrast(102%);
}
.btn-negative-link-sm:hover:not(:disabled) {
  background: transparent;
  color: var(--text-color-light);
  border: none;
}
.btn-negative-link-sm:hover:not(:disabled) span {
  filter: brightness(100%) opacity(20%);
}
.btn-negative-link-sm:disabled {
  background: transparent;
  color: var(--text-color-disabled);
  border: none;
  cursor: not-allowed;
}
.btn-negative-link-sm:disabled span {
  filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(88%) contrast(90%);
}

.btn-primary-lg {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-16) var(--spacing-scale-32);
  gap: var(--spacing-scale-16);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
.btn-primary-lg :hover span {
  filter: none;
}
.btn-primary-lg {
  background: var(--background-color-brand-dark);
  border: 1px solid var(--background-color-brand-dark);
  color: var(--text-color-light);
}
.btn-primary-lg:disabled {
  background: var(--neutral-background-color-disabled);
  border: 1px solid var(--neutral-background-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.btn-primary-lg:disabled span {
  filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(88%) contrast(90%);
}
.btn-primary-lg:hover:not(:disabled) {
  background: var(--background-color-brand-secondary);
  border: 1px solid var(--background-color-brand-secondary);
  color: var(--text-color-brand-secondary);
}
.btn-primary-lg:hover:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(34%) sepia(12%) saturate(1327%) hue-rotate(168deg) brightness(95%) contrast(87%);
}
.btn-primary-lg:active:not(:disabled) {
  background: var(--background-color-brand-primary);
  border: 1px solid var(--background-color-brand-primary);
  color: var(--text-color-brand-secondary);
}
.btn-primary-lg:active:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(11%) sepia(59%) saturate(2928%) hue-rotate(206deg) brightness(85%) contrast(113%);
}

.btn-primary-sm {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-8) var(--spacing-scale-20);
  gap: var(--spacing-scale-8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
.btn-primary-sm :hover span {
  filter: none;
}
.btn-primary-sm {
  background: var(--background-color-brand-dark);
  border: 1px solid var(--background-color-brand-dark);
  color: var(--text-color-light);
}
.btn-primary-sm:disabled {
  background: var(--neutral-background-color-disabled);
  border: 1px solid var(--neutral-background-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.btn-primary-sm:disabled span {
  filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(88%) contrast(90%);
}
.btn-primary-sm:hover:not(:disabled) {
  background: var(--background-color-brand-secondary);
  border: 1px solid var(--background-color-brand-secondary);
  color: var(--text-color-brand-secondary);
}
.btn-primary-sm:hover:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(34%) sepia(12%) saturate(1327%) hue-rotate(168deg) brightness(95%) contrast(87%);
}
.btn-primary-sm:active:not(:disabled) {
  background: var(--background-color-brand-primary);
  border: 1px solid var(--background-color-brand-primary);
  color: var(--text-color-brand-secondary);
}
.btn-primary-sm:active:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(11%) sepia(59%) saturate(2928%) hue-rotate(206deg) brightness(85%) contrast(113%);
}

.btn-secondary-lg {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-16) var(--spacing-scale-32);
  gap: var(--spacing-scale-16);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
.btn-secondary-lg :hover span {
  filter: none;
}
.btn-secondary-lg {
  background: transparent;
  border: 1px solid var(--outline-color-active);
  color: var(--text-color-primary);
}
.btn-secondary-lg:disabled {
  background: transparent;
  border: 1px solid var(--outline-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.btn-secondary-lg:disabled span {
  filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(88%) contrast(90%);
}
.btn-secondary-lg:hover:not(:disabled) {
  background: var(--background-color-brand-secondary);
  border: 1px solid var(--background-color-brand-secondary);
  color: var(--text-color-brand-secondary);
}
.btn-secondary-lg:hover:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(34%) sepia(12%) saturate(1327%) hue-rotate(168deg) brightness(95%) contrast(87%);
}
.btn-secondary-lg:active:not(:disabled) {
  background: var(--background-color-brand-primary);
  border: 1px solid var(--background-color-brand-primary);
  color: var(--text-color-brand-secondary);
}
.btn-secondary-lg:active:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(11%) sepia(59%) saturate(2928%) hue-rotate(206deg) brightness(85%) contrast(113%);
}

.btn-secondary-sm {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-8) var(--spacing-scale-20);
  gap: var(--spacing-scale-8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
.btn-secondary-sm :hover span {
  filter: none;
}
.btn-secondary-sm {
  background: transparent;
  border: 1px solid var(--outline-color-active);
  color: var(--text-color-primary);
}
.btn-secondary-sm:disabled {
  background: transparent;
  border: 1px solid var(--outline-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.btn-secondary-sm:disabled span {
  filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(88%) contrast(90%);
}
.btn-secondary-sm:hover:not(:disabled) {
  background: var(--background-color-brand-secondary);
  border: 1px solid var(--background-color-brand-secondary);
  color: var(--text-color-brand-secondary);
}
.btn-secondary-sm:hover:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(34%) sepia(12%) saturate(1327%) hue-rotate(168deg) brightness(95%) contrast(87%);
}
.btn-secondary-sm:active:not(:disabled) {
  background: var(--background-color-brand-primary);
  border: 1px solid var(--background-color-brand-primary);
  color: var(--text-color-brand-secondary);
}
.btn-secondary-sm:active:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(11%) sepia(59%) saturate(2928%) hue-rotate(206deg) brightness(85%) contrast(113%);
}

.btn-link-lg {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-16) var(--spacing-scale-32);
  gap: var(--spacing-scale-16);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
.btn-link-lg :hover span {
  filter: none;
}
.btn-link-lg {
  background: transparent;
  color: var(--text-color-informative);
  border: none;
}
.btn-link-lg:disabled {
  background: transparent;
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.btn-link-lg:disabled span {
  filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(88%) contrast(90%);
}
.btn-link-lg:hover:not(:disabled) {
  background: transparent;
  color: var(--text-color-informative);
}
.btn-link-lg:hover:not(:disabled) span {
  filter: none;
}
.btn-link-lg:active:not(:disabled) {
  background: transparent;
  color: var(--text-color-informative);
}
.btn-link-lg:active:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(42%) sepia(79%) saturate(2588%) hue-rotate(174deg) brightness(87%) contrast(101%);
}

.btn-link-sm {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-8) var(--spacing-scale-20);
  gap: var(--spacing-scale-8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
.btn-link-sm :hover span {
  filter: none;
}
.btn-link-sm {
  background: transparent;
  color: var(--text-color-informative);
  border: none;
}
.btn-link-sm:disabled {
  background: transparent;
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.btn-link-sm:disabled span {
  filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(88%) contrast(90%);
}
.btn-link-sm:hover:not(:disabled) {
  background: transparent;
  color: var(--text-color-informative);
}
.btn-link-sm:hover:not(:disabled) span {
  filter: none;
}
.btn-link-sm:active:not(:disabled) {
  background: transparent;
  color: var(--text-color-informative);
}
.btn-link-sm:active:not(:disabled) span {
  filter: brightness(0) saturate(100%) invert(42%) sepia(79%) saturate(2588%) hue-rotate(174deg) brightness(87%) contrast(101%);
}

.card, .card-tertiary, .card-sm {
  display: flex;
  padding: var(--padding-scale-24);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border: none;
  border-radius: var(--border-radius-lg);
  background: var(--background-color-surface-detail);
  opacity: 0.92;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
}

.card-sm {
  padding: var(--padding-scale-16);
  border-radius: var(--border-radius-xs);
}

.card-tertiary {
  background-color: var(--background-color-on-brand-secondary);
}
.card-tertiary div label {
  color: var(--text-color-brand-secondary);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.card-tertiary div h2 {
  color: var(--text-color-brand-secondary);
  font-weight: var(--font-weight-bold);
  font-size: var(--sizing-scale-24);
  margin: 0;
}

.chips-primary {
  display: inline-flex;
  padding: var(--spacing-scale-12) var(--spacing-scale-20);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-scale-8);
  border: none;
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-3xs);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-xs);
}
.chips-primary:focus {
  outline: none;
}
.chips-primary:active {
  background: var(--neutral-background-color-primary);
  color: var(--text-color-informative);
}
.chips-primary:hover {
  background: var(--neutral-background-color-primary);
  color: var(--text-color-informative);
}
.chips-primary:disabled {
  background: var(--neutral-background-color-primary);
  border: 1px solid var(--outline-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.chips-primary {
  background: var(--background-color-brand-primary);
  color: var(--text-color-light);
}

.chips-secondary {
  display: inline-flex;
  padding: var(--spacing-scale-12) var(--spacing-scale-20);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-scale-8);
  border: none;
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-3xs);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-xs);
}
.chips-secondary:focus {
  outline: none;
}
.chips-secondary:active {
  background: var(--neutral-background-color-primary);
  color: var(--text-color-informative);
}
.chips-secondary:hover {
  background: var(--neutral-background-color-primary);
  color: var(--text-color-informative);
}
.chips-secondary:disabled {
  background: var(--neutral-background-color-primary);
  border: 1px solid var(--outline-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.chips-secondary {
  background: var(--neutral-background-color-primary);
  color: var(--text-color-informative);
}

.chips-outline {
  display: inline-flex;
  padding: var(--spacing-scale-12) var(--spacing-scale-20);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-scale-8);
  border: none;
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-3xs);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-xs);
}
.chips-outline:focus {
  outline: none;
}
.chips-outline:active {
  background: var(--neutral-background-color-primary);
  color: var(--text-color-informative);
}
.chips-outline:hover {
  background: var(--neutral-background-color-primary);
  color: var(--text-color-informative);
}
.chips-outline:disabled {
  background: var(--neutral-background-color-primary);
  border: 1px solid var(--outline-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.chips-outline {
  background: transparent;
  border: 1px solid var(--outline-color-brand);
  color: var(--text-color-brand);
}

.chips-tertiary {
  display: inline-flex;
  padding: var(--spacing-scale-12) var(--spacing-scale-20);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-scale-8);
  border: none;
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-3xs);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-xs);
}
.chips-tertiary:focus {
  outline: none;
}
.chips-tertiary:active {
  background: var(--neutral-background-color-primary);
  color: var(--text-color-informative);
}
.chips-tertiary:hover {
  background: var(--neutral-background-color-primary);
  color: var(--text-color-informative);
}
.chips-tertiary:disabled {
  background: var(--neutral-background-color-primary);
  border: 1px solid var(--outline-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
.chips-tertiary {
  background: var(--neutral-background-color-primary);
  border: 1px solid var(--outline-color-light);
  color: var(--text-color-light);
}

.__me-300 {
  margin-right: var(--spacing-scale-300);
}

.__ms-300 {
  margin-left: var(--spacing-scale-300);
}

.__mb-300 {
  margin-bottom: var(--spacing-scale-300);
}

.__mt-300 {
  margin-top: var(--spacing-scale-300);
}

.__m-300 {
  margin: var(--spacing-scale-300);
}

.__p-300 {
  padding: var(--spacing-scale-300);
}

.__pe-300 {
  padding-right: var(--spacing-scale-300);
}

.__ps-300 {
  padding-left: var(--spacing-scale-300);
}

.__pb-300 {
  padding-bottom: var(--spacing-scale-300);
}

.__pt-300 {
  padding-top: var(--spacing-scale-300);
}

.__gap-300 {
  gap: var(--spacing-scale-300);
}

.__my-300 {
  margin-top: var(--spacing-scale-300);
  margin-bottom: var(--spacing-scale-300);
}

.__mx-300 {
  margin-left: var(--spacing-scale-300);
  margin-right: var(--spacing-scale-300);
}

.__py-300 {
  padding-top: var(--spacing-scale-300);
  padding-bottom: var(--spacing-scale-300);
}

.__px-300 {
  padding-left: var(--spacing-scale-300);
  padding-right: var(--spacing-scale-300);
}

.__me-200 {
  margin-right: var(--spacing-scale-200);
}

.__ms-200 {
  margin-left: var(--spacing-scale-200);
}

.__mb-200 {
  margin-bottom: var(--spacing-scale-200);
}

.__mt-200 {
  margin-top: var(--spacing-scale-200);
}

.__m-200 {
  margin: var(--spacing-scale-200);
}

.__p-200 {
  padding: var(--spacing-scale-200);
}

.__pe-200 {
  padding-right: var(--spacing-scale-200);
}

.__ps-200 {
  padding-left: var(--spacing-scale-200);
}

.__pb-200 {
  padding-bottom: var(--spacing-scale-200);
}

.__pt-200 {
  padding-top: var(--spacing-scale-200);
}

.__gap-200 {
  gap: var(--spacing-scale-200);
}

.__my-200 {
  margin-top: var(--spacing-scale-200);
  margin-bottom: var(--spacing-scale-200);
}

.__mx-200 {
  margin-left: var(--spacing-scale-200);
  margin-right: var(--spacing-scale-200);
}

.__py-200 {
  padding-top: var(--spacing-scale-200);
  padding-bottom: var(--spacing-scale-200);
}

.__px-200 {
  padding-left: var(--spacing-scale-200);
  padding-right: var(--spacing-scale-200);
}

.__me-160 {
  margin-right: var(--spacing-scale-160);
}

.__ms-160 {
  margin-left: var(--spacing-scale-160);
}

.__mb-160 {
  margin-bottom: var(--spacing-scale-160);
}

.__mt-160 {
  margin-top: var(--spacing-scale-160);
}

.__m-160 {
  margin: var(--spacing-scale-160);
}

.__p-160 {
  padding: var(--spacing-scale-160);
}

.__pe-160 {
  padding-right: var(--spacing-scale-160);
}

.__ps-160 {
  padding-left: var(--spacing-scale-160);
}

.__pb-160 {
  padding-bottom: var(--spacing-scale-160);
}

.__pt-160 {
  padding-top: var(--spacing-scale-160);
}

.__gap-160 {
  gap: var(--spacing-scale-160);
}

.__my-160 {
  margin-top: var(--spacing-scale-160);
  margin-bottom: var(--spacing-scale-160);
}

.__mx-160 {
  margin-left: var(--spacing-scale-160);
  margin-right: var(--spacing-scale-160);
}

.__py-160 {
  padding-top: var(--spacing-scale-160);
  padding-bottom: var(--spacing-scale-160);
}

.__px-160 {
  padding-left: var(--spacing-scale-160);
  padding-right: var(--spacing-scale-160);
}

.__me-120 {
  margin-right: var(--spacing-scale-120);
}

.__ms-120 {
  margin-left: var(--spacing-scale-120);
}

.__mb-120 {
  margin-bottom: var(--spacing-scale-120);
}

.__mt-120 {
  margin-top: var(--spacing-scale-120);
}

.__m-120 {
  margin: var(--spacing-scale-120);
}

.__p-120 {
  padding: var(--spacing-scale-120);
}

.__pe-120 {
  padding-right: var(--spacing-scale-120);
}

.__ps-120 {
  padding-left: var(--spacing-scale-120);
}

.__pb-120 {
  padding-bottom: var(--spacing-scale-120);
}

.__pt-120 {
  padding-top: var(--spacing-scale-120);
}

.__gap-120 {
  gap: var(--spacing-scale-120);
}

.__my-120 {
  margin-top: var(--spacing-scale-120);
  margin-bottom: var(--spacing-scale-120);
}

.__mx-120 {
  margin-left: var(--spacing-scale-120);
  margin-right: var(--spacing-scale-120);
}

.__py-120 {
  padding-top: var(--spacing-scale-120);
  padding-bottom: var(--spacing-scale-120);
}

.__px-120 {
  padding-left: var(--spacing-scale-120);
  padding-right: var(--spacing-scale-120);
}

.__me-100 {
  margin-right: var(--spacing-scale-100);
}

.__ms-100 {
  margin-left: var(--spacing-scale-100);
}

.__mb-100 {
  margin-bottom: var(--spacing-scale-100);
}

.__mt-100 {
  margin-top: var(--spacing-scale-100);
}

.__m-100 {
  margin: var(--spacing-scale-100);
}

.__p-100 {
  padding: var(--spacing-scale-100);
}

.__pe-100 {
  padding-right: var(--spacing-scale-100);
}

.__ps-100 {
  padding-left: var(--spacing-scale-100);
}

.__pb-100 {
  padding-bottom: var(--spacing-scale-100);
}

.__pt-100 {
  padding-top: var(--spacing-scale-100);
}

.__gap-100 {
  gap: var(--spacing-scale-100);
}

.__my-100 {
  margin-top: var(--spacing-scale-100);
  margin-bottom: var(--spacing-scale-100);
}

.__mx-100 {
  margin-left: var(--spacing-scale-100);
  margin-right: var(--spacing-scale-100);
}

.__py-100 {
  padding-top: var(--spacing-scale-100);
  padding-bottom: var(--spacing-scale-100);
}

.__px-100 {
  padding-left: var(--spacing-scale-100);
  padding-right: var(--spacing-scale-100);
}

.__me-98 {
  margin-right: var(--spacing-scale-98);
}

.__ms-98 {
  margin-left: var(--spacing-scale-98);
}

.__mb-98 {
  margin-bottom: var(--spacing-scale-98);
}

.__mt-98 {
  margin-top: var(--spacing-scale-98);
}

.__m-98 {
  margin: var(--spacing-scale-98);
}

.__p-98 {
  padding: var(--spacing-scale-98);
}

.__pe-98 {
  padding-right: var(--spacing-scale-98);
}

.__ps-98 {
  padding-left: var(--spacing-scale-98);
}

.__pb-98 {
  padding-bottom: var(--spacing-scale-98);
}

.__pt-98 {
  padding-top: var(--spacing-scale-98);
}

.__gap-98 {
  gap: var(--spacing-scale-98);
}

.__my-98 {
  margin-top: var(--spacing-scale-98);
  margin-bottom: var(--spacing-scale-98);
}

.__mx-98 {
  margin-left: var(--spacing-scale-98);
  margin-right: var(--spacing-scale-98);
}

.__py-98 {
  padding-top: var(--spacing-scale-98);
  padding-bottom: var(--spacing-scale-98);
}

.__px-98 {
  padding-left: var(--spacing-scale-98);
  padding-right: var(--spacing-scale-98);
}

.__me-96 {
  margin-right: var(--spacing-scale-96);
}

.__ms-96 {
  margin-left: var(--spacing-scale-96);
}

.__mb-96 {
  margin-bottom: var(--spacing-scale-96);
}

.__mt-96 {
  margin-top: var(--spacing-scale-96);
}

.__m-96 {
  margin: var(--spacing-scale-96);
}

.__p-96 {
  padding: var(--spacing-scale-96);
}

.__pe-96 {
  padding-right: var(--spacing-scale-96);
}

.__ps-96 {
  padding-left: var(--spacing-scale-96);
}

.__pb-96 {
  padding-bottom: var(--spacing-scale-96);
}

.__pt-96 {
  padding-top: var(--spacing-scale-96);
}

.__gap-96 {
  gap: var(--spacing-scale-96);
}

.__my-96 {
  margin-top: var(--spacing-scale-96);
  margin-bottom: var(--spacing-scale-96);
}

.__mx-96 {
  margin-left: var(--spacing-scale-96);
  margin-right: var(--spacing-scale-96);
}

.__py-96 {
  padding-top: var(--spacing-scale-96);
  padding-bottom: var(--spacing-scale-96);
}

.__px-96 {
  padding-left: var(--spacing-scale-96);
  padding-right: var(--spacing-scale-96);
}

.__me-94 {
  margin-right: var(--spacing-scale-94);
}

.__ms-94 {
  margin-left: var(--spacing-scale-94);
}

.__mb-94 {
  margin-bottom: var(--spacing-scale-94);
}

.__mt-94 {
  margin-top: var(--spacing-scale-94);
}

.__m-94 {
  margin: var(--spacing-scale-94);
}

.__p-94 {
  padding: var(--spacing-scale-94);
}

.__pe-94 {
  padding-right: var(--spacing-scale-94);
}

.__ps-94 {
  padding-left: var(--spacing-scale-94);
}

.__pb-94 {
  padding-bottom: var(--spacing-scale-94);
}

.__pt-94 {
  padding-top: var(--spacing-scale-94);
}

.__gap-94 {
  gap: var(--spacing-scale-94);
}

.__my-94 {
  margin-top: var(--spacing-scale-94);
  margin-bottom: var(--spacing-scale-94);
}

.__mx-94 {
  margin-left: var(--spacing-scale-94);
  margin-right: var(--spacing-scale-94);
}

.__py-94 {
  padding-top: var(--spacing-scale-94);
  padding-bottom: var(--spacing-scale-94);
}

.__px-94 {
  padding-left: var(--spacing-scale-94);
  padding-right: var(--spacing-scale-94);
}

.__me-92 {
  margin-right: var(--spacing-scale-92);
}

.__ms-92 {
  margin-left: var(--spacing-scale-92);
}

.__mb-92 {
  margin-bottom: var(--spacing-scale-92);
}

.__mt-92 {
  margin-top: var(--spacing-scale-92);
}

.__m-92 {
  margin: var(--spacing-scale-92);
}

.__p-92 {
  padding: var(--spacing-scale-92);
}

.__pe-92 {
  padding-right: var(--spacing-scale-92);
}

.__ps-92 {
  padding-left: var(--spacing-scale-92);
}

.__pb-92 {
  padding-bottom: var(--spacing-scale-92);
}

.__pt-92 {
  padding-top: var(--spacing-scale-92);
}

.__gap-92 {
  gap: var(--spacing-scale-92);
}

.__my-92 {
  margin-top: var(--spacing-scale-92);
  margin-bottom: var(--spacing-scale-92);
}

.__mx-92 {
  margin-left: var(--spacing-scale-92);
  margin-right: var(--spacing-scale-92);
}

.__py-92 {
  padding-top: var(--spacing-scale-92);
  padding-bottom: var(--spacing-scale-92);
}

.__px-92 {
  padding-left: var(--spacing-scale-92);
  padding-right: var(--spacing-scale-92);
}

.__me-90 {
  margin-right: var(--spacing-scale-90);
}

.__ms-90 {
  margin-left: var(--spacing-scale-90);
}

.__mb-90 {
  margin-bottom: var(--spacing-scale-90);
}

.__mt-90 {
  margin-top: var(--spacing-scale-90);
}

.__m-90 {
  margin: var(--spacing-scale-90);
}

.__p-90 {
  padding: var(--spacing-scale-90);
}

.__pe-90 {
  padding-right: var(--spacing-scale-90);
}

.__ps-90 {
  padding-left: var(--spacing-scale-90);
}

.__pb-90 {
  padding-bottom: var(--spacing-scale-90);
}

.__pt-90 {
  padding-top: var(--spacing-scale-90);
}

.__gap-90 {
  gap: var(--spacing-scale-90);
}

.__my-90 {
  margin-top: var(--spacing-scale-90);
  margin-bottom: var(--spacing-scale-90);
}

.__mx-90 {
  margin-left: var(--spacing-scale-90);
  margin-right: var(--spacing-scale-90);
}

.__py-90 {
  padding-top: var(--spacing-scale-90);
  padding-bottom: var(--spacing-scale-90);
}

.__px-90 {
  padding-left: var(--spacing-scale-90);
  padding-right: var(--spacing-scale-90);
}

.__me-88 {
  margin-right: var(--spacing-scale-88);
}

.__ms-88 {
  margin-left: var(--spacing-scale-88);
}

.__mb-88 {
  margin-bottom: var(--spacing-scale-88);
}

.__mt-88 {
  margin-top: var(--spacing-scale-88);
}

.__m-88 {
  margin: var(--spacing-scale-88);
}

.__p-88 {
  padding: var(--spacing-scale-88);
}

.__pe-88 {
  padding-right: var(--spacing-scale-88);
}

.__ps-88 {
  padding-left: var(--spacing-scale-88);
}

.__pb-88 {
  padding-bottom: var(--spacing-scale-88);
}

.__pt-88 {
  padding-top: var(--spacing-scale-88);
}

.__gap-88 {
  gap: var(--spacing-scale-88);
}

.__my-88 {
  margin-top: var(--spacing-scale-88);
  margin-bottom: var(--spacing-scale-88);
}

.__mx-88 {
  margin-left: var(--spacing-scale-88);
  margin-right: var(--spacing-scale-88);
}

.__py-88 {
  padding-top: var(--spacing-scale-88);
  padding-bottom: var(--spacing-scale-88);
}

.__px-88 {
  padding-left: var(--spacing-scale-88);
  padding-right: var(--spacing-scale-88);
}

.__me-86 {
  margin-right: var(--spacing-scale-86);
}

.__ms-86 {
  margin-left: var(--spacing-scale-86);
}

.__mb-86 {
  margin-bottom: var(--spacing-scale-86);
}

.__mt-86 {
  margin-top: var(--spacing-scale-86);
}

.__m-86 {
  margin: var(--spacing-scale-86);
}

.__p-86 {
  padding: var(--spacing-scale-86);
}

.__pe-86 {
  padding-right: var(--spacing-scale-86);
}

.__ps-86 {
  padding-left: var(--spacing-scale-86);
}

.__pb-86 {
  padding-bottom: var(--spacing-scale-86);
}

.__pt-86 {
  padding-top: var(--spacing-scale-86);
}

.__gap-86 {
  gap: var(--spacing-scale-86);
}

.__my-86 {
  margin-top: var(--spacing-scale-86);
  margin-bottom: var(--spacing-scale-86);
}

.__mx-86 {
  margin-left: var(--spacing-scale-86);
  margin-right: var(--spacing-scale-86);
}

.__py-86 {
  padding-top: var(--spacing-scale-86);
  padding-bottom: var(--spacing-scale-86);
}

.__px-86 {
  padding-left: var(--spacing-scale-86);
  padding-right: var(--spacing-scale-86);
}

.__me-84 {
  margin-right: var(--spacing-scale-84);
}

.__ms-84 {
  margin-left: var(--spacing-scale-84);
}

.__mb-84 {
  margin-bottom: var(--spacing-scale-84);
}

.__mt-84 {
  margin-top: var(--spacing-scale-84);
}

.__m-84 {
  margin: var(--spacing-scale-84);
}

.__p-84 {
  padding: var(--spacing-scale-84);
}

.__pe-84 {
  padding-right: var(--spacing-scale-84);
}

.__ps-84 {
  padding-left: var(--spacing-scale-84);
}

.__pb-84 {
  padding-bottom: var(--spacing-scale-84);
}

.__pt-84 {
  padding-top: var(--spacing-scale-84);
}

.__gap-84 {
  gap: var(--spacing-scale-84);
}

.__my-84 {
  margin-top: var(--spacing-scale-84);
  margin-bottom: var(--spacing-scale-84);
}

.__mx-84 {
  margin-left: var(--spacing-scale-84);
  margin-right: var(--spacing-scale-84);
}

.__py-84 {
  padding-top: var(--spacing-scale-84);
  padding-bottom: var(--spacing-scale-84);
}

.__px-84 {
  padding-left: var(--spacing-scale-84);
  padding-right: var(--spacing-scale-84);
}

.__me-82 {
  margin-right: var(--spacing-scale-82);
}

.__ms-82 {
  margin-left: var(--spacing-scale-82);
}

.__mb-82 {
  margin-bottom: var(--spacing-scale-82);
}

.__mt-82 {
  margin-top: var(--spacing-scale-82);
}

.__m-82 {
  margin: var(--spacing-scale-82);
}

.__p-82 {
  padding: var(--spacing-scale-82);
}

.__pe-82 {
  padding-right: var(--spacing-scale-82);
}

.__ps-82 {
  padding-left: var(--spacing-scale-82);
}

.__pb-82 {
  padding-bottom: var(--spacing-scale-82);
}

.__pt-82 {
  padding-top: var(--spacing-scale-82);
}

.__gap-82 {
  gap: var(--spacing-scale-82);
}

.__my-82 {
  margin-top: var(--spacing-scale-82);
  margin-bottom: var(--spacing-scale-82);
}

.__mx-82 {
  margin-left: var(--spacing-scale-82);
  margin-right: var(--spacing-scale-82);
}

.__py-82 {
  padding-top: var(--spacing-scale-82);
  padding-bottom: var(--spacing-scale-82);
}

.__px-82 {
  padding-left: var(--spacing-scale-82);
  padding-right: var(--spacing-scale-82);
}

.__me-80 {
  margin-right: var(--spacing-scale-80);
}

.__ms-80 {
  margin-left: var(--spacing-scale-80);
}

.__mb-80 {
  margin-bottom: var(--spacing-scale-80);
}

.__mt-80 {
  margin-top: var(--spacing-scale-80);
}

.__m-80 {
  margin: var(--spacing-scale-80);
}

.__p-80 {
  padding: var(--spacing-scale-80);
}

.__pe-80 {
  padding-right: var(--spacing-scale-80);
}

.__ps-80 {
  padding-left: var(--spacing-scale-80);
}

.__pb-80 {
  padding-bottom: var(--spacing-scale-80);
}

.__pt-80 {
  padding-top: var(--spacing-scale-80);
}

.__gap-80 {
  gap: var(--spacing-scale-80);
}

.__my-80 {
  margin-top: var(--spacing-scale-80);
  margin-bottom: var(--spacing-scale-80);
}

.__mx-80 {
  margin-left: var(--spacing-scale-80);
  margin-right: var(--spacing-scale-80);
}

.__py-80 {
  padding-top: var(--spacing-scale-80);
  padding-bottom: var(--spacing-scale-80);
}

.__px-80 {
  padding-left: var(--spacing-scale-80);
  padding-right: var(--spacing-scale-80);
}

.__me-78 {
  margin-right: var(--spacing-scale-78);
}

.__ms-78 {
  margin-left: var(--spacing-scale-78);
}

.__mb-78 {
  margin-bottom: var(--spacing-scale-78);
}

.__mt-78 {
  margin-top: var(--spacing-scale-78);
}

.__m-78 {
  margin: var(--spacing-scale-78);
}

.__p-78 {
  padding: var(--spacing-scale-78);
}

.__pe-78 {
  padding-right: var(--spacing-scale-78);
}

.__ps-78 {
  padding-left: var(--spacing-scale-78);
}

.__pb-78 {
  padding-bottom: var(--spacing-scale-78);
}

.__pt-78 {
  padding-top: var(--spacing-scale-78);
}

.__gap-78 {
  gap: var(--spacing-scale-78);
}

.__my-78 {
  margin-top: var(--spacing-scale-78);
  margin-bottom: var(--spacing-scale-78);
}

.__mx-78 {
  margin-left: var(--spacing-scale-78);
  margin-right: var(--spacing-scale-78);
}

.__py-78 {
  padding-top: var(--spacing-scale-78);
  padding-bottom: var(--spacing-scale-78);
}

.__px-78 {
  padding-left: var(--spacing-scale-78);
  padding-right: var(--spacing-scale-78);
}

.__me-76 {
  margin-right: var(--spacing-scale-76);
}

.__ms-76 {
  margin-left: var(--spacing-scale-76);
}

.__mb-76 {
  margin-bottom: var(--spacing-scale-76);
}

.__mt-76 {
  margin-top: var(--spacing-scale-76);
}

.__m-76 {
  margin: var(--spacing-scale-76);
}

.__p-76 {
  padding: var(--spacing-scale-76);
}

.__pe-76 {
  padding-right: var(--spacing-scale-76);
}

.__ps-76 {
  padding-left: var(--spacing-scale-76);
}

.__pb-76 {
  padding-bottom: var(--spacing-scale-76);
}

.__pt-76 {
  padding-top: var(--spacing-scale-76);
}

.__gap-76 {
  gap: var(--spacing-scale-76);
}

.__my-76 {
  margin-top: var(--spacing-scale-76);
  margin-bottom: var(--spacing-scale-76);
}

.__mx-76 {
  margin-left: var(--spacing-scale-76);
  margin-right: var(--spacing-scale-76);
}

.__py-76 {
  padding-top: var(--spacing-scale-76);
  padding-bottom: var(--spacing-scale-76);
}

.__px-76 {
  padding-left: var(--spacing-scale-76);
  padding-right: var(--spacing-scale-76);
}

.__me-74 {
  margin-right: var(--spacing-scale-74);
}

.__ms-74 {
  margin-left: var(--spacing-scale-74);
}

.__mb-74 {
  margin-bottom: var(--spacing-scale-74);
}

.__mt-74 {
  margin-top: var(--spacing-scale-74);
}

.__m-74 {
  margin: var(--spacing-scale-74);
}

.__p-74 {
  padding: var(--spacing-scale-74);
}

.__pe-74 {
  padding-right: var(--spacing-scale-74);
}

.__ps-74 {
  padding-left: var(--spacing-scale-74);
}

.__pb-74 {
  padding-bottom: var(--spacing-scale-74);
}

.__pt-74 {
  padding-top: var(--spacing-scale-74);
}

.__gap-74 {
  gap: var(--spacing-scale-74);
}

.__my-74 {
  margin-top: var(--spacing-scale-74);
  margin-bottom: var(--spacing-scale-74);
}

.__mx-74 {
  margin-left: var(--spacing-scale-74);
  margin-right: var(--spacing-scale-74);
}

.__py-74 {
  padding-top: var(--spacing-scale-74);
  padding-bottom: var(--spacing-scale-74);
}

.__px-74 {
  padding-left: var(--spacing-scale-74);
  padding-right: var(--spacing-scale-74);
}

.__me-72 {
  margin-right: var(--spacing-scale-72);
}

.__ms-72 {
  margin-left: var(--spacing-scale-72);
}

.__mb-72 {
  margin-bottom: var(--spacing-scale-72);
}

.__mt-72 {
  margin-top: var(--spacing-scale-72);
}

.__m-72 {
  margin: var(--spacing-scale-72);
}

.__p-72 {
  padding: var(--spacing-scale-72);
}

.__pe-72 {
  padding-right: var(--spacing-scale-72);
}

.__ps-72 {
  padding-left: var(--spacing-scale-72);
}

.__pb-72 {
  padding-bottom: var(--spacing-scale-72);
}

.__pt-72 {
  padding-top: var(--spacing-scale-72);
}

.__gap-72 {
  gap: var(--spacing-scale-72);
}

.__my-72 {
  margin-top: var(--spacing-scale-72);
  margin-bottom: var(--spacing-scale-72);
}

.__mx-72 {
  margin-left: var(--spacing-scale-72);
  margin-right: var(--spacing-scale-72);
}

.__py-72 {
  padding-top: var(--spacing-scale-72);
  padding-bottom: var(--spacing-scale-72);
}

.__px-72 {
  padding-left: var(--spacing-scale-72);
  padding-right: var(--spacing-scale-72);
}

.__me-70 {
  margin-right: var(--spacing-scale-70);
}

.__ms-70 {
  margin-left: var(--spacing-scale-70);
}

.__mb-70 {
  margin-bottom: var(--spacing-scale-70);
}

.__mt-70 {
  margin-top: var(--spacing-scale-70);
}

.__m-70 {
  margin: var(--spacing-scale-70);
}

.__p-70 {
  padding: var(--spacing-scale-70);
}

.__pe-70 {
  padding-right: var(--spacing-scale-70);
}

.__ps-70 {
  padding-left: var(--spacing-scale-70);
}

.__pb-70 {
  padding-bottom: var(--spacing-scale-70);
}

.__pt-70 {
  padding-top: var(--spacing-scale-70);
}

.__gap-70 {
  gap: var(--spacing-scale-70);
}

.__my-70 {
  margin-top: var(--spacing-scale-70);
  margin-bottom: var(--spacing-scale-70);
}

.__mx-70 {
  margin-left: var(--spacing-scale-70);
  margin-right: var(--spacing-scale-70);
}

.__py-70 {
  padding-top: var(--spacing-scale-70);
  padding-bottom: var(--spacing-scale-70);
}

.__px-70 {
  padding-left: var(--spacing-scale-70);
  padding-right: var(--spacing-scale-70);
}

.__me-68 {
  margin-right: var(--spacing-scale-68);
}

.__ms-68 {
  margin-left: var(--spacing-scale-68);
}

.__mb-68 {
  margin-bottom: var(--spacing-scale-68);
}

.__mt-68 {
  margin-top: var(--spacing-scale-68);
}

.__m-68 {
  margin: var(--spacing-scale-68);
}

.__p-68 {
  padding: var(--spacing-scale-68);
}

.__pe-68 {
  padding-right: var(--spacing-scale-68);
}

.__ps-68 {
  padding-left: var(--spacing-scale-68);
}

.__pb-68 {
  padding-bottom: var(--spacing-scale-68);
}

.__pt-68 {
  padding-top: var(--spacing-scale-68);
}

.__gap-68 {
  gap: var(--spacing-scale-68);
}

.__my-68 {
  margin-top: var(--spacing-scale-68);
  margin-bottom: var(--spacing-scale-68);
}

.__mx-68 {
  margin-left: var(--spacing-scale-68);
  margin-right: var(--spacing-scale-68);
}

.__py-68 {
  padding-top: var(--spacing-scale-68);
  padding-bottom: var(--spacing-scale-68);
}

.__px-68 {
  padding-left: var(--spacing-scale-68);
  padding-right: var(--spacing-scale-68);
}

.__me-66 {
  margin-right: var(--spacing-scale-66);
}

.__ms-66 {
  margin-left: var(--spacing-scale-66);
}

.__mb-66 {
  margin-bottom: var(--spacing-scale-66);
}

.__mt-66 {
  margin-top: var(--spacing-scale-66);
}

.__m-66 {
  margin: var(--spacing-scale-66);
}

.__p-66 {
  padding: var(--spacing-scale-66);
}

.__pe-66 {
  padding-right: var(--spacing-scale-66);
}

.__ps-66 {
  padding-left: var(--spacing-scale-66);
}

.__pb-66 {
  padding-bottom: var(--spacing-scale-66);
}

.__pt-66 {
  padding-top: var(--spacing-scale-66);
}

.__gap-66 {
  gap: var(--spacing-scale-66);
}

.__my-66 {
  margin-top: var(--spacing-scale-66);
  margin-bottom: var(--spacing-scale-66);
}

.__mx-66 {
  margin-left: var(--spacing-scale-66);
  margin-right: var(--spacing-scale-66);
}

.__py-66 {
  padding-top: var(--spacing-scale-66);
  padding-bottom: var(--spacing-scale-66);
}

.__px-66 {
  padding-left: var(--spacing-scale-66);
  padding-right: var(--spacing-scale-66);
}

.__me-64 {
  margin-right: var(--spacing-scale-64);
}

.__ms-64 {
  margin-left: var(--spacing-scale-64);
}

.__mb-64 {
  margin-bottom: var(--spacing-scale-64);
}

.__mt-64 {
  margin-top: var(--spacing-scale-64);
}

.__m-64 {
  margin: var(--spacing-scale-64);
}

.__p-64 {
  padding: var(--spacing-scale-64);
}

.__pe-64 {
  padding-right: var(--spacing-scale-64);
}

.__ps-64 {
  padding-left: var(--spacing-scale-64);
}

.__pb-64 {
  padding-bottom: var(--spacing-scale-64);
}

.__pt-64 {
  padding-top: var(--spacing-scale-64);
}

.__gap-64 {
  gap: var(--spacing-scale-64);
}

.__my-64 {
  margin-top: var(--spacing-scale-64);
  margin-bottom: var(--spacing-scale-64);
}

.__mx-64 {
  margin-left: var(--spacing-scale-64);
  margin-right: var(--spacing-scale-64);
}

.__py-64 {
  padding-top: var(--spacing-scale-64);
  padding-bottom: var(--spacing-scale-64);
}

.__px-64 {
  padding-left: var(--spacing-scale-64);
  padding-right: var(--spacing-scale-64);
}

.__me-62 {
  margin-right: var(--spacing-scale-62);
}

.__ms-62 {
  margin-left: var(--spacing-scale-62);
}

.__mb-62 {
  margin-bottom: var(--spacing-scale-62);
}

.__mt-62 {
  margin-top: var(--spacing-scale-62);
}

.__m-62 {
  margin: var(--spacing-scale-62);
}

.__p-62 {
  padding: var(--spacing-scale-62);
}

.__pe-62 {
  padding-right: var(--spacing-scale-62);
}

.__ps-62 {
  padding-left: var(--spacing-scale-62);
}

.__pb-62 {
  padding-bottom: var(--spacing-scale-62);
}

.__pt-62 {
  padding-top: var(--spacing-scale-62);
}

.__gap-62 {
  gap: var(--spacing-scale-62);
}

.__my-62 {
  margin-top: var(--spacing-scale-62);
  margin-bottom: var(--spacing-scale-62);
}

.__mx-62 {
  margin-left: var(--spacing-scale-62);
  margin-right: var(--spacing-scale-62);
}

.__py-62 {
  padding-top: var(--spacing-scale-62);
  padding-bottom: var(--spacing-scale-62);
}

.__px-62 {
  padding-left: var(--spacing-scale-62);
  padding-right: var(--spacing-scale-62);
}

.__me-60 {
  margin-right: var(--spacing-scale-60);
}

.__ms-60 {
  margin-left: var(--spacing-scale-60);
}

.__mb-60 {
  margin-bottom: var(--spacing-scale-60);
}

.__mt-60 {
  margin-top: var(--spacing-scale-60);
}

.__m-60 {
  margin: var(--spacing-scale-60);
}

.__p-60 {
  padding: var(--spacing-scale-60);
}

.__pe-60 {
  padding-right: var(--spacing-scale-60);
}

.__ps-60 {
  padding-left: var(--spacing-scale-60);
}

.__pb-60 {
  padding-bottom: var(--spacing-scale-60);
}

.__pt-60 {
  padding-top: var(--spacing-scale-60);
}

.__gap-60 {
  gap: var(--spacing-scale-60);
}

.__my-60 {
  margin-top: var(--spacing-scale-60);
  margin-bottom: var(--spacing-scale-60);
}

.__mx-60 {
  margin-left: var(--spacing-scale-60);
  margin-right: var(--spacing-scale-60);
}

.__py-60 {
  padding-top: var(--spacing-scale-60);
  padding-bottom: var(--spacing-scale-60);
}

.__px-60 {
  padding-left: var(--spacing-scale-60);
  padding-right: var(--spacing-scale-60);
}

.__me-58 {
  margin-right: var(--spacing-scale-58);
}

.__ms-58 {
  margin-left: var(--spacing-scale-58);
}

.__mb-58 {
  margin-bottom: var(--spacing-scale-58);
}

.__mt-58 {
  margin-top: var(--spacing-scale-58);
}

.__m-58 {
  margin: var(--spacing-scale-58);
}

.__p-58 {
  padding: var(--spacing-scale-58);
}

.__pe-58 {
  padding-right: var(--spacing-scale-58);
}

.__ps-58 {
  padding-left: var(--spacing-scale-58);
}

.__pb-58 {
  padding-bottom: var(--spacing-scale-58);
}

.__pt-58 {
  padding-top: var(--spacing-scale-58);
}

.__gap-58 {
  gap: var(--spacing-scale-58);
}

.__my-58 {
  margin-top: var(--spacing-scale-58);
  margin-bottom: var(--spacing-scale-58);
}

.__mx-58 {
  margin-left: var(--spacing-scale-58);
  margin-right: var(--spacing-scale-58);
}

.__py-58 {
  padding-top: var(--spacing-scale-58);
  padding-bottom: var(--spacing-scale-58);
}

.__px-58 {
  padding-left: var(--spacing-scale-58);
  padding-right: var(--spacing-scale-58);
}

.__me-56 {
  margin-right: var(--spacing-scale-56);
}

.__ms-56 {
  margin-left: var(--spacing-scale-56);
}

.__mb-56 {
  margin-bottom: var(--spacing-scale-56);
}

.__mt-56 {
  margin-top: var(--spacing-scale-56);
}

.__m-56 {
  margin: var(--spacing-scale-56);
}

.__p-56 {
  padding: var(--spacing-scale-56);
}

.__pe-56 {
  padding-right: var(--spacing-scale-56);
}

.__ps-56 {
  padding-left: var(--spacing-scale-56);
}

.__pb-56 {
  padding-bottom: var(--spacing-scale-56);
}

.__pt-56 {
  padding-top: var(--spacing-scale-56);
}

.__gap-56 {
  gap: var(--spacing-scale-56);
}

.__my-56 {
  margin-top: var(--spacing-scale-56);
  margin-bottom: var(--spacing-scale-56);
}

.__mx-56 {
  margin-left: var(--spacing-scale-56);
  margin-right: var(--spacing-scale-56);
}

.__py-56 {
  padding-top: var(--spacing-scale-56);
  padding-bottom: var(--spacing-scale-56);
}

.__px-56 {
  padding-left: var(--spacing-scale-56);
  padding-right: var(--spacing-scale-56);
}

.__me-54 {
  margin-right: var(--spacing-scale-54);
}

.__ms-54 {
  margin-left: var(--spacing-scale-54);
}

.__mb-54 {
  margin-bottom: var(--spacing-scale-54);
}

.__mt-54 {
  margin-top: var(--spacing-scale-54);
}

.__m-54 {
  margin: var(--spacing-scale-54);
}

.__p-54 {
  padding: var(--spacing-scale-54);
}

.__pe-54 {
  padding-right: var(--spacing-scale-54);
}

.__ps-54 {
  padding-left: var(--spacing-scale-54);
}

.__pb-54 {
  padding-bottom: var(--spacing-scale-54);
}

.__pt-54 {
  padding-top: var(--spacing-scale-54);
}

.__gap-54 {
  gap: var(--spacing-scale-54);
}

.__my-54 {
  margin-top: var(--spacing-scale-54);
  margin-bottom: var(--spacing-scale-54);
}

.__mx-54 {
  margin-left: var(--spacing-scale-54);
  margin-right: var(--spacing-scale-54);
}

.__py-54 {
  padding-top: var(--spacing-scale-54);
  padding-bottom: var(--spacing-scale-54);
}

.__px-54 {
  padding-left: var(--spacing-scale-54);
  padding-right: var(--spacing-scale-54);
}

.__me-52 {
  margin-right: var(--spacing-scale-52);
}

.__ms-52 {
  margin-left: var(--spacing-scale-52);
}

.__mb-52 {
  margin-bottom: var(--spacing-scale-52);
}

.__mt-52 {
  margin-top: var(--spacing-scale-52);
}

.__m-52 {
  margin: var(--spacing-scale-52);
}

.__p-52 {
  padding: var(--spacing-scale-52);
}

.__pe-52 {
  padding-right: var(--spacing-scale-52);
}

.__ps-52 {
  padding-left: var(--spacing-scale-52);
}

.__pb-52 {
  padding-bottom: var(--spacing-scale-52);
}

.__pt-52 {
  padding-top: var(--spacing-scale-52);
}

.__gap-52 {
  gap: var(--spacing-scale-52);
}

.__my-52 {
  margin-top: var(--spacing-scale-52);
  margin-bottom: var(--spacing-scale-52);
}

.__mx-52 {
  margin-left: var(--spacing-scale-52);
  margin-right: var(--spacing-scale-52);
}

.__py-52 {
  padding-top: var(--spacing-scale-52);
  padding-bottom: var(--spacing-scale-52);
}

.__px-52 {
  padding-left: var(--spacing-scale-52);
  padding-right: var(--spacing-scale-52);
}

.__me-50 {
  margin-right: var(--spacing-scale-50);
}

.__ms-50 {
  margin-left: var(--spacing-scale-50);
}

.__mb-50 {
  margin-bottom: var(--spacing-scale-50);
}

.__mt-50 {
  margin-top: var(--spacing-scale-50);
}

.__m-50 {
  margin: var(--spacing-scale-50);
}

.__p-50 {
  padding: var(--spacing-scale-50);
}

.__pe-50 {
  padding-right: var(--spacing-scale-50);
}

.__ps-50 {
  padding-left: var(--spacing-scale-50);
}

.__pb-50 {
  padding-bottom: var(--spacing-scale-50);
}

.__pt-50 {
  padding-top: var(--spacing-scale-50);
}

.__gap-50 {
  gap: var(--spacing-scale-50);
}

.__my-50 {
  margin-top: var(--spacing-scale-50);
  margin-bottom: var(--spacing-scale-50);
}

.__mx-50 {
  margin-left: var(--spacing-scale-50);
  margin-right: var(--spacing-scale-50);
}

.__py-50 {
  padding-top: var(--spacing-scale-50);
  padding-bottom: var(--spacing-scale-50);
}

.__px-50 {
  padding-left: var(--spacing-scale-50);
  padding-right: var(--spacing-scale-50);
}

.__me-48 {
  margin-right: var(--spacing-scale-48);
}

.__ms-48 {
  margin-left: var(--spacing-scale-48);
}

.__mb-48 {
  margin-bottom: var(--spacing-scale-48);
}

.__mt-48 {
  margin-top: var(--spacing-scale-48);
}

.__m-48 {
  margin: var(--spacing-scale-48);
}

.__p-48 {
  padding: var(--spacing-scale-48);
}

.__pe-48 {
  padding-right: var(--spacing-scale-48);
}

.__ps-48 {
  padding-left: var(--spacing-scale-48);
}

.__pb-48 {
  padding-bottom: var(--spacing-scale-48);
}

.__pt-48 {
  padding-top: var(--spacing-scale-48);
}

.__gap-48 {
  gap: var(--spacing-scale-48);
}

.__my-48 {
  margin-top: var(--spacing-scale-48);
  margin-bottom: var(--spacing-scale-48);
}

.__mx-48 {
  margin-left: var(--spacing-scale-48);
  margin-right: var(--spacing-scale-48);
}

.__py-48 {
  padding-top: var(--spacing-scale-48);
  padding-bottom: var(--spacing-scale-48);
}

.__px-48 {
  padding-left: var(--spacing-scale-48);
  padding-right: var(--spacing-scale-48);
}

.__me-46 {
  margin-right: var(--spacing-scale-46);
}

.__ms-46 {
  margin-left: var(--spacing-scale-46);
}

.__mb-46 {
  margin-bottom: var(--spacing-scale-46);
}

.__mt-46 {
  margin-top: var(--spacing-scale-46);
}

.__m-46 {
  margin: var(--spacing-scale-46);
}

.__p-46 {
  padding: var(--spacing-scale-46);
}

.__pe-46 {
  padding-right: var(--spacing-scale-46);
}

.__ps-46 {
  padding-left: var(--spacing-scale-46);
}

.__pb-46 {
  padding-bottom: var(--spacing-scale-46);
}

.__pt-46 {
  padding-top: var(--spacing-scale-46);
}

.__gap-46 {
  gap: var(--spacing-scale-46);
}

.__my-46 {
  margin-top: var(--spacing-scale-46);
  margin-bottom: var(--spacing-scale-46);
}

.__mx-46 {
  margin-left: var(--spacing-scale-46);
  margin-right: var(--spacing-scale-46);
}

.__py-46 {
  padding-top: var(--spacing-scale-46);
  padding-bottom: var(--spacing-scale-46);
}

.__px-46 {
  padding-left: var(--spacing-scale-46);
  padding-right: var(--spacing-scale-46);
}

.__me-44 {
  margin-right: var(--spacing-scale-44);
}

.__ms-44 {
  margin-left: var(--spacing-scale-44);
}

.__mb-44 {
  margin-bottom: var(--spacing-scale-44);
}

.__mt-44 {
  margin-top: var(--spacing-scale-44);
}

.__m-44 {
  margin: var(--spacing-scale-44);
}

.__p-44 {
  padding: var(--spacing-scale-44);
}

.__pe-44 {
  padding-right: var(--spacing-scale-44);
}

.__ps-44 {
  padding-left: var(--spacing-scale-44);
}

.__pb-44 {
  padding-bottom: var(--spacing-scale-44);
}

.__pt-44 {
  padding-top: var(--spacing-scale-44);
}

.__gap-44 {
  gap: var(--spacing-scale-44);
}

.__my-44 {
  margin-top: var(--spacing-scale-44);
  margin-bottom: var(--spacing-scale-44);
}

.__mx-44 {
  margin-left: var(--spacing-scale-44);
  margin-right: var(--spacing-scale-44);
}

.__py-44 {
  padding-top: var(--spacing-scale-44);
  padding-bottom: var(--spacing-scale-44);
}

.__px-44 {
  padding-left: var(--spacing-scale-44);
  padding-right: var(--spacing-scale-44);
}

.__me-42 {
  margin-right: var(--spacing-scale-42);
}

.__ms-42 {
  margin-left: var(--spacing-scale-42);
}

.__mb-42 {
  margin-bottom: var(--spacing-scale-42);
}

.__mt-42 {
  margin-top: var(--spacing-scale-42);
}

.__m-42 {
  margin: var(--spacing-scale-42);
}

.__p-42 {
  padding: var(--spacing-scale-42);
}

.__pe-42 {
  padding-right: var(--spacing-scale-42);
}

.__ps-42 {
  padding-left: var(--spacing-scale-42);
}

.__pb-42 {
  padding-bottom: var(--spacing-scale-42);
}

.__pt-42 {
  padding-top: var(--spacing-scale-42);
}

.__gap-42 {
  gap: var(--spacing-scale-42);
}

.__my-42 {
  margin-top: var(--spacing-scale-42);
  margin-bottom: var(--spacing-scale-42);
}

.__mx-42 {
  margin-left: var(--spacing-scale-42);
  margin-right: var(--spacing-scale-42);
}

.__py-42 {
  padding-top: var(--spacing-scale-42);
  padding-bottom: var(--spacing-scale-42);
}

.__px-42 {
  padding-left: var(--spacing-scale-42);
  padding-right: var(--spacing-scale-42);
}

.__me-40 {
  margin-right: var(--spacing-scale-40);
}

.__ms-40 {
  margin-left: var(--spacing-scale-40);
}

.__mb-40 {
  margin-bottom: var(--spacing-scale-40);
}

.__mt-40 {
  margin-top: var(--spacing-scale-40);
}

.__m-40 {
  margin: var(--spacing-scale-40);
}

.__p-40 {
  padding: var(--spacing-scale-40);
}

.__pe-40 {
  padding-right: var(--spacing-scale-40);
}

.__ps-40 {
  padding-left: var(--spacing-scale-40);
}

.__pb-40 {
  padding-bottom: var(--spacing-scale-40);
}

.__pt-40 {
  padding-top: var(--spacing-scale-40);
}

.__gap-40 {
  gap: var(--spacing-scale-40);
}

.__my-40 {
  margin-top: var(--spacing-scale-40);
  margin-bottom: var(--spacing-scale-40);
}

.__mx-40 {
  margin-left: var(--spacing-scale-40);
  margin-right: var(--spacing-scale-40);
}

.__py-40 {
  padding-top: var(--spacing-scale-40);
  padding-bottom: var(--spacing-scale-40);
}

.__px-40 {
  padding-left: var(--spacing-scale-40);
  padding-right: var(--spacing-scale-40);
}

.__me-38 {
  margin-right: var(--spacing-scale-38);
}

.__ms-38 {
  margin-left: var(--spacing-scale-38);
}

.__mb-38 {
  margin-bottom: var(--spacing-scale-38);
}

.__mt-38 {
  margin-top: var(--spacing-scale-38);
}

.__m-38 {
  margin: var(--spacing-scale-38);
}

.__p-38 {
  padding: var(--spacing-scale-38);
}

.__pe-38 {
  padding-right: var(--spacing-scale-38);
}

.__ps-38 {
  padding-left: var(--spacing-scale-38);
}

.__pb-38 {
  padding-bottom: var(--spacing-scale-38);
}

.__pt-38 {
  padding-top: var(--spacing-scale-38);
}

.__gap-38 {
  gap: var(--spacing-scale-38);
}

.__my-38 {
  margin-top: var(--spacing-scale-38);
  margin-bottom: var(--spacing-scale-38);
}

.__mx-38 {
  margin-left: var(--spacing-scale-38);
  margin-right: var(--spacing-scale-38);
}

.__py-38 {
  padding-top: var(--spacing-scale-38);
  padding-bottom: var(--spacing-scale-38);
}

.__px-38 {
  padding-left: var(--spacing-scale-38);
  padding-right: var(--spacing-scale-38);
}

.__me-36 {
  margin-right: var(--spacing-scale-36);
}

.__ms-36 {
  margin-left: var(--spacing-scale-36);
}

.__mb-36 {
  margin-bottom: var(--spacing-scale-36);
}

.__mt-36 {
  margin-top: var(--spacing-scale-36);
}

.__m-36 {
  margin: var(--spacing-scale-36);
}

.__p-36 {
  padding: var(--spacing-scale-36);
}

.__pe-36 {
  padding-right: var(--spacing-scale-36);
}

.__ps-36 {
  padding-left: var(--spacing-scale-36);
}

.__pb-36 {
  padding-bottom: var(--spacing-scale-36);
}

.__pt-36 {
  padding-top: var(--spacing-scale-36);
}

.__gap-36 {
  gap: var(--spacing-scale-36);
}

.__my-36 {
  margin-top: var(--spacing-scale-36);
  margin-bottom: var(--spacing-scale-36);
}

.__mx-36 {
  margin-left: var(--spacing-scale-36);
  margin-right: var(--spacing-scale-36);
}

.__py-36 {
  padding-top: var(--spacing-scale-36);
  padding-bottom: var(--spacing-scale-36);
}

.__px-36 {
  padding-left: var(--spacing-scale-36);
  padding-right: var(--spacing-scale-36);
}

.__me-34 {
  margin-right: var(--spacing-scale-34);
}

.__ms-34 {
  margin-left: var(--spacing-scale-34);
}

.__mb-34 {
  margin-bottom: var(--spacing-scale-34);
}

.__mt-34 {
  margin-top: var(--spacing-scale-34);
}

.__m-34 {
  margin: var(--spacing-scale-34);
}

.__p-34 {
  padding: var(--spacing-scale-34);
}

.__pe-34 {
  padding-right: var(--spacing-scale-34);
}

.__ps-34 {
  padding-left: var(--spacing-scale-34);
}

.__pb-34 {
  padding-bottom: var(--spacing-scale-34);
}

.__pt-34 {
  padding-top: var(--spacing-scale-34);
}

.__gap-34 {
  gap: var(--spacing-scale-34);
}

.__my-34 {
  margin-top: var(--spacing-scale-34);
  margin-bottom: var(--spacing-scale-34);
}

.__mx-34 {
  margin-left: var(--spacing-scale-34);
  margin-right: var(--spacing-scale-34);
}

.__py-34 {
  padding-top: var(--spacing-scale-34);
  padding-bottom: var(--spacing-scale-34);
}

.__px-34 {
  padding-left: var(--spacing-scale-34);
  padding-right: var(--spacing-scale-34);
}

.__me-32 {
  margin-right: var(--spacing-scale-32);
}

.__ms-32 {
  margin-left: var(--spacing-scale-32);
}

.__mb-32 {
  margin-bottom: var(--spacing-scale-32);
}

.__mt-32 {
  margin-top: var(--spacing-scale-32);
}

.__m-32 {
  margin: var(--spacing-scale-32);
}

.__p-32 {
  padding: var(--spacing-scale-32);
}

.__pe-32 {
  padding-right: var(--spacing-scale-32);
}

.__ps-32 {
  padding-left: var(--spacing-scale-32);
}

.__pb-32 {
  padding-bottom: var(--spacing-scale-32);
}

.__pt-32 {
  padding-top: var(--spacing-scale-32);
}

.__gap-32 {
  gap: var(--spacing-scale-32);
}

.__my-32 {
  margin-top: var(--spacing-scale-32);
  margin-bottom: var(--spacing-scale-32);
}

.__mx-32 {
  margin-left: var(--spacing-scale-32);
  margin-right: var(--spacing-scale-32);
}

.__py-32 {
  padding-top: var(--spacing-scale-32);
  padding-bottom: var(--spacing-scale-32);
}

.__px-32 {
  padding-left: var(--spacing-scale-32);
  padding-right: var(--spacing-scale-32);
}

.__me-30 {
  margin-right: var(--spacing-scale-30);
}

.__ms-30 {
  margin-left: var(--spacing-scale-30);
}

.__mb-30 {
  margin-bottom: var(--spacing-scale-30);
}

.__mt-30 {
  margin-top: var(--spacing-scale-30);
}

.__m-30 {
  margin: var(--spacing-scale-30);
}

.__p-30 {
  padding: var(--spacing-scale-30);
}

.__pe-30 {
  padding-right: var(--spacing-scale-30);
}

.__ps-30 {
  padding-left: var(--spacing-scale-30);
}

.__pb-30 {
  padding-bottom: var(--spacing-scale-30);
}

.__pt-30 {
  padding-top: var(--spacing-scale-30);
}

.__gap-30 {
  gap: var(--spacing-scale-30);
}

.__my-30 {
  margin-top: var(--spacing-scale-30);
  margin-bottom: var(--spacing-scale-30);
}

.__mx-30 {
  margin-left: var(--spacing-scale-30);
  margin-right: var(--spacing-scale-30);
}

.__py-30 {
  padding-top: var(--spacing-scale-30);
  padding-bottom: var(--spacing-scale-30);
}

.__px-30 {
  padding-left: var(--spacing-scale-30);
  padding-right: var(--spacing-scale-30);
}

.__me-28 {
  margin-right: var(--spacing-scale-28);
}

.__ms-28 {
  margin-left: var(--spacing-scale-28);
}

.__mb-28 {
  margin-bottom: var(--spacing-scale-28);
}

.__mt-28 {
  margin-top: var(--spacing-scale-28);
}

.__m-28 {
  margin: var(--spacing-scale-28);
}

.__p-28 {
  padding: var(--spacing-scale-28);
}

.__pe-28 {
  padding-right: var(--spacing-scale-28);
}

.__ps-28 {
  padding-left: var(--spacing-scale-28);
}

.__pb-28 {
  padding-bottom: var(--spacing-scale-28);
}

.__pt-28 {
  padding-top: var(--spacing-scale-28);
}

.__gap-28 {
  gap: var(--spacing-scale-28);
}

.__my-28 {
  margin-top: var(--spacing-scale-28);
  margin-bottom: var(--spacing-scale-28);
}

.__mx-28 {
  margin-left: var(--spacing-scale-28);
  margin-right: var(--spacing-scale-28);
}

.__py-28 {
  padding-top: var(--spacing-scale-28);
  padding-bottom: var(--spacing-scale-28);
}

.__px-28 {
  padding-left: var(--spacing-scale-28);
  padding-right: var(--spacing-scale-28);
}

.__me-26 {
  margin-right: var(--spacing-scale-26);
}

.__ms-26 {
  margin-left: var(--spacing-scale-26);
}

.__mb-26 {
  margin-bottom: var(--spacing-scale-26);
}

.__mt-26 {
  margin-top: var(--spacing-scale-26);
}

.__m-26 {
  margin: var(--spacing-scale-26);
}

.__p-26 {
  padding: var(--spacing-scale-26);
}

.__pe-26 {
  padding-right: var(--spacing-scale-26);
}

.__ps-26 {
  padding-left: var(--spacing-scale-26);
}

.__pb-26 {
  padding-bottom: var(--spacing-scale-26);
}

.__pt-26 {
  padding-top: var(--spacing-scale-26);
}

.__gap-26 {
  gap: var(--spacing-scale-26);
}

.__my-26 {
  margin-top: var(--spacing-scale-26);
  margin-bottom: var(--spacing-scale-26);
}

.__mx-26 {
  margin-left: var(--spacing-scale-26);
  margin-right: var(--spacing-scale-26);
}

.__py-26 {
  padding-top: var(--spacing-scale-26);
  padding-bottom: var(--spacing-scale-26);
}

.__px-26 {
  padding-left: var(--spacing-scale-26);
  padding-right: var(--spacing-scale-26);
}

.__me-24 {
  margin-right: var(--spacing-scale-24);
}

.__ms-24 {
  margin-left: var(--spacing-scale-24);
}

.__mb-24 {
  margin-bottom: var(--spacing-scale-24);
}

.__mt-24 {
  margin-top: var(--spacing-scale-24);
}

.__m-24 {
  margin: var(--spacing-scale-24);
}

.__p-24 {
  padding: var(--spacing-scale-24);
}

.__pe-24 {
  padding-right: var(--spacing-scale-24);
}

.__ps-24 {
  padding-left: var(--spacing-scale-24);
}

.__pb-24 {
  padding-bottom: var(--spacing-scale-24);
}

.__pt-24 {
  padding-top: var(--spacing-scale-24);
}

.__gap-24 {
  gap: var(--spacing-scale-24);
}

.__my-24 {
  margin-top: var(--spacing-scale-24);
  margin-bottom: var(--spacing-scale-24);
}

.__mx-24 {
  margin-left: var(--spacing-scale-24);
  margin-right: var(--spacing-scale-24);
}

.__py-24 {
  padding-top: var(--spacing-scale-24);
  padding-bottom: var(--spacing-scale-24);
}

.__px-24 {
  padding-left: var(--spacing-scale-24);
  padding-right: var(--spacing-scale-24);
}

.__me-22 {
  margin-right: var(--spacing-scale-22);
}

.__ms-22 {
  margin-left: var(--spacing-scale-22);
}

.__mb-22 {
  margin-bottom: var(--spacing-scale-22);
}

.__mt-22 {
  margin-top: var(--spacing-scale-22);
}

.__m-22 {
  margin: var(--spacing-scale-22);
}

.__p-22 {
  padding: var(--spacing-scale-22);
}

.__pe-22 {
  padding-right: var(--spacing-scale-22);
}

.__ps-22 {
  padding-left: var(--spacing-scale-22);
}

.__pb-22 {
  padding-bottom: var(--spacing-scale-22);
}

.__pt-22 {
  padding-top: var(--spacing-scale-22);
}

.__gap-22 {
  gap: var(--spacing-scale-22);
}

.__my-22 {
  margin-top: var(--spacing-scale-22);
  margin-bottom: var(--spacing-scale-22);
}

.__mx-22 {
  margin-left: var(--spacing-scale-22);
  margin-right: var(--spacing-scale-22);
}

.__py-22 {
  padding-top: var(--spacing-scale-22);
  padding-bottom: var(--spacing-scale-22);
}

.__px-22 {
  padding-left: var(--spacing-scale-22);
  padding-right: var(--spacing-scale-22);
}

.__me-20 {
  margin-right: var(--spacing-scale-20);
}

.__ms-20 {
  margin-left: var(--spacing-scale-20);
}

.__mb-20 {
  margin-bottom: var(--spacing-scale-20);
}

.__mt-20 {
  margin-top: var(--spacing-scale-20);
}

.__m-20 {
  margin: var(--spacing-scale-20);
}

.__p-20 {
  padding: var(--spacing-scale-20);
}

.__pe-20 {
  padding-right: var(--spacing-scale-20);
}

.__ps-20 {
  padding-left: var(--spacing-scale-20);
}

.__pb-20 {
  padding-bottom: var(--spacing-scale-20);
}

.__pt-20 {
  padding-top: var(--spacing-scale-20);
}

.__gap-20 {
  gap: var(--spacing-scale-20);
}

.__my-20 {
  margin-top: var(--spacing-scale-20);
  margin-bottom: var(--spacing-scale-20);
}

.__mx-20 {
  margin-left: var(--spacing-scale-20);
  margin-right: var(--spacing-scale-20);
}

.__py-20 {
  padding-top: var(--spacing-scale-20);
  padding-bottom: var(--spacing-scale-20);
}

.__px-20 {
  padding-left: var(--spacing-scale-20);
  padding-right: var(--spacing-scale-20);
}

.__me-18 {
  margin-right: var(--spacing-scale-18);
}

.__ms-18 {
  margin-left: var(--spacing-scale-18);
}

.__mb-18 {
  margin-bottom: var(--spacing-scale-18);
}

.__mt-18 {
  margin-top: var(--spacing-scale-18);
}

.__m-18 {
  margin: var(--spacing-scale-18);
}

.__p-18 {
  padding: var(--spacing-scale-18);
}

.__pe-18 {
  padding-right: var(--spacing-scale-18);
}

.__ps-18 {
  padding-left: var(--spacing-scale-18);
}

.__pb-18 {
  padding-bottom: var(--spacing-scale-18);
}

.__pt-18 {
  padding-top: var(--spacing-scale-18);
}

.__gap-18 {
  gap: var(--spacing-scale-18);
}

.__my-18 {
  margin-top: var(--spacing-scale-18);
  margin-bottom: var(--spacing-scale-18);
}

.__mx-18 {
  margin-left: var(--spacing-scale-18);
  margin-right: var(--spacing-scale-18);
}

.__py-18 {
  padding-top: var(--spacing-scale-18);
  padding-bottom: var(--spacing-scale-18);
}

.__px-18 {
  padding-left: var(--spacing-scale-18);
  padding-right: var(--spacing-scale-18);
}

.__me-16 {
  margin-right: var(--spacing-scale-16);
}

.__ms-16 {
  margin-left: var(--spacing-scale-16);
}

.__mb-16 {
  margin-bottom: var(--spacing-scale-16);
}

.__mt-16 {
  margin-top: var(--spacing-scale-16);
}

.__m-16 {
  margin: var(--spacing-scale-16);
}

.__p-16 {
  padding: var(--spacing-scale-16);
}

.__pe-16 {
  padding-right: var(--spacing-scale-16);
}

.__ps-16 {
  padding-left: var(--spacing-scale-16);
}

.__pb-16 {
  padding-bottom: var(--spacing-scale-16);
}

.__pt-16 {
  padding-top: var(--spacing-scale-16);
}

.__gap-16 {
  gap: var(--spacing-scale-16);
}

.__my-16 {
  margin-top: var(--spacing-scale-16);
  margin-bottom: var(--spacing-scale-16);
}

.__mx-16 {
  margin-left: var(--spacing-scale-16);
  margin-right: var(--spacing-scale-16);
}

.__py-16 {
  padding-top: var(--spacing-scale-16);
  padding-bottom: var(--spacing-scale-16);
}

.__px-16 {
  padding-left: var(--spacing-scale-16);
  padding-right: var(--spacing-scale-16);
}

.__me-14 {
  margin-right: var(--spacing-scale-14);
}

.__ms-14 {
  margin-left: var(--spacing-scale-14);
}

.__mb-14 {
  margin-bottom: var(--spacing-scale-14);
}

.__mt-14 {
  margin-top: var(--spacing-scale-14);
}

.__m-14 {
  margin: var(--spacing-scale-14);
}

.__p-14 {
  padding: var(--spacing-scale-14);
}

.__pe-14 {
  padding-right: var(--spacing-scale-14);
}

.__ps-14 {
  padding-left: var(--spacing-scale-14);
}

.__pb-14 {
  padding-bottom: var(--spacing-scale-14);
}

.__pt-14 {
  padding-top: var(--spacing-scale-14);
}

.__gap-14 {
  gap: var(--spacing-scale-14);
}

.__my-14 {
  margin-top: var(--spacing-scale-14);
  margin-bottom: var(--spacing-scale-14);
}

.__mx-14 {
  margin-left: var(--spacing-scale-14);
  margin-right: var(--spacing-scale-14);
}

.__py-14 {
  padding-top: var(--spacing-scale-14);
  padding-bottom: var(--spacing-scale-14);
}

.__px-14 {
  padding-left: var(--spacing-scale-14);
  padding-right: var(--spacing-scale-14);
}

.__me-12 {
  margin-right: var(--spacing-scale-12);
}

.__ms-12 {
  margin-left: var(--spacing-scale-12);
}

.__mb-12 {
  margin-bottom: var(--spacing-scale-12);
}

.__mt-12 {
  margin-top: var(--spacing-scale-12);
}

.__m-12 {
  margin: var(--spacing-scale-12);
}

.__p-12 {
  padding: var(--spacing-scale-12);
}

.__pe-12 {
  padding-right: var(--spacing-scale-12);
}

.__ps-12 {
  padding-left: var(--spacing-scale-12);
}

.__pb-12 {
  padding-bottom: var(--spacing-scale-12);
}

.__pt-12 {
  padding-top: var(--spacing-scale-12);
}

.__gap-12 {
  gap: var(--spacing-scale-12);
}

.__my-12 {
  margin-top: var(--spacing-scale-12);
  margin-bottom: var(--spacing-scale-12);
}

.__mx-12 {
  margin-left: var(--spacing-scale-12);
  margin-right: var(--spacing-scale-12);
}

.__py-12 {
  padding-top: var(--spacing-scale-12);
  padding-bottom: var(--spacing-scale-12);
}

.__px-12 {
  padding-left: var(--spacing-scale-12);
  padding-right: var(--spacing-scale-12);
}

.__me-10 {
  margin-right: var(--spacing-scale-10);
}

.__ms-10 {
  margin-left: var(--spacing-scale-10);
}

.__mb-10 {
  margin-bottom: var(--spacing-scale-10);
}

.__mt-10 {
  margin-top: var(--spacing-scale-10);
}

.__m-10 {
  margin: var(--spacing-scale-10);
}

.__p-10 {
  padding: var(--spacing-scale-10);
}

.__pe-10 {
  padding-right: var(--spacing-scale-10);
}

.__ps-10 {
  padding-left: var(--spacing-scale-10);
}

.__pb-10 {
  padding-bottom: var(--spacing-scale-10);
}

.__pt-10 {
  padding-top: var(--spacing-scale-10);
}

.__gap-10 {
  gap: var(--spacing-scale-10);
}

.__my-10 {
  margin-top: var(--spacing-scale-10);
  margin-bottom: var(--spacing-scale-10);
}

.__mx-10 {
  margin-left: var(--spacing-scale-10);
  margin-right: var(--spacing-scale-10);
}

.__py-10 {
  padding-top: var(--spacing-scale-10);
  padding-bottom: var(--spacing-scale-10);
}

.__px-10 {
  padding-left: var(--spacing-scale-10);
  padding-right: var(--spacing-scale-10);
}

.__me-8 {
  margin-right: var(--spacing-scale-8);
}

.__ms-8 {
  margin-left: var(--spacing-scale-8);
}

.__mb-8 {
  margin-bottom: var(--spacing-scale-8);
}

.__mt-8 {
  margin-top: var(--spacing-scale-8);
}

.__m-8 {
  margin: var(--spacing-scale-8);
}

.__p-8 {
  padding: var(--spacing-scale-8);
}

.__pe-8 {
  padding-right: var(--spacing-scale-8);
}

.__ps-8 {
  padding-left: var(--spacing-scale-8);
}

.__pb-8 {
  padding-bottom: var(--spacing-scale-8);
}

.__pt-8 {
  padding-top: var(--spacing-scale-8);
}

.__gap-8 {
  gap: var(--spacing-scale-8);
}

.__my-8 {
  margin-top: var(--spacing-scale-8);
  margin-bottom: var(--spacing-scale-8);
}

.__mx-8 {
  margin-left: var(--spacing-scale-8);
  margin-right: var(--spacing-scale-8);
}

.__py-8 {
  padding-top: var(--spacing-scale-8);
  padding-bottom: var(--spacing-scale-8);
}

.__px-8 {
  padding-left: var(--spacing-scale-8);
  padding-right: var(--spacing-scale-8);
}

.__me-6 {
  margin-right: var(--spacing-scale-6);
}

.__ms-6 {
  margin-left: var(--spacing-scale-6);
}

.__mb-6 {
  margin-bottom: var(--spacing-scale-6);
}

.__mt-6 {
  margin-top: var(--spacing-scale-6);
}

.__m-6 {
  margin: var(--spacing-scale-6);
}

.__p-6 {
  padding: var(--spacing-scale-6);
}

.__pe-6 {
  padding-right: var(--spacing-scale-6);
}

.__ps-6 {
  padding-left: var(--spacing-scale-6);
}

.__pb-6 {
  padding-bottom: var(--spacing-scale-6);
}

.__pt-6 {
  padding-top: var(--spacing-scale-6);
}

.__gap-6 {
  gap: var(--spacing-scale-6);
}

.__my-6 {
  margin-top: var(--spacing-scale-6);
  margin-bottom: var(--spacing-scale-6);
}

.__mx-6 {
  margin-left: var(--spacing-scale-6);
  margin-right: var(--spacing-scale-6);
}

.__py-6 {
  padding-top: var(--spacing-scale-6);
  padding-bottom: var(--spacing-scale-6);
}

.__px-6 {
  padding-left: var(--spacing-scale-6);
  padding-right: var(--spacing-scale-6);
}

.__me-4 {
  margin-right: var(--spacing-scale-4);
}

.__ms-4 {
  margin-left: var(--spacing-scale-4);
}

.__mb-4 {
  margin-bottom: var(--spacing-scale-4);
}

.__mt-4 {
  margin-top: var(--spacing-scale-4);
}

.__m-4 {
  margin: var(--spacing-scale-4);
}

.__p-4 {
  padding: var(--spacing-scale-4);
}

.__pe-4 {
  padding-right: var(--spacing-scale-4);
}

.__ps-4 {
  padding-left: var(--spacing-scale-4);
}

.__pb-4 {
  padding-bottom: var(--spacing-scale-4);
}

.__pt-4 {
  padding-top: var(--spacing-scale-4);
}

.__gap-4 {
  gap: var(--spacing-scale-4);
}

.__my-4 {
  margin-top: var(--spacing-scale-4);
  margin-bottom: var(--spacing-scale-4);
}

.__mx-4 {
  margin-left: var(--spacing-scale-4);
  margin-right: var(--spacing-scale-4);
}

.__py-4 {
  padding-top: var(--spacing-scale-4);
  padding-bottom: var(--spacing-scale-4);
}

.__px-4 {
  padding-left: var(--spacing-scale-4);
  padding-right: var(--spacing-scale-4);
}

.__me-2 {
  margin-right: var(--spacing-scale-2);
}

.__ms-2 {
  margin-left: var(--spacing-scale-2);
}

.__mb-2 {
  margin-bottom: var(--spacing-scale-2);
}

.__mt-2 {
  margin-top: var(--spacing-scale-2);
}

.__m-2 {
  margin: var(--spacing-scale-2);
}

.__p-2 {
  padding: var(--spacing-scale-2);
}

.__pe-2 {
  padding-right: var(--spacing-scale-2);
}

.__ps-2 {
  padding-left: var(--spacing-scale-2);
}

.__pb-2 {
  padding-bottom: var(--spacing-scale-2);
}

.__pt-2 {
  padding-top: var(--spacing-scale-2);
}

.__gap-2 {
  gap: var(--spacing-scale-2);
}

.__my-2 {
  margin-top: var(--spacing-scale-2);
  margin-bottom: var(--spacing-scale-2);
}

.__mx-2 {
  margin-left: var(--spacing-scale-2);
  margin-right: var(--spacing-scale-2);
}

.__py-2 {
  padding-top: var(--spacing-scale-2);
  padding-bottom: var(--spacing-scale-2);
}

.__px-2 {
  padding-left: var(--spacing-scale-2);
  padding-right: var(--spacing-scale-2);
}

.__me-1 {
  margin-right: var(--spacing-scale-1);
}

.__ms-1 {
  margin-left: var(--spacing-scale-1);
}

.__mb-1 {
  margin-bottom: var(--spacing-scale-1);
}

.__mt-1 {
  margin-top: var(--spacing-scale-1);
}

.__m-1 {
  margin: var(--spacing-scale-1);
}

.__p-1 {
  padding: var(--spacing-scale-1);
}

.__pe-1 {
  padding-right: var(--spacing-scale-1);
}

.__ps-1 {
  padding-left: var(--spacing-scale-1);
}

.__pb-1 {
  padding-bottom: var(--spacing-scale-1);
}

.__pt-1 {
  padding-top: var(--spacing-scale-1);
}

.__gap-1 {
  gap: var(--spacing-scale-1);
}

.__my-1 {
  margin-top: var(--spacing-scale-1);
  margin-bottom: var(--spacing-scale-1);
}

.__mx-1 {
  margin-left: var(--spacing-scale-1);
  margin-right: var(--spacing-scale-1);
}

.__py-1 {
  padding-top: var(--spacing-scale-1);
  padding-bottom: var(--spacing-scale-1);
}

.__px-1 {
  padding-left: var(--spacing-scale-1);
  padding-right: var(--spacing-scale-1);
}

.__me-0 {
  margin-right: var(--spacing-scale-0);
}

.__ms-0 {
  margin-left: var(--spacing-scale-0);
}

.__mb-0 {
  margin-bottom: var(--spacing-scale-0);
}

.__mt-0 {
  margin-top: var(--spacing-scale-0);
}

.__m-0 {
  margin: var(--spacing-scale-0);
}

.__p-0 {
  padding: var(--spacing-scale-0);
}

.__pe-0 {
  padding-right: var(--spacing-scale-0);
}

.__ps-0 {
  padding-left: var(--spacing-scale-0);
}

.__pb-0 {
  padding-bottom: var(--spacing-scale-0);
}

.__pt-0 {
  padding-top: var(--spacing-scale-0);
}

.__gap-0 {
  gap: var(--spacing-scale-0);
}

.__my-0 {
  margin-top: var(--spacing-scale-0);
  margin-bottom: var(--spacing-scale-0);
}

.__mx-0 {
  margin-left: var(--spacing-scale-0);
  margin-right: var(--spacing-scale-0);
}

.__py-0 {
  padding-top: var(--spacing-scale-0);
  padding-bottom: var(--spacing-scale-0);
}

.__px-0 {
  padding-left: var(--spacing-scale-0);
  padding-right: var(--spacing-scale-0);
}

.__ms-auto {
  margin-left: auto;
}

.__me-auto {
  margin-right: auto;
}

.list-valores {
  width: 100%;
}
.list-valores ul {
  padding-left: var(--padding-scale-4);
  list-style-type: none;
  margin-bottom: 0;
}
.list-valores ul li {
  padding-bottom: var(--padding-scale-8);
  display: flex;
  align-items: center;
}
.list-valores ul li strong {
  color: var(--text-color-soft-dark);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  min-width: 140px;
  margin-bottom: 0.1rem;
}
.list-valores ul li label {
  color: var(--text-color-soft-dark);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  min-width: 140px;
  margin-bottom: 0.1rem;
}
.list-valores ul li span {
  color: var(--text-color-informative);
  margin: 0;
  margin-left: auto;
  word-break: break-word;
  float: right;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-xs);
  line-height: var(--font-line-height-sm-md);
}
.list-valores ul li span.negative {
  background: var(--text-color-informative-negative);
  color: var(--text-color-critical);
  padding: var(--padding-scale-4) var(--padding-scale-8);
  border-radius: var(--border-radius-2xs);
}
.list-valores ul li span.positive {
  background: var(--color-transparency-surface-info-24);
  padding: var(--padding-scale-4) var(--padding-scale-8);
  border-radius: var(--border-radius-2xs);
}

.list-dados {
  width: 100%;
}
.list-dados ul {
  padding-left: var(--padding-scale-4);
  list-style-type: none;
  margin-bottom: 0;
}
.list-dados ul li {
  padding-bottom: var(--padding-scale-8);
  display: flex;
  align-items: center;
}
.list-dados ul li strong {
  color: var(--text-color-primary);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  min-width: 140px;
  margin-bottom: 0.1rem;
}
.list-dados ul li label {
  color: var(--text-color-primary);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  min-width: 140px;
  margin-bottom: 0.1rem;
}
.list-dados ul li span {
  color: var(--text-color-brand-secondary);
  margin: 0;
  margin-left: auto;
  word-break: break-word;
  float: right;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-xs);
  line-height: var(--font-line-height-sm-md);
}

.list-notificacoes {
  width: 100%;
}
.list-notificacoes ul {
  padding-left: var(--padding-scale-4);
  list-style-type: none;
  margin-bottom: 0;
}
.list-notificacoes ul li {
  padding-bottom: var(--padding-scale-8);
  display: flex;
  align-items: center;
}
.list-notificacoes ul li strong {
  color: var(--text-color-primary);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  min-width: 140px;
  margin-bottom: 0.1rem;
}
.list-notificacoes ul li label {
  color: var(--text-color-primary);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  min-width: 140px;
  margin-bottom: 0.1rem;
}
.list-notificacoes ul li span {
  color: var(--text-color-primary);
  margin: 0;
  margin-left: auto;
  word-break: break-word;
  float: right;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-xs);
  line-height: var(--font-line-height-sm-md);
}
.list-notificacoes ul li {
  padding-bottom: var(--padding-scale-16);
  padding-left: 0;
  padding-right: 0;
}
.list-notificacoes ul li span {
  color: var(--text-color-soft-dark);
  font-family: Mulish-Regular;
  font-size: var(--font-size-2xs);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-xs);
}
.list-notificacoes ul li a {
  width: 100%;
  cursor: pointer;
}
.list-notificacoes ul li:not(:last-child) {
  border-bottom: 1px solid var(--outline-color-neutral-soft-light);
}

.list-comprovantes, .list-comprovantes-no-bottom-border {
  width: 100%;
}
.list-comprovantes ul, .list-comprovantes-no-bottom-border ul {
  padding-left: var(--padding-scale-4);
  list-style-type: none;
  margin-bottom: 0;
}
.list-comprovantes ul li, .list-comprovantes-no-bottom-border ul li {
  padding-bottom: var(--padding-scale-8);
  display: flex;
  align-items: center;
}
.list-comprovantes ul li strong, .list-comprovantes-no-bottom-border ul li strong {
  color: var(--text-color-soft-dark);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  min-width: 140px;
  margin-bottom: 0.1rem;
}
.list-comprovantes ul li label, .list-comprovantes-no-bottom-border ul li label {
  color: var(--text-color-soft-dark);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  min-width: 140px;
  margin-bottom: 0.1rem;
}
.list-comprovantes ul li span, .list-comprovantes-no-bottom-border ul li span {
  color: var(--text-color-informative);
  margin: 0;
  margin-left: auto;
  word-break: break-word;
  float: right;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-xs);
  line-height: var(--font-line-height-sm-md);
}
.list-comprovantes ul li, .list-comprovantes-no-bottom-border ul li {
  padding-top: var(--padding-scale-16);
  padding-bottom: var(--padding-scale-16);
  padding-left: 0;
  padding-right: 0;
}
.list-comprovantes ul li, .list-comprovantes-no-bottom-border ul li {
  border-bottom: 1px solid var(--color-transparency-surface-info-24);
}
.list-comprovantes ul li span, .list-comprovantes-no-bottom-border ul li span {
  background: var(--color-transparency-surface-info-24);
  padding: var(--padding-scale-4) var(--padding-scale-8);
  border-radius: var(--border-radius-2xs);
}

.list-promocional {
  border-radius: 18px;
  padding: 13px;
  padding-left: 0px;
  padding-right: 0px;
}

.list-comprovantes-no-bottom-border ul li:last-of-type {
  border-bottom: none;
}

.form-control, .input-group-radio-inline, textarea, input[type=text], input[type=email] input[type=password] input[type=number] input[type=tel],
select, input[data-currency=true], .currency-input-container input[data-currency=true] {
  height: unset;
  color: var(--text-color-soft-dark);
  background-color: var(--color-transparency-surface-detail-92);
  border: 1px solid var(--outline-color-neutral-soft-light);
  padding: var(--spacing-scale-16);
  border-radius: var(--border-radius-lg);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  width: 100%;
}
.form-control:focus, .input-group-radio-inline:focus, textarea:focus, input[type=text]:focus, input[type=email] input[type=password] input[type=number] input[type=tel]:focus,
select:focus, input[data-currency=true]:focus {
  border-color: var(--outline-color-brand-active);
  outline: none;
  box-shadow: none;
}
.form-control::placeholder, .input-group-radio-inline::placeholder, textarea::placeholder, input[type=text]::placeholder, input[type=email] input[type=password] input[type=number] input[type=tel]::placeholder,
select::placeholder, input[data-currency=true]::placeholder, .currency-input-container input[data-currency=true]::placeholder {
  color: var(--text-color-soft-dark);
  opacity: 1;
}
.form-control::-webkit-input-placeholder, .input-group-radio-inline::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=email] input[type=password] input[type=number] input[type=tel]::-webkit-input-placeholder,
select::-webkit-input-placeholder, input[data-currency=true]::-webkit-input-placeholder, .currency-input-container input[data-currency=true]::-webkit-input-placeholder {
  color: var(--text-color-soft-dark);
}
.form-control::-moz-placeholder, .input-group-radio-inline::-moz-placeholder, textarea::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=email] input[type=password] input[type=number] input[type=tel]::-moz-placeholder,
select::-moz-placeholder, input[data-currency=true]::-moz-placeholder, .currency-input-container input[data-currency=true]::-moz-placeholder {
  color: var(--text-color-soft-dark);
}
.form-control:-ms-input-placeholder, .input-group-radio-inline:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=email] input[type=password] input[type=number] input[type=tel]:-ms-input-placeholder,
select:-ms-input-placeholder, input[data-currency=true]:-ms-input-placeholder {
  color: var(--text-color-soft-dark);
}
.form-control:-moz-placeholder, .input-group-radio-inline:-moz-placeholder, textarea:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=email] input[type=password] input[type=number] input[type=tel]:-moz-placeholder,
select:-moz-placeholder, input[data-currency=true]:-moz-placeholder {
  color: var(--text-color-soft-dark);
}
.form-control:disabled, .input-group-radio-inline:disabled, textarea:disabled, input[type=text]:disabled, input[type=email] input[type=password] input[type=number] input[type=tel]:disabled,
select:disabled, input[data-currency=true]:disabled {
  border: 1px solid var(--outline-color-disabled);
  background: var(--neutral-background-color-on-disabled);
}

.currency-input-container {
  position: relative;
}
.currency-input-container::before {
  content: "R$";
  position: absolute;
  left: var(--spacing-scale-10);
  top: 60%;
  transform: translateY(-75%);
  color: var(--text-color-primary);
  font-size: var(--font-size-xs);
  pointer-events: none;
}
.currency-input-container input[data-currency=true] {
  padding-left: var(--sizing-scale-36);
}

.input-currency-wrapper {
  position: relative;
}
.input-currency-wrapper ::before {
  content: "R$";
  position: absolute;
  left: var(--spacing-scale-10);
  top: 75%;
  transform: translateY(-75%);
  color: var(--text-color-primary);
  font-size: var(--font-size-xs);
  pointer-events: none;
}

input[data-currency=true] {
  padding-left: var(--sizing-scale-36);
}

.input-password {
  border: none !important;
  background-color: transparent !important;
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--outline-color-brand-active) !important;
  letter-spacing: var(--sizing-scale-24);
  height: unset !important;
  border: unset !important;
  padding: unset !important;
  border-radius: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
  line-height: unset !important;
}

select {
  background-image: url("../icons/icn-arrow-down-select.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 24px 24px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

textarea {
  border-radius: var(--spacing-scale-16) var(--spacing-scale-16) var(--spacing-scale-16) var(--spacing-scale-16);
}

.input-group label {
  color: var(--text-color-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  margin-bottom: var(--spacing-scale-16);
}

.input-group-radio {
  gap: var(--spacing-scale-12);
  background-color: unset !important;
}
.input-group-radio label {
  color: var(--text-color-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  margin-bottom: 0;
  margin-left: var(--padding-scale-12);
}

.input-group-radio-inline {
  border: unset;
  gap: var(--spacing-scale-12);
  background-color: unset !important;
}
.input-group-radio-inline label {
  color: var(--text-color-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  margin-bottom: 0;
  margin-left: var(--padding-scale-12);
}

.input-validade-error {
  border-color: var(--background-color-surface-neutral-active);
}

.input-group-checkbox label {
  color: var(--text-color-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  margin-bottom: 0;
  margin-left: var(--padding-scale-12);
}

.input-group table td {
  padding: var(--padding-scale-8) var(--padding-scale-16) var(--padding-scale-8) 0;
}
.input-group table td label {
  margin-left: var(--padding-scale-8);
}

.input-date {
  background: url("../icons/icn-calendar-date-picker.svg") no-repeat right 24px center;
  background-size: 24px 24px;
}

.input-group-checkbox input[type=checkbox] {
  appearance: none;
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.input-group-checkbox label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  color: var(--text-color-primary);
  margin-bottom: 0;
  margin-left: var(--padding-scale-12);
}
.input-group-checkbox label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--sizing-scale-24);
  height: var(--sizing-scale-24);
  border-radius: var(--border-radius-3xs);
  border-width: 2px;
  border-style: solid;
  border-color: var(--outline-color-default);
  background: #ffffff;
  transition: all 0.3s ease;
}
.input-group-checkbox input[type=checkbox]:checked + label::before {
  background: var(--background-color-surface-brand-primary);
  border: none;
  content: "✔";
  color: white;
  font-size: 18px;
  font-weight: var(--font-weight-regular);
  display: flex;
  align-items: center;
  justify-content: center;
}

.input-group-radio-inline, .input-group-radio {
  display: flex;
  align-items: center;
}
.input-group-radio-inline input[type=radio], .input-group-radio input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.input-group-radio-inline label, .input-group-radio label {
  position: relative;
  padding-left: var(--sizing-scale-24);
  cursor: pointer;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  color: var(--text-color-soft-dark);
}
.input-group-radio-inline label::before, .input-group-radio label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--sizing-scale-18);
  height: var(--sizing-scale-18);
  border-radius: 50%;
  background: white;
  border: 4px solid var(--outline-color-default);
  transition: all 0.3s;
}
.input-group-radio-inline input[type=radio]:checked + label::before, .input-group-radio input[type=radio]:checked + label::before {
  border: 4px solid white;
  box-shadow: 0 0 0 4px var(--background-color-surface-brand-primary);
  width: var(--sizing-scale-10);
  height: var(--sizing-scale-10);
  left: 4px;
}

.table {
  color: var(--text-color-primary);
  font-family: "Mulish-Regular";
  border-radius: var(--border-radius-lg);
  background-color: var(--neutral-background-color-primary);
}
.table .input-group-checkbox label {
  color: var(--text-color-brand-secondary) !important;
  font-size: var(--font-size-xs) !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: var(--font-line-height-sm-md) !important;
  margin-bottom: 0;
  margin-left: var(--padding-scale-12);
}
.table:has(tbody > tr > td > div.alert-infomative) {
  background-color: unset !important;
}
.table thead {
  color: var(--text-color-brand-secondary);
  font-family: "Mulish-Regular";
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-sm-md);
  border-bottom: 1px solid var(--color-transparency-surface-info-24);
}
.table thead th {
  border-bottom: none;
}
.table th,
.table td {
  padding: var(--sizing-scale-16) var(--sizing-scale-1);
  vertical-align: middle;
  border: none;
}
.table th:first-child,
.table td:first-child {
  padding: var(--sizing-scale-16) var(--sizing-scale-16);
}
.table tbody a {
  text-decoration-line: none;
}
.table tbody tr:hover {
  background-color: var(--color-transparency-surface-info-24);
}
.table tbody tr:has(.alert-infomative):hover {
  background-color: transparent; /* ou a cor padrão de fundo */
}
.table tfoot {
  border-top: 1px solid var(--color-transparency-surface-info-24);
  background-color: var(--neutral-background-color-primary);
  color: var(--text-color-brand-secondary);
  font-family: "Mulish-Regular";
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-sm-md);
}
.table tfoot tr:last-child td:first-child {
  border-bottom-left-radius: var(--border-radius-lg);
}
.table tfoot tr:last-child td:last-child {
  border-bottom-right-radius: var(--border-radius-lg);
}

.pagination > li {
  max-height: 38px;
}
.pagination > li.paginate_button.page-item.active > a {
  text-decoration: none;
  text-align: center;
  height: 100%;
  background-color: var(--color-transparency-surface-info-24);
  border-radius: var(--border-radius-xs);
  color: var(--text-color-brand-secondary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-sm-md);
  font-family: "Mulish-Regular";
}
.pagination > li.paginate_button.page-item > a {
  text-decoration: none;
  text-align: center;
  height: 100%;
  border: none;
  background-color: transparent;
}

.dataTables_info > span {
  color: var(--text-color-primary);
  font-family: "Mulish-Regular";
  font-size: var(--font-size-2xs);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-xs);
}
.dataTables_info > label {
  color: var(--text-color-primary);
  font-family: "Mulish-Regular";
  font-size: var(--font-size-2xs);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-xs);
}

.dataTables_wrapper {
  width: 99%;
}

.tag-warning-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  background-color: var(--background-color-attention-secondary);
  color: var(--background-color-attention-primary) !important;
}

.tag-warning-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  background-color: var(--background-color-attention-secondary);
  color: var(--background-color-attention-primary) !important;
}

.tag-critical-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  background-color: var(--background-color-auxiliary-critical-secondary);
  color: var(--text-color-critical) !important;
}

.tag-critical-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  background-color: var(--background-color-auxiliary-critical-secondary);
  color: var(--text-color-critical) !important;
}

.tag-info-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  background-color: var(--background-color-surface-info-24);
  color: var(--text-color-informative) !important;
}

.tag-info-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  background-color: var(--background-color-surface-info-24);
  color: var(--text-color-informative) !important;
}

.tag-primary-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  background-color: var(--neutral-background-color-secondary);
  color: var(--text-color-primary) !important;
}

.tag-primary-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  background-color: var(--neutral-background-color-secondary);
  color: var(--text-color-primary) !important;
}

.tag-success-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  background-color: var(--background-color-success-secondary);
  color: var(--text-color-success) !important;
}

.tag-success-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  background-color: var(--background-color-success-secondary);
  color: var(--text-color-success) !important;
}

label.tag-status-agendado-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  background: var(--background-color-attention-secondary);
  color: var(--background-color-attention-primary) !important;
}
label.tag-status-agendado-lg span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-calendar.svg") no-repeat center;
  background-size: 95%;
  filter: brightness(0) saturate(100%) invert(88%) sepia(16%) saturate(5510%) hue-rotate(337deg) brightness(98%) contrast(102%);
}
label.tag-status-agendado-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  background: var(--background-color-attention-secondary);
  color: var(--background-color-attention-primary) !important;
}
label.tag-status-agendado-sm span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-calendar.svg") no-repeat center;
  background-size: 95%;
  filter: brightness(0) saturate(100%) invert(88%) sepia(16%) saturate(5510%) hue-rotate(337deg) brightness(98%) contrast(102%);
}
label.tag-status-cancelado-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  background: var(--background-color-auxiliary-critical-secondary);
  color: var(--text-color-critical) !important;
}
label.tag-status-cancelado-lg span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-canceled.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(27%) sepia(96%) saturate(4337%) hue-rotate(337deg) brightness(71%) contrast(104%);
}
label.tag-status-cancelado-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  background: var(--background-color-auxiliary-critical-secondary);
  color: var(--text-color-critical) !important;
}
label.tag-status-cancelado-sm span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-canceled.svg") no-repeat center;
  background-size: 95%;
  filter: brightness(0) saturate(100%) invert(27%) sepia(96%) saturate(4337%) hue-rotate(337deg) brightness(71%) contrast(104%);
}
label.tag-status-confirmado-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  background: var(--background-color-success-secondary);
  color: var(--text-color-success) !important;
}
label.tag-status-confirmado-lg span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-check-circle.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(39%) sepia(24%) saturate(6751%) hue-rotate(144deg) brightness(96%) contrast(104%);
}
label.tag-status-confirmado-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  background: var(--background-color-success-secondary);
  color: var(--text-color-success) !important;
}
label.tag-status-confirmado-sm span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-check-circle.svg") no-repeat center;
  background-size: 95%;
  filter: brightness(0) saturate(100%) invert(39%) sepia(24%) saturate(6751%) hue-rotate(144deg) brightness(96%) contrast(104%);
}
label.tag-status-processamento-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  background: var(--background-color-informative-auxiliary-secondary);
  color: var(--text-color-informative) !important;
}
label.tag-status-processamento-lg span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-pending.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(52%) sepia(95%) saturate(3280%) hue-rotate(172deg) brightness(84%) contrast(101%);
}
label.tag-status-processamento-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  background: var(--background-color-informative-auxiliary-secondary);
  color: var(--text-color-informative) !important;
}
label.tag-status-processamento-sm span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-pending.svg") no-repeat center;
  background-size: 95%;
  filter: brightness(0) saturate(100%) invert(52%) sepia(95%) saturate(3280%) hue-rotate(172deg) brightness(84%) contrast(101%);
}
label.tag-status-texto-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  background: var(--neutral-background-color-secondary);
  color: var(--text-color-primary) !important;
}
label.tag-status-texto-lg span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-invest.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(35%) sepia(38%) saturate(414%) hue-rotate(168deg) brightness(90%) contrast(91%);
}
label.tag-status-texto-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  background: var(--neutral-background-color-secondary);
  color: var(--text-color-primary) !important;
}
label.tag-status-texto-sm span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-invest.svg") no-repeat center;
  background-size: 95%;
  filter: brightness(0) saturate(100%) invert(35%) sepia(38%) saturate(414%) hue-rotate(168deg) brightness(90%) contrast(91%);
}

.tag-investidor-conservador-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(32px);
  background: var(--background-color-product-conservative-investor);
  color: var(--text-color-light) !important;
}
.tag-investidor-conservador-sm span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7498%) hue-rotate(300deg) brightness(111%) contrast(101%);
  background: url("../icons/icn-chart-risco-baixo.svg") no-repeat center;
}

.tag-investidor-conservador-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(32px);
  background: var(--background-color-product-conservative-investor);
  color: var(--text-color-light) !important;
}
.tag-investidor-conservador-lg span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7498%) hue-rotate(300deg) brightness(111%) contrast(101%);
  background: url("../icons/icn-chart-risco-baixo.svg") no-repeat center;
}

.tag-investidor-moderado-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(32px);
  background: var(--background-color-product-moderate-investor);
  color: var(--text-color-light) !important;
}
.tag-investidor-moderado-sm span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7498%) hue-rotate(300deg) brightness(111%) contrast(101%);
  background: url("../icons/icn-chart-risco-medio.svg") no-repeat center;
}

.tag-investidor-moderado-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(32px);
  background: var(--background-color-product-moderate-investor);
  color: var(--text-color-light) !important;
}
.tag-investidor-moderado-lg span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7498%) hue-rotate(300deg) brightness(111%) contrast(101%);
  background: url("../icons/icn-chart-risco-medio.svg") no-repeat center;
}

.tag-investidor-agressivo-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(32px);
  background: var(--background-color-product-aggressive-investor);
  color: var(--text-color-light) !important;
}
.tag-investidor-agressivo-sm span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7498%) hue-rotate(300deg) brightness(111%) contrast(101%);
  background: url("../icons/icn-chart-risco-alto.svg") no-repeat center;
}

.tag-investidor-agressivo-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(32px);
  background: var(--background-color-product-aggressive-investor);
  color: var(--text-color-light) !important;
}
.tag-investidor-agressivo-lg span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7498%) hue-rotate(300deg) brightness(111%) contrast(101%);
  background: url("../icons/icn-chart-risco-alto.svg") no-repeat center;
}

.tag-investidor-conservador-neutro-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(32px);
  background: var(--neutral-background-color-secondary);
  color: var(--text-color-primary) !important;
}
.tag-investidor-conservador-neutro-sm span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-chart-risco-baixo.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(39%) sepia(24%) saturate(6751%) hue-rotate(144deg) brightness(96%) contrast(104%);
}

.tag-investidor-conservador-neutro-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(32px);
  background: var(--neutral-background-color-secondary);
  color: var(--text-color-primary) !important;
}
.tag-investidor-conservador-neutro-lg span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-chart-risco-baixo.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(1695%) hue-rotate(136deg) brightness(87%) contrast(101%);
}

.tag-investidor-moderado-neutro-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(32px);
  background: var(--neutral-background-color-secondary);
  color: var(--text-color-primary) !important;
}
.tag-investidor-moderado-neutro-sm span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-chart-risco-medio.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(88%) sepia(16%) saturate(5510%) hue-rotate(337deg) brightness(98%) contrast(102%);
}

.tag-investidor-moderado-neutro-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(32px);
  background: var(--neutral-background-color-secondary);
  color: var(--text-color-primary) !important;
}
.tag-investidor-moderado-neutro-lg span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-chart-risco-medio.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(88%) sepia(16%) saturate(5510%) hue-rotate(337deg) brightness(98%) contrast(102%);
}

.tag-investidor-agressivo-neutro-sm {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 24px;
  border-radius: var(--border-radius-3xs);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(32px);
  background: var(--neutral-background-color-secondary);
  color: var(--text-color-primary) !important;
}
.tag-investidor-agressivo-neutro-sm span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-chart-risco-alto.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(27%) sepia(96%) saturate(4337%) hue-rotate(337deg) brightness(71%) contrast(104%);
}

.tag-investidor-agressivo-neutro-lg {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-scale-8);
  justify-content: center;
  padding: var(--spacing-scale-4) var(--spacing-scale-8);
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--border-radius-2xs);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(32px);
  background: var(--neutral-background-color-secondary);
  color: var(--text-color-primary) !important;
}
.tag-investidor-agressivo-neutro-lg span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-chart-risco-alto.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(27%) sepia(96%) saturate(4337%) hue-rotate(337deg) brightness(71%) contrast(104%);
}

.tag-alerta-info {
  background-color: var(--background-color-neutral-soft-light);
  color: var(--text-color-primary) !important;
  align-items: center;
  border-radius: var(--border-radius-md);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  gap: var(--spacing-scale-8);
  padding: var(--spacing-scale-12);
  width: 100%;
}
.tag-alerta-info span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-info.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(35%) sepia(38%) saturate(414%) hue-rotate(168deg) brightness(90%) contrast(91%);
}

.tag-alerta-success {
  background-color: var(--background-color-success-secondary);
  color: var(--text-color-success) !important;
  align-items: center;
  border-radius: var(--border-radius-md);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  gap: var(--spacing-scale-8);
  padding: var(--spacing-scale-12);
  width: 100%;
}
.tag-alerta-success span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-info.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(39%) sepia(24%) saturate(6751%) hue-rotate(144deg) brightness(96%) contrast(104%);
}

.tag-alerta-warning {
  background-color: var(--background-color-attention-secondary);
  color: var(--background-color-attention-primary) !important;
  align-items: center;
  border-radius: var(--border-radius-md);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  gap: var(--spacing-scale-8);
  padding: var(--spacing-scale-12);
  width: 100%;
}
.tag-alerta-warning span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-info.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(88%) sepia(16%) saturate(5510%) hue-rotate(337deg) brightness(98%) contrast(102%);
}

.tag-alerta-critical {
  background-color: var(--background-color-auxiliary-critical-secondary);
  color: var(--text-color-critical) !important;
  align-items: center;
  border-radius: var(--border-radius-md);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  gap: var(--spacing-scale-8);
  padding: var(--spacing-scale-12);
  width: 100%;
}
.tag-alerta-critical span.icon-tag {
  width: 20px;
  height: 20px;
  background-size: contain;
  background: url("../icons/icn-info.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(27%) sepia(96%) saturate(4337%) hue-rotate(337deg) brightness(71%) contrast(104%);
}

[data-theme=PF] {
  --color-surface-main: var(--color-surface-brand-primary); /* Valor padrão */
}

[data-theme=PJ] {
  --color-surface-main: var(--color-brand-16);
  --color-surface-brand-primary: var(--color-brand-16);
}

[data-theme=dark] {
  --color-brand-8: #001B29;
  --color-brand-24: #00527a;
  --color-brand-32: #006DA3;
  --color-brand-40: #0088cc;
  --color-brand-48: #00a3f5;
  --color-brand-64:#47C2FF;
  --color-brand-72: #70cfff;
  --color-brand-72-24:#d4ebf7;
  --color-brand-72-24-12:#323b43;
  --color-brand-80:#99DDFF;
  --color-brand-88: #c2ebff;
  --color-brand-96: #ebf8ff;
  --color-neutral-black: #000000;
  --color-neutral-0: var(--color-neutral-black);
  --color-neutral-8: #141414;
  --color-neutral-10: #151515;
  --color-neutral-16:#1f1f1f;
  --color-neutral-16-88:#2c2b2b;
  --color-neutral-24:#3d3d3d;
  --color-neutral-32:#525252;
  --color-neutral-36: #445D75;
  --color-neutral-40: #666666;
  --color-neutral-48: #7A7A7A;
  --color-neutral-50:#6E8192;
  --color-neutral-60:#999999;
  --color-neutral-64: #a3a3a3;
  --color-neutral-82: #e0e0e0;
  --color-neutral-88: #f5f5f5;
  --color-neutral-92: #F5F5F5;
  --color-neutral-96: #f5f5f5;
  --color-neutral-98: #fafafa;
  --color-neutral-100: #ffffff;
  --color-slate-gray-40: #BBA28A;
  --color-slate-gray-48: #917E6D;
  --color-slate-gray-72: #0D0A07;
  --color-slate-gray-96: #0D0A07;
  --color-midnight-16: #001a52;
  --color-midnight-48: #00A3F5;
  --color-blue-8: #001729;
  --color-blue-96: #EBF8FF;
  --color-green-8: #00291E;
  --color-green-24: #007a5a;
  --color-green-28: #009e73;
  --color-green-32: #00a378;
  --color-green-40: #00cc96;
  --color-green-96: #EBFFFA;
  --color-red-24: #71091b;
  --color-red-40: #b81430;
  --color-red-44: #c71030;
  --color-red-48: #260309;
  --color-red-56: #EE2F4F;
  --color-red-72: #F47B8F;
  --color-red-96: #fdecef;
  --color-gold-8: #281B01;
  --color-gold-20: #795102;
  --color-gold-24: #795102;
  --color-gold-40: #FCB321;
  --color-gold-56: #fcb322;
  --color-gold-60: #fcb321;
  --color-gold-72: #FDCF72;
  --color-gold-80:#FDDC9B;
  --color-gold-96: #fff8eb;
  --color-grass: #26a669;
  --color-lemon: #30c55a;
  --color-purple: #4261b3;
  --color-marine: #4e92a8;
  --color-terracota: #cd5d4e;
  --color-lilac: #34488e;
  --color-orange: #ef9655;
  --color-green: #408272;
  --color-ocean-green:#408272;
  --color-surface-default:var(--color-neutral-16);
  --color-surface-detail:var(--color-neutral-16-88);
  --color-surface-info:var(--color-brand-72-24-12);
  --color-surface-main:var(--color-neutral-10);
  --color-surface-main-secondary:var(--color-neutral-10);
  --color-surface-brand-primary:var(--color-brand-40);
  --color-surface-brand-dark:var(--color-brand-16);
  --color-surface-brand-secondary:var(--color-brand-72);
  --color-surface-on-brand-secondary:var(--color-neutral-88);
  --color-surface-neutral-primary:var(--color-neutral-100);
  --color-surface-neutral-active:var(--color-neutral-92);
  --color-surface-neutral-disabled:var(--color-neutral-32);
  --color-surface-neutral-soft-light:var(--color-neutral-24);
  --color-surface-main-corporate:var(--color-brand-16);
  --color-surface-brand-corporate:var(--color-brand-16);
  --text-color-brand-primary: var(--color-brand-48);
  --text-color-brand-secondary: var(--color-brand-72);
  --text-color-primary: var(--color-blue-96);
  --text-color-secondary: var(--color-neutral-100);
  --text-color-placeholder: var(--color-neutral-96);
  --text-color-disabled: var(--color-neutral-88);
  --text-color-informative: var(--color-brand-64);
  --text-color-success: var(--color-green-32);
  --text-color-critical: var(--color-red-40);
  --text-color-attention:var(--color-gold-80);
  --text-color-light:var(--color-neutral-100);
  --text-color-gain:var(--color-lemon);
  --text-color-light-blue:var(--color-brand-72);
  --text-color-soft-dark:var(--color-slate-gray-48);
  --text-color-surface-main:var(--color-neutral-100);
  --outline-color-brand-primary:var(--color-brand-80);
  --outline-color-brand-active:var(--color-brand-72);
  --outline-color-brand-secondary:var(--color-midnight-48);
  --outline-color-outline:var(--color-neutral-72);
  --outline-color-outline-active:var(--color-neutral-50);
  --outline-color-standard:var(--color-neutral-60);
  --outline-color-disabled:var(--color-neutral-48);
  --outline-color-informative:var(--color-brand-40);
  --outline-color-success:var(--color-green-40);
  --outline-color-critical:var(--color-red-72);
  --outline-color-attention:var(--color-gold-72);
  --outline-color-light:var(--color-neutral-100);
  --neutral-background-color-primary:var(--color-neutral-24);
  --neutral-background-color-secondary:var(--color-neutral-16);
  --neutral-background-color-on-secondary:var(--color-neutral-32);
  --neutral-background-color-tertiary:var(--color-neutral-56);
  --neutral-background-color-disabled:var(--color-neutral-40);
  --neutral-background-color-on-disabled:var(--color-neutral-16);
  --neutral-background-color-dark:var(--color-slate-gray-48);
  --neutral-background-color-soft-light:var(--color-neutral-16);
  --neutral-background-color-soft-dark:var(--color-neutral-72);
  --background-color-neutral-soft-light:var(--color-neutral-16);
  --background-color-neutral-soft-dark:var(--color-neutral-72);
  --background-color-surface-detail: var(--color-surface-detail);
  --background-color-surface-default: var(--color-surface-default);
  --background-color-brand-primary:var(--color-neutral-24);
  --background-color-on-brand-primary:var(--color-blue-8);
  --background-color-brand-secondary:var(--color-brand-40);
  --background-color-on-brand-secondary:var(--color-brand-96);
  --background-color-brand-dark:var(--color-brand-16);
  --background-color-hover-primary:var(--color-brand-32);
  --background-color-on-hover-primary:var(--color-brand-88);
  --background-color-light-blue:var(--color-brand-16);
  --background-color-dark-blue:var(--color-brand-8);
  --background-color-success-primary:var(--color-green-32);
  --background-color-on-success-primary:var(--color-neutral-0);
  --background-color-success-secondary:var(--color-green-8);
  --background-color-on-success-secondary:var(--color-green-24);
  --background-color-attention-primary:var(--color-gold-56);
  --background-color-on-attention-primary:var(--color-neutral-0);
  --background-color-attention-secondary:var(--color-gold-8);
  --background-color-on-attention-secondary:var(--color-gold-20);
  --background-color-informative-primary:var(--color-brand-72);
  --background-color-on-informative-primary:var(--color-neutral-10);
  --background-color-informative-secondary:var(--color-brand-96);
  --background-color-on-informative-secondary:var(--color-brand-24);
  --background-color-critical-primary:var(--color-red-56);
  --background-color-on-critical-primary:var(--color-neutral-10);
  --background-color-critical-secondary:var(--color-red-48);
  --background-color-on-critical-secondary:var(--color-neutral-100);
  --background-color-earnings:var(--color-lemon);
  --background-color-fixed-income:var(--color-grass);
  --background-color-investments:var(--color-purple);
  --background-color-treasure:var(--color-marine);
  --background-color-variable-income:var(--color-terracota);
  --background-color-pension:var(--color-lilac);
  --background-color-cri-cra-debentures:var(--color-orange);
  --background-color-structured-operations:var(--color-ocean-green);
  --background-color-low:var(--color-green-28);
  --background-color-medium:var(--color-gold-56);
  --background-color-high:var(--color-red-44);
}

.novo-modal-content {
  background: var(--color-transparency-surface-detail-96);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius-2xs);
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  background-clip: padding-box;
  outline: 0;
}

.novo-modal-header {
  border-top-left-radius: var(--border-radius-2xs);
  border-top-right-radius: var(--border-radius-2xs);
  display: flex;
  height: 56px;
  padding: 16px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  background-color: var(--background-color-surface-default);
  flex: 1 0 0;
  color: var(--text-color-primary);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 133.333% */
}
.novo-modal-header .line {
  pointer-events: none;
}

.novo-modal-body {
  display: flex;
  padding: var(--spacing-scale-32);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-scale-4, 4px);
}

.accordion {
  display: flex;
  padding: var(--spacing-scale-16);
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-scale-16);
  border-radius: var(--border-radius-lg);
  background: var(--color-transparency-surface-detail-92);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(32px);
}

.accordion-header {
  color: var(--text-color-primary);
  font-size: var(--font-size-2xs);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-xs);
  cursor: pointer;
  width: inherit;
  position: relative;
  padding-right: var(--spacing-scale-32);
}

.accordion-header::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--spacing-scale-24);
  height: var(--spacing-scale-24);
  background: url("../icons/icn-arrow-right.svg") no-repeat center;
  background-size: var(--spacing-scale-24) var(--spacing-scale-24);
  transition: transform 0.3s ease;
}

.accordion-header[aria-expanded=true]::after {
  transform: translateY(-50%) rotate(90deg);
}

.accordion-body {
  color: var(--text-color-primary);
  font-size: var(--font-size-3xs);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-xs);
  width: inherit;
}

.desconto-digital .accordion {
  background-color: var(--color-surface-detail);
  border-radius: var(--border-radius-lg);
}
.desconto-digital .accordion > .accordion-header {
  display: flex;
  justify-content: space-between;
  font-family: "Mulish-Regular";
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  color: var(--text-color-brand-secondary);
  border-bottom: 1px solid var(--color-transparency-surface-info-24);
  line-height: 20px;
  padding: var(--spacing-scale-16);
}
.desconto-digital .accordion > .accordion-item > .accordion-header > .accordion-button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: transparent;
  border: none;
  padding: var(--spacing-scale-16);
  margin: 0;
  width: 100%;
  text-align: left;
  padding: var(--spacing-scale-16);
}
.desconto-digital .accordion > .accordion-footer {
  display: flex;
  justify-content: space-between;
  font-family: "Mulish-Regular";
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  color: var(--text-color-brand-secondary);
  border-top: 1px solid var(--color-transparency-surface-info-24);
  line-height: 20px;
  padding: var(--spacing-scale-16);
}
.desconto-digital .accordion > .accordion-item > .accordion-header > div > div {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.desconto-digital .accordion > .accordion-item > .accordion-header > div:nth-child(1) {
  border-bottom: 1px solid var(--color-transparency-surface-info-24);
}
.desconto-digital .accordion > .accordion-item > .accordion-header > .accordion-button > div > .accordion-text {
  font-family: "Mulish-Regular";
  font-size: var(--font-size-2xs);
  font-style: normal;
  color: var(--text-color-primary);
  font-weight: var(--font-weight-bold);
  line-height: 16px;
  width: fit-content;
}
.desconto-digital .accordion > .accordion-item > .accordion-header > .accordion-button > div > .accordion-title {
  font-family: "Mulish-Regular";
  font-size: var(--font-size-xs);
  color: var(--text-color-brand-secondary);
  font-weight: var(--font-weight-bold);
  line-height: 16px;
  width: fit-content;
}
.desconto-digital .accordion > .accordion-item > .accordion-collapse {
  display: none;
}
.desconto-digital .accordion > .accordion-item > .accordion-header > .accordion-button > div > span.icn-arrow-right.show {
  transform: rotate(270deg);
}
.desconto-digital .accordion > .accordion-item > .accordion-header > .accordion-button > div > span.icn-arrow-right {
  cursor: pointer;
  transition: transform 0.3s ease;
  width: 16px;
  height: 16px;
  transform: rotate(90deg);
}
.desconto-digital .accordion > .accordion-item > .accordion-collapse.show {
  display: block;
  padding: var(--spacing-scale-24);
  max-height: 500px;
  opacity: 1;
  overflow: auto;
  animation: fadeIn 0.3s ease-in-out;
  -webkit-animation: fadeIn 0.3s ease-in-out;
}
.desconto-digital .accordion > .accordion-item > .accordion-collapse {
  display: block;
  max-height: 0;
  opacity: 0;
  padding: 0;
  overflow: hidden;
}
.desconto-digital .accordion > .accordion-item > .accordion-collapse.closing {
  display: block;
  max-height: 0;
  opacity: 0;
  padding: 0;
  overflow: hidden;
  animation: fadeOut 0.3s ease-in-out forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    max-height: 0;
    padding: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
    padding: var(--spacing-scale-24);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    max-height: 500px;
    padding: var(--spacing-scale-24);
  }
  to {
    opacity: 0;
    max-height: 0;
    padding: 0;
  }
}
.desconto-digital td:has(.table-responsive-background-color) {
  padding: 24px;
  background-color: var(--background-color-neutral-soft-light);
}
.desconto-digital .accordion-collapse-background {
  padding: 24px;
  background-color: var(--background-color-neutral-soft-light);
}

button:focus {
  outline: none;
}

button:focus-visible {
  outline: none;
}

input[type=file]::-ms-browse {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-8) var(--spacing-scale-20);
  gap: var(--spacing-scale-8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
input[type=file]::-ms-browse :hover span {
  filter: none;
}
input[type=file]::-ms-browse {
  background: var(--background-color-brand-dark);
  color: var(--text-color-light);
}
input[type=file]::-ms-browse:disabled {
  background: var(--neutral-background-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
input[type=file]::-ms-browse:hover:not(:disabled) {
  background: var(--neutral-background-color-primary);
  color: var(--text-color-primary);
}
input[type=file]::-ms-browse:active:not(:disabled) {
  background: var(--color-transparency-surface-info-24);
  color: var(--text-color-brand-secondary);
}

input[type=file]::-webkit-file-upload-button {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
  padding: var(--spacing-scale-8) var(--spacing-scale-20);
  gap: var(--spacing-scale-8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
}
input[type=file]::-webkit-file-upload-button :hover span {
  filter: none;
}
input[type=file]::-webkit-file-upload-button {
  background: var(--background-color-brand-dark);
  color: var(--text-color-light);
}
input[type=file]::-webkit-file-upload-button:disabled {
  background: var(--neutral-background-color-disabled);
  color: var(--text-color-disabled);
  cursor: not-allowed;
}
input[type=file]::-webkit-file-upload-button:hover:not(:disabled) {
  background: var(--neutral-background-color-primary);
  color: var(--text-color-primary);
}
input[type=file]::-webkit-file-upload-button:active:not(:disabled) {
  background: var(--color-transparency-surface-info-24);
  color: var(--text-color-brand-secondary);
}

.loader {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite;
}

.loader::before, .loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 8px solid var(--outline-color-brand-primary);
  animation: prixClipFix 2s linear infinite;
}

.loader::after {
  transform: rotate3d(90, 90, 0, 180deg);
  border-color: var(--outline-color-default);
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  75%, 100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
}
/*
.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader {
    color: var(--color-surface-main);
    font-size: 8px;
    margin: -20px 0 20px 80px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 3.5em;
}

@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}*/
h1 {
  color: var(--text-color-light);
  font-family: "Mulish-Regular";
  font-size: var(--sizing-scale-24);
  font-weight: var(--font-weight-regular);
  line-height: var(--sizing-scale-32);
  margin: 0;
}

h2 {
  color: var(--text-color-primary);
  font-family: "Mulish-Regular";
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-md);
}

h4 {
  color: var(--text-color-primary);
  font-family: "Mulish-Regular";
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
}

h5 {
  color: var(--text-color-primary);
  font-family: "Mulish-Regular";
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-ms);
}

h6 {
  color: var(--text-color-primary);
  font-family: "Mulish-Regular";
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
}

p {
  color: var(--text-color-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-sm-md);
}

a:not(.nav-link) {
  color: var(--text-color-brand);
  font-family: "Mulish-Regular";
  font-size: var(--font-size-2xs);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}
a:not(.nav-link):hover {
  color: var(--text-color-brand-secondary);
}

.search-icon {
  background: url(../icons/icn-search.svg) no-repeat right 24px center !important;
  background-color: #fff !important;
  background-size: 24px 24px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar {
  width: 20px;
}

.tabset nav {
  transition: none !important;
}
.tabset nav .nav-item {
  font-size: var(--font-size-xs);
  color: var(--text-color-informative);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-sm-md);
}
.tabset nav .nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: var(--text-color-soft-dark);
}
.tabset nav .nav-link.active {
  color: var(--text-color-informative);
  border-bottom: 1.5px solid var(--outline-color-brand-primary);
}

.no-show-screen {
  display: none;
}

@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
  body, p, div, span, label, li, td, th {
    line-height: 1.3 !important;
  }
  h1, h2, h3, h4, h5, h6 {
    margin-top: 8px !important;
    margin-bottom: 6px !important;
    line-height: 1.2 !important;
  }
  p {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  ul, ol {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  ul li, ol li {
    margin-bottom: 2px !important;
    padding-bottom: 2px !important;
  }
  .card, .card-sm {
    padding: 8px !important;
    margin-bottom: 6px !important;
  }
  table td, table th {
    padding: 4px !important;
  }
  label {
    margin-bottom: 2px !important;
  }
  .__my-24, .my-24, .__my-16, .my-16 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .__mb-8, .mb-8, .__mb-4, .mb-4 {
    margin-bottom: 2px !important;
  }
  .__gap-24, .gap-24 {
    gap: 6px !important;
  }
  .__p-48, .p-48, .__p-40, .p-40 {
    padding: 10px !important;
  }
  .no-show-screen {
    display: block;
    padding: 0.8125rem 1.25rem;
    font-size: 18px;
    font-family: "Muli-Bold";
    color: dodgerblue;
  }
  .col-print-5 {
    width: 41.67%;
    float: left;
  }
  .col-print-6 {
    width: 50%;
    float: left;
  }
  .col-print-7 {
    width: 58.33%;
    float: left;
  }
  .box-periodo {
    border: none !important;
  }
  .extrato-no-print {
    display: none !important;
  }
}

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