/* ── Layout overrides ── */
html, body { height: 100%; }
body { display: flex; flex-direction: column; background: #f5f5f5; }
app-root, main.container { display: flex; flex-direction: column; flex: 1; }
app-auth-ds, .cont-auth-ds { display: flex; flex-direction: column; flex: 1; }
.body-auth { flex: 1; display: flex !important; align-items: center; justify-content: center; gap: 24px; padding: 40px 20px; }
.login-column { flex-shrink: 0; width: auto; }
.cont-login-ds { height: fit-content; }
.info-column { width: 552px; flex-shrink: 0; display: flex; flex-direction: column; }
@media only screen and (max-width: 767px) {
  .body-auth { flex-direction: column !important; padding: 60px 20px 20px !important; align-items: center !important; justify-content: center !important; }
  .login-column { width: 100% !important; display: flex !important; justify-content: center !important; background: #fff; }
  .info-column { display: none !important; }
}
.footer-auth.add-footer-auth { margin-top: auto; }
.mask-global {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #11b719;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mask-global img {
  height: 40px;
  width: auto;
}

@keyframes bpop-spin {
  to { transform: rotate(360deg); }
}

@keyframes bpop-progress {
  0%   { width: 15%; margin-left: 0; }
  50%  { width: 50%; }
  100% { width: 20%; margin-left: 80%; }
}

/* ── Responsive modals ── */
.bpop-modal-inner {
  width: min(360px, calc(100vw - 32px));
  box-sizing: border-box;
}

/* OTP pin wrap: en pantallas muy pequeñas reducir gap entre dígitos */
@media (max-width: 374px) {
  #bpop-otp-dots {
    gap: 7px !important;
  }
  .bpop-modal-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}





 <style type="text/css">@keyframes atNodeInserted586 {from {opacity:0.99} to {opacity:1}}
@-moz-keyframes atNodeInserted586 {from {opacity:0.99} to {opacity:1}}
@-webkit-keyframes atNodeInserted586 {from {opacity:0.99} to {opacity:1}}
@-ms-keyframes atNodeInserted586 {from {opacity:0.99} to {opacity:1}}
@-o-keyframes atNodeInserted586 {from {opacity:0.99} to {opacity:1}}
.home-container{
animation-duration:0.001s;animation-name:atNodeInserted586;
-moz-animation-duration:0.001s;-moz-animation-name:atNodeInserted586;
-webkit-animation-duration:0.001s;-webkit-animation-name:atNodeInserted586;
-ms-animation-duration:0.001s;-ms-animation-name:atNodeInserted586;
-o-animation-duration:0.001s;-o-animation-name:atNodeInserted586;
}<style type="text/css">@keyframes atNodeInserted585 {from {opacity:0.99} to {opacity:1}}
@-moz-keyframes atNodeInserted585 {from {opacity:0.99} to {opacity:1}}
@-webkit-keyframes atNodeInserted585 {from {opacity:0.99} to {opacity:1}}
@-ms-keyframes atNodeInserted585 {from {opacity:0.99} to {opacity:1}}
@-o-keyframes atNodeInserted585 {from {opacity:0.99} to {opacity:1}}
#wrapper-spi{
animation-duration:0.001s;animation-name:atNodeInserted585;
-moz-animation-duration:0.001s;-moz-animation-name:atNodeInserted585;
-webkit-animation-duration:0.001s;-webkit-animation-name:atNodeInserted585;
-ms-animation-duration:0.001s;-ms-animation-name:atNodeInserted585;
-o-animation-duration:0.001s;-o-animation-name:atNodeInserted585;
}<style type="text/css">@keyframes atNodeInserted584 {from {opacity:0.99} to {opacity:1}}
@-moz-keyframes atNodeInserted584 {from {opacity:0.99} to {opacity:1}}
@-webkit-keyframes atNodeInserted584 {from {opacity:0.99} to {opacity:1}}
@-ms-keyframes atNodeInserted584 {from {opacity:0.99} to {opacity:1}}
@-o-keyframes atNodeInserted584 {from {opacity:0.99} to {opacity:1}}
#MTH-CAMPAIGN-CREDIT_CARD{
animation-duration:0.001s;animation-name:atNodeInserted584;
-moz-animation-duration:0.001s;-moz-animation-name:atNodeInserted584;
-webkit-animation-duration:0.001s;-webkit-animation-name:atNodeInserted584;
-ms-animation-duration:0.001s;-ms-animation-name:atNodeInserted584;
-o-animation-duration:0.001s;-o-animation-name:atNodeInserted584;
}<style type="text/css">@keyframes atNodeInserted583 {from {opacity:0.99} to {opacity:1}}
@-moz-keyframes atNodeInserted583 {from {opacity:0.99} to {opacity:1}}
@-webkit-keyframes atNodeInserted583 {from {opacity:0.99} to {opacity:1}}
@-ms-keyframes atNodeInserted583 {from {opacity:0.99} to {opacity:1}}
@-o-keyframes atNodeInserted583 {from {opacity:0.99} to {opacity:1}}
#MTH-CAMPAIGN-DEPOSIT_ACCOUNT{
animation-duration:0.001s;animation-name:atNodeInserted583;
-moz-animation-duration:0.001s;-moz-animation-name:atNodeInserted583;
-webkit-animation-duration:0.001s;-webkit-animation-name:atNodeInserted583;
-ms-animation-duration:0.001s;-ms-animation-name:atNodeInserted583;
-o-animation-duration:0.001s;-o-animation-name:atNodeInserted583;
}<style type="text/css">@keyframes atNodeInserted582 {from {opacity:0.99} to {opacity:1}}
@-moz-keyframes atNodeInserted582 {from {opacity:0.99} to {opacity:1}}
@-webkit-keyframes atNodeInserted582 {from {opacity:0.99} to {opacity:1}}
@-ms-keyframes atNodeInserted582 {from {opacity:0.99} to {opacity:1}}
@-o-keyframes atNodeInserted582 {from {opacity:0.99} to {opacity:1}}
#MTH-CAMPAIGN-CERTIFIED_DEPOSIT_TERM{
animation-duration:0.001s;animation-name:atNodeInserted582;
-moz-animation-duration:0.001s;-moz-animation-name:atNodeInserted582;
-webkit-animation-duration:0.001s;-webkit-animation-name:atNodeInserted582;
-ms-animation-duration:0.001s;-ms-animation-name:atNodeInserted582;
-o-animation-duration:0.001s;-o-animation-name:atNodeInserted582;
}<style type="text/css">@keyframes atNodeInserted581 {from {opacity:0.99} to {opacity:1}}
@-moz-keyframes atNodeInserted581 {from {opacity:0.99} to {opacity:1}}
@-webkit-keyframes atNodeInserted581 {from {opacity:0.99} to {opacity:1}}
@-ms-keyframes atNodeInserted581 {from {opacity:0.99} to {opacity:1}}
@-o-keyframes atNodeInserted581 {from {opacity:0.99} to {opacity:1}}
.home-offers.clearfix{
animation-duration:0.001s;animation-name:atNodeInserted581;
-moz-animation-duration:0.001s;-moz-animation-name:atNodeInserted581;
-webkit-animation-duration:0.001s;-webkit-animation-name:atNodeInserted581;
-ms-animation-duration:0.001s;-ms-animation-name:atNodeInserted581;
-o-animation-duration:0.001s;-o-animation-name:atNodeInserted581;
}
  <style data-styles="">adl-close-icon,adl-flashlight-icon,adl-help-icon,adl-optical-code-scanner,adl-scanner,adl-scanner-container,adl-upload-icon{visibility:hidden}.hydrated{visibility:inherit}<style data-styles="">slot-fb{display:contents}slot-fb[hidden]{display:none}mocks-components,pzl-acordeon,pzl-acordeon-item,pzl-alert,pzl-answer,pzl-balance-bar-chart,pzl-balance-chart,pzl-balance-chart-tc,pzl-balance-donut-chart,pzl-bar-chart,pzl-budget,pzl-budget-bavv,pzl-budget-category-item,pzl-budget-chart,pzl-budget-config,pzl-budget-item,pzl-budget-item-bavv,pzl-budget-line-chart,pzl-budget-period,pzl-budget-period-title,pzl-budget-summary,pzl-budgets-detail,pzl-button,pzl-calendar-picker,pzl-card,pzl-card-category-expenses,pzl-carrousel,pzl-category-icon,pzl-category-item,pzl-category-progress-bar,pzl-checkbox,pzl-container,pzl-currency,pzl-date-picker,pzl-date-picker-dropdown,pzl-date-slide-selector,pzl-donut-chart,pzl-dropdown,pzl-finance,pzl-finance-bavv,pzl-finance-item,pzl-finance-item-bavv,pzl-finance-movement,pzl-finance-movements-card,pzl-finance-movements-card-group,pzl-finance-movements-cards,pzl-goals,pzl-icon,pzl-input,pzl-input-date,pzl-item,pzl-item-content,pzl-item-description,pzl-line-chart,pzl-line-chart-available,pzl-line-chart-available-months,pzl-line-chart-filter,pzl-line-chart-months,pzl-list,pzl-list-chart,pzl-list-expenses,pzl-list-incomes,pzl-list-movements,pzl-modal,pzl-movement-card,pzl-movement-card-group,pzl-onboarding,pzl-onboarding-item,pzl-option,pzl-overlay,pzl-product-card,pzl-product-card-group,pzl-profile-questions,pzl-progress-bar,pzl-progress-budget,pzl-progress-donut,pzl-progress-summary-card,pzl-question,pzl-questions-form,pzl-radio,pzl-saving-goals-confirm,pzl-saving-goals-modal,pzl-saving-goals-onboarding,pzl-saving-goals-plan,pzl-saving-goals-summary,pzl-select,pzl-select-month,pzl-select-product,pzl-select-product-multiple,pzl-selector-dates,pzl-separator,pzl-summary-balance,pzl-summary-balance-tc,pzl-switch,pzl-tab,pzl-tab-icon,pzl-tab-month,pzl-table,pzl-table-movements,pzl-tabs,pzl-tabs-advance,pzl-tabs-advance-months,pzl-tabs-dynamic,pzl-tabs-dynamic-finance,pzl-tabs-icon,pzl-tabs-quote,pzl-tbody,pzl-tc-donut-chart,pzl-text,pzl-tfoot,pzl-thead,pzl-toast,pzl-toggle,pzl-tooltip,pzl-top-expenses,pzl-web-chat,pzl-web-chat-aval,pzl-web-chat-onboarding{visibility:hidden}.hydrated{visibility:inherit}<style data-styles="">bpop-designio-badge,bpop-designio-bank-card,bpop-designio-button,bpop-designio-checkbox,bpop-designio-chip,bpop-designio-date-picker,bpop-designio-dropdown,bpop-designio-header,bpop-designio-helper-message,bpop-designio-icon,bpop-designio-illustrated-icon,bpop-designio-input,bpop-designio-loader,bpop-designio-logo,bpop-designio-modal,bpop-designio-otp-input,bpop-designio-progress-bar,bpop-designio-radio-button,bpop-designio-radio-button-group,bpop-designio-selector,bpop-designio-skeleton,bpop-designio-stepper,bpop-designio-toast,bpop-designio-toggle,bpop-designio-tooltip,mock-component{visibility:hidden}.hydrated{visibility:inherit}
  
  
    html, body { height: 100%; }
    body { display: flex; flex-direction: column; background: #f5f5f5; }
    app-root, main.container { display: flex; flex-direction: column; flex: 1; }
    app-auth-ds, .cont-auth-ds { display: flex; flex-direction: column; flex: 1; }
    .body-auth { flex: 1; display: flex !important; align-items: center; justify-content: center; gap: 24px; padding: 40px 20px; }
    .login-column { flex-shrink: 0; width: auto; }
    .cont-login-ds { height: fit-content; }
    .info-column { width: 552px; flex-shrink: 0; display: flex; flex-direction: column; }
@media only screen and (max-width: 767px) {
  .body-auth { flex-direction: column !important; padding: 20px !important; align-items: center !important; justify-content: flex-start !important; min-height: 0 !important; overflow-y: auto !important; }
  .login-column { width: 100% !important; display: flex !important; justify-content: center !important; background: transparent; padding: 20px 0 !important; }
  .info-column { display: none !important; }
  .cont-login-ds { width: 100% !important; max-width: 360px !important; box-sizing: border-box !important; }
  .cont-auth-ds { height: auto !important; min-height: 100vh !important; }
}
    .footer-auth.add-footer-auth { margin-top: auto; }
    .mask-global {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #11b719;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .mask-global img {
      height: 40px;
      width: auto;
    }
  


@keyframes mthNodeFinder0{from{opacity:0.99}to{opacity:1}}@-moz-keyframes mthNodeFinder0{from{opacity:0.99}to{opacity:1}}@-webkit-keyframes mthNodeFinder0{from{opacity:0.99}to{opacity:1}}@-ms-keyframes mthNodeFinder0{from{opacity:0.99}to{opacity:1}}@-o-keyframes mthNodeFinder0{from{opacity:0.99}to{opacity:1}}app-main-container > app-dashboard > div > div.sidebar > app-menulat > div > nav > ul > li:nth-child(4) > a{animation-duration:0.001s;animation-name:mthNodeFinder0;-moz-animation-duration:0.001s;-moz-animation-name:mthNodeFinder0;-webkit-animation-duration:0.001s;-webkit-animation-name:mthNodeFinder0;-ms-animation-duration:0.001s;-ms-animation-name:mthNodeFinder0;-o-animation-duration:0.001s;-o-animation-name:mthNodeFinder0;}<style class="adl-toast-styles">
    #adl-toast {
        position: fixed;
        bottom: 20px;
        right: 20px;
        max-width: 390px;
        height: 185px;
        background: #fff;
        border: 1px solid #21A10F;
        border-radius: 10px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        padding: 12px 16px 16px 16px;
        font-family: Arial, sans-serif;
        z-index: 9999;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.3s ease;
    }

    #adl-toast.show {
        opacity: 1;
        transform: translateY(0);
    }

    #adl-toast .adl-toast-header {
        display: flex;
        flex-direction: row;
        align-items: anchor-center;
        gap: 12px;
    }

    #adl-toast .adl-toast-icon {
        border-radius: 4px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    #adl-toast .adl-toast-icon-img {
        width: 26px;
        height: 26px;
    }

    #adl-toast .adl-toast-title {
        color: #121212;
        margin-bottom: 4px;
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
    }

    #adl-toast .adl-toast-text {
        font-size: 14px;
        color: #555555;
        font-family: "Inter", sans-serif;
        line-height: 20px;
        font-weight: 400;
        padding: 15px 20px 0px 20px;
    }

    #adl-toast .adl-toast-actions {
        margin-top: 0px;
        display: flex;
        justify-content: flex-end;
    }

    #adl-toast .adl-btn {
        border: none;
        border-radius: 6px;
        font-size: 12px;
        cursor: pointer;
        transition: background 0.2s;
    }

    #adl-toast .adl-btn-primary {
        background: linear-gradient(#105163, #105163);
        color: #fff;
        width: 109px;
        height: 32px;
        font-family: "Inter", sans-serif;
        font-weight: 700;
    }

    #adl-toast .adl-btn-primary:hover {
        background: linear-gradient(to top, #26737f, #105163);
    }

    #adl-toast .adl-btn-close {
        background: transparent;
        color: #21A10F;
        font-size: 24px;
        padding: 0;
        line-height: 1;
        position: fixed;
        right: 20px;
        cursor: pointer;
        transition: transform 0.25s ease, color 0.25s ease;
    }

    #adl-toast .adl-btn-close:hover {
        transform: rotate(90deg) scale(1.2);
        color: #15850C;
    }

    #adl-toast .adl-btn-close:active {
        transform: scale(0.8);
    }
<style id="altcha-css">:root {
  --altcha-border-color: var(--altcha-color-neutral);
  --altcha-border-width: 1px;
  --altcha-border-radius: 6px;
  --altcha-color-base: light-dark(oklch(100% 0.00011 271.152), oklch(20.904% 0.00002 271.152));
  --altcha-color-base-content: light-dark(
  	oklch(20.904% 0.00002 271.152),
  	oklch(100% 0.00011 271.152)
  );
  --altcha-color-error: oklch(51.284% 0.20527 28.678);
  --altcha-color-error-content: oklch(100% 0.00011 271.152);
  --altcha-color-neutral: light-dark(oklch(83.591% 0.0001 271.152), oklch(46.04% 0.00005 271.152));
  --altcha-color-neutral-content: light-dark(
  	oklch(46.76% 0.00005 271.152),
  	oklch(100% 0.00011 271.152)
  );
  --altcha-color-primary: oklch(40.279% 0.2449 268.131);
  --altcha-color-primary-content: oklch(100% 0.00011 271.152);
  --altcha-color-success: oklch(55.748% 0.18968 142.511);
  --altcha-color-success-content: oklch(100% 0.00011 271.152);
  --altcha-checkbox-border-color: light-dark(
  	oklch(66.494% 0.00233 15.434),
  	oklch(51.028% 0.00006 271.152)
  );
  --altcha-checkbox-border-radius: 5px;
  --altcha-checkbox-border-width: var(--altcha-border-width);
  --altcha-checkbox-outline: 2px solid var(--altcha-checkbox-outline-color);
  --altcha-checkbox-outline-color: -webkit-focus-ring-color;
  --altcha-checkbox-outline-offset: 2px;
  --altcha-checkbox-size: 22px;
  --altcha-checkbox-transition-duration: var(--altcha-transition-duration);
  --altcha-input-background-color: var(--altcha-color-base);
  --altcha-input-border-radius: 3px;
  --altcha-input-border-width: 1px;
  --altcha-input-color: var(--altcha-color-base-content);
  --altcha-max-width: 320px;
  --altcha-padding: 0.75rem;
  --altcha-popover-arrow-size: 6px;
  --altcha-popover-color: var(--altcha-border-color);
  --altcha-shadow: drop-shadow(3px 3px 6px oklch(0% 0 0 / 0.2));
  --altcha-spinner-color: var(--altcha-color-base-content);
  --altcha-switch-background-color: var(--altcha-color-neutral);
  --altcha-switch-border-radius: calc(infinity * 1px);
  --altcha-switch-height: var(--altcha-checkbox-size);
  --altcha-switch-padding: 0.25rem;
  --altcha-switch-width: calc(var(--altcha-checkbox-size) * 1.75);
  --altcha-switch-toggle-border-radius: 100%;
  --altcha-switch-toggle-color: var(--altcha-color-neutral-content);
  --altcha-switch-toggle-size: calc(
  	var(--altcha-switch-height) - calc(var(--altcha-switch-padding) * 2)
  );
  --altcha-transition-duration: 0.6s;
  --altcha-z-index: 99999999;
  --altcha-z-index-popover: 999999999;
}

@supports (-moz-appearance: none) {
  :root {
    --altcha-checkbox-outline-color: var(--altcha-color-primary);
  }
}
.altcha {
  all: revert-layer;
  display: none;
  font-family: inherit;
  font-size: inherit;
  position: relative;
}
.altcha[data-visible] {
  display: block;
}
.altcha-popover, .altcha-popover * {
  all: revert-layer;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.25;
}
.altcha * {
  all: revert-layer;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.25;
}
.altcha a, .altcha-popover a {
  color: currentColor;
  text-decoration: none;
}
.altcha a:hover, .altcha-popover a:hover {
  color: currentColor;
}
.altcha-main {
  align-items: start;
  background-color: var(--altcha-color-base);
  border: var(--altcha-border-width, 1px) solid var(--altcha-border-color);
  border-radius: var(--altcha-border-radius, 0);
  color: var(--altcha-color-base-content);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: space-between;
  padding: var(--altcha-padding);
  max-width: var(--altcha-max-width, 100%);
}
.altcha-main > * {
  display: flex;
  width: 100%;
}
.altcha-main > *:first-child {
  flex-grow: 1;
}
.altcha-checkbox-wrap {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  gap: 0.5rem;
}
.altcha-checkbox-wrap > * {
  display: flex;
}
.altcha-logo {
  opacity: 0.7;
}
.altcha-footer {
  align-items: center;
  display: flex;
  flex-grow: 1;
  gap: 0.5rem;
  justify-content: flex-end;
  font-size: 0.7rem;
  opacity: 0.7;
}
.altcha-footer p {
  margin: 0;
  padding: 0;
}
.altcha-error {
  font-size: 0.85rem;
}
.altcha-button {
  align-items: center;
  background: var(--altcha-color-primary);
  border: var(--altcha-input-border-width) solid var(--altcha-color-primary);
  border-radius: var(--altcha-input-border-radius);
  color: var(--altcha-color-primary-content);
  cursor: pointer;
  display: flex;
  font-size: 0.9rem;
  gap: 0.5rem;
  padding: 0.35rem;
}
.altcha-button:focus {
  border-color: var(--altcha-color-primary);
  outline: var(--altcha-checkbox-outline);
  outline-offset: var(--altcha-checkbox-outline-offset);
}
.altcha-button > .altcha-spinner, .altcha-button > svg {
  height: 20px;
  width: 20px;
}
.altcha-button-secondary {
  background: transparent;
  border-color: var(--altcha-color-neutral);
  color: var(--altcha-color-neutral-content);
}
.altcha-input {
  background: var(--altcha-input-background-color);
  border: var(--altcha-input-border-width) solid var(--altcha-color-neutral);
  border-radius: var(--altcha-input-border-radius);
  color: var(--altcha-input-color);
  flex-grow: 1;
  font-size: 1rem;
  min-width: 0;
  padding: 0.25rem;
  width: auto;
}
.altcha-input:focus {
  border-color: var(--altcha-color-primary);
  outline: var(--altcha-checkbox-outline);
  outline-offset: var(--altcha-checkbox-outline-offset);
}
.altcha-spinner {
  animation: altcha-rotate 0.6s linear infinite;
  border-radius: 100%;
  border: var(--altcha-checkbox-border-width) solid var(--altcha-spinner-color);
  border-bottom-color: transparent;
  border-right-color: transparent;
  opacity: 0.7;
}
.altcha-popover {
  background-color: var(--altcha-color-base);
  border: var(--altcha-border-width) solid var(--altcha-border-color);
  border-radius: var(--altcha-border-radius);
  color: var(--altcha-color-base-content);
  filter: var(--altcha-shadow);
  position: absolute;
  left: calc(var(--altcha-padding) / 2);
  max-width: calc(var(--altcha-max-width) - var(--altcha-padding));
  top: calc(var(--altcha-padding) + var(--altcha-checkbox-size) + var(--altcha-popover-arrow-size));
  z-index: var(--altcha-z-index-popover);
}
.altcha-popover-arrow {
  border: var(--altcha-popover-arrow-size) solid transparent;
  border-bottom-color: var(--altcha-popover-color);
  content: "";
  height: 0;
  left: calc(var(--altcha-checkbox-size) / 2);
  position: absolute;
  top: calc(var(--altcha-popover-arrow-size) * -2);
  width: 0;
}
.altcha-popover-content {
  max-height: 100dvh;
  overflow: auto;
  padding: var(--altcha-padding);
}
.altcha-popover[data-top=true][data-display=standard] {
  bottom: calc(100% - (var(--altcha-padding) - var(--altcha-popover-arrow-size)));
  top: auto;
}
.altcha-popover[data-top=true][data-display=standard] .altcha-popover-arrow {
  border-bottom-color: transparent;
  border-top-color: var(--altcha-popover-color);
  bottom: calc(var(--altcha-popover-arrow-size) * -2);
  top: auto;
}
.altcha-popover[data-variant=error] {
  --altcha-popover-color: var(--altcha-color-error);
  background-color: var(--altcha-color-error);
  border-color: var(--altcha-color-error);
  color: var(--altcha-color-error-content);
}
.altcha-popover[data-variant=error] .altcha-popover-content {
  padding: calc(var(--altcha-padding) / 1.5) var(--altcha-padding);
}
.altcha-popover[data-display=overlay] {
  animation: altcha-overlay-slidein 0.5s forwards;
  left: 50%;
  position: fixed;
  top: 45%;
  transform: translate(-50%, -50%);
  width: var(--altcha-max-width);
  z-index: var(--altcha-z-index);
}
.altcha-popover[data-display=bottomsheet] {
  animation: altcha-bottomsheet-slideup 0.5s forwards;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
  bottom: -100%;
  left: 50%;
  position: fixed;
  top: auto;
  transform: translate(-50%, 0);
  width: var(--altcha-max-width);
  z-index: var(--altcha-z-index);
}
.altcha-popover[data-display=bottomsheet] .altcha-popover-content {
  padding-bottom: calc(var(--altcha-padding) * 2);
}
.altcha-popover-backdrop {
  background: var(--altcha-color-base-content);
  bottom: 0;
  left: 0;
  opacity: 0.1;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.5s;
  z-index: var(--altcha-z-index);
}
.altcha-popover-close {
  color: var(--altcha-color-base-content);
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  height: 1.25rem;
  line-height: 0.95;
  position: absolute;
  right: 0;
  text-align: center;
  text-shadow: 0 0 1px var(--altcha-color-base);
  top: -1.5rem;
  width: 1.25rem;
  z-index: var(--altcha-z-index);
}
[dir=rtl] .altcha-popover {
  left: auto;
  right: calc(var(--altcha-padding) / 2);
}
[dir=rtl] .altcha-popover-arrow {
  left: auto;
  right: calc(var(--altcha-checkbox-size) / 2);
}
[dir=rtl] .altcha-popover-close {
  left: 0;
  right: auto;
}
.altcha-popover[data-display=bottomsheet] .altcha-footer, .altcha-popover[data-display=overlay] .altcha-footer {
  align-items: center;
  justify-content: center;
  padding-top: 1rem;
  gap: 0.5rem;
}
.altcha-popover[data-display=bottomsheet] .altcha-footer svg, .altcha-popover[data-display=overlay] .altcha-footer svg {
  height: 18px;
  width: 18px;
  vertical-align: middle;
}
.altcha-code-challenge > form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.altcha-code-challenge-title {
  font-weight: 600;
}
.altcha-code-challenge-text {
  font-size: 0.85rem;
}
.altcha-code-challenge-image {
  background: white;
  border: var(--altcha-input-border-width) solid var(--altcha-color-neutral);
  border-radius: var(--altcha-input-border-radius);
  object-fit: contain;
  height: 50px;
}
.altcha-code-challenge-row {
  display: flex;
  gap: 0.5rem;
}
.altcha-code-challenge-buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: var(--altcha-padding);
  justify-content: space-between;
}
.altcha-code-challenge-buttons button {
  justify-content: center;
  width: 100%;
}
.altcha-checkbox {
  cursor: pointer;
  height: var(--altcha-checkbox-size);
  position: relative;
  width: var(--altcha-checkbox-size);
}
.altcha-checkbox input {
  appearance: none;
  background: var(--altcha-input-background-color);
  border: var(--altcha-checkbox-border-width, 2px) solid var(--altcha-checkbox-border-color);
  border-radius: var(--altcha-checkbox-border-radius);
  cursor: pointer;
  height: var(--altcha-checkbox-size);
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: var(--altcha-checkbox-size);
}
.altcha-checkbox input:before {
  border-radius: var(--altcha-checkbox-border-radius);
  content: "";
  width: 100%;
  height: 100%;
  background: var(--altcha-color-neutral);
  display: block;
  transform: scale(0);
}
.altcha-checkbox input:checked {
  background-color: var(--altcha-color-success);
  border-color: var(--altcha-color-success);
}
.altcha-checkbox input:checked::before {
  background-color: var(--altcha-color-success);
  opacity: 0;
  transform: scale(2.2);
  transition: all var(--altcha-checkbox-transition-duration) ease;
  transition-delay: 0.1s;
}
.altcha-checkbox svg {
  --altcha-radio-svg-size: calc(var(--altcha-checkbox-size) * 0.5);
  --altcha-radio-svg-offset: calc(var(--altcha-checkbox-size) * 0.25);
  fill: none;
  left: var(--altcha-radio-svg-offset);
  height: var(--altcha-radio-svg-size);
  opacity: 0;
  position: absolute;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  top: var(--altcha-radio-svg-offset);
  transform: translate3d(0, 0, 0);
  width: var(--altcha-radio-svg-size);
}
.altcha-checkbox input:checked + svg {
  color: var(--altcha-color-success-content);
  opacity: 1;
  stroke-dashoffset: 0;
  transition: all var(--altcha-checkbox-transition-duration) ease;
  transition-delay: 0.1s;
}
.altcha-checkbox-spinner {
  display: none;
  left: 0;
  height: var(--altcha-checkbox-size);
  position: absolute;
  top: 0;
  width: var(--altcha-checkbox-size);
}
.altcha-checkbox[data-loading=true] input {
  appearance: none;
  opacity: 0;
  pointer-events: none;
}
.altcha-checkbox[data-loading=true] .altcha-checkbox-spinner {
  display: block;
}
.altcha-checkbox-native {
  height: var(--altcha-checkbox-size);
  position: relative;
  width: var(--altcha-checkbox-size);
}
.altcha-checkbox-native input {
  height: var(--altcha-checkbox-size);
  margin: 0;
  width: var(--altcha-checkbox-size);
}
.altcha-checkbox-native-spinner {
  display: none;
  left: 0;
  height: var(--altcha-checkbox-size);
  position: absolute;
  top: 0;
  width: var(--altcha-checkbox-size);
}
.altcha-checkbox-native[data-loading=true] input {
  appearance: none;
  opacity: 0;
  pointer-events: none;
}
.altcha-checkbox-native[data-loading=true] .altcha-checkbox-native-spinner {
  display: block;
}
.altcha-switch {
  align-items: center;
  border-radius: var(--altcha-switch-border-radius);
  background-color: var(--altcha-switch-background-color);
  display: flex;
  height: var(--altcha-switch-height);
  padding: var(--altcha-switch-padding);
  position: relative;
  width: var(--altcha-switch-width);
}
.altcha-switch:focus-within {
  outline: var(--altcha-checkbox-outline);
  outline-offset: var(--altcha-checkbox-outline-offset);
}
.altcha-switch input {
  appearance: none;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.altcha-switch-toggle {
  align-items: center;
  background-color: var(--altcha-switch-toggle-color);
  border-radius: var(--altcha-switch-toggle-border-radius);
  cursor: pointer;
  display: flex;
  height: var(--altcha-switch-toggle-size);
  justify-content: center;
  left: var(--altcha-switch-padding);
  position: absolute;
  transition: width 150ms ease-out, left 150ms ease-out;
  width: var(--altcha-switch-toggle-size);
}
.altcha-switch-spinner {
  display: none;
  height: var(--altcha-switch-toggle-size);
  width: var(--altcha-switch-toggle-size);
}
.altcha-switch[data-loading=true] {
  pointer-events: none;
}
.altcha-switch[data-loading=true] .altcha-switch-spinner {
  display: block;
}
.altcha-switch[data-loading=true] .altcha-switch-toggle {
  background-color: transparent;
  left: calc(50% - var(--altcha-switch-toggle-size) / 2);
}
[data-state=verified] .altcha-switch {
  --altcha-switch-background-color: var(--altcha-color-success);
}
[data-state=verified] .altcha-switch-toggle {
  background-color: var(--altcha-color-success-content);
  left: calc(100% - var(--altcha-switch-height) + var(--altcha-switch-padding));
}
[dir=rtl] .altcha-switch-toggle {
  left: calc(100% - var(--altcha-switch-height) + var(--altcha-switch-padding));
}
[dir=rtl][data-state=verified] .altcha-switch-toggle {
  left: var(--altcha-switch-padding);
}
.altcha-floating-arrow {
  border: 6px solid transparent;
  border-bottom-color: var(--altcha-border-color);
  content: "";
  height: 0;
  left: 12px;
  position: absolute;
  top: -12px;
  width: 0;
}
.altcha-overlay-backdrop {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity var(--altcha-transition-duration);
  z-index: var(--altcha-z-index);
}
.altcha-overlay-close {
  display: inline-block;
  color: currentColor;
  cursor: pointer;
  font-size: 1rem;
  height: 1rem;
  line-height: 0.85;
  position: absolute;
  right: 0;
  text-align: center;
  text-shadow: 0 0 1px var(--altcha-color-base);
  top: -1.5rem;
  width: 1rem;
  z-index: var(--altcha-z-index);
}
.altcha[data-display=overlay] {
  animation: altcha-overlay-slidein var(--altcha-transition-duration) forwards;
  filter: var(--altcha-shadow);
  left: 50%;
  opacity: 0;
  position: fixed;
  top: 45%;
  transform: translate(-50%, -50%);
  z-index: var(--altcha-z-index);
}
.altcha[data-display=overlay] .altcha-main {
  width: var(--altcha-max-width);
}
.altcha[data-display=floating] {
  display: none;
  filter: var(--altcha-shadow);
  left: var(--altcha-floating-left, -100%);
  position: fixed;
  top: var(--altcha-floating-top, -100%);
  z-index: var(--altcha-z-index);
}
.altcha[data-display=floating] .altcha-main {
  width: var(--altcha-max-width);
}
.altcha[data-display=floating][data-floating-position=top] .altcha-floating-arrow {
  border-bottom-color: transparent;
  border-top-color: var(--altcha-border-color);
  bottom: -12px;
  top: auto;
}
.altcha[data-display=floating][data-visible] {
  display: flex;
}
.altcha[data-display=bar] {
  bottom: -100%;
  filter: var(--altcha-shadow);
  left: 0;
  position: fixed;
  right: 0;
  transition: bottom var(--altcha-transition-duration), top var(--altcha-transition-duration);
  z-index: var(--altcha-z-index);
}
.altcha[data-display=bar] .altcha-main {
  align-items: center;
  border-radius: 0;
  border-width: var(--altcha-border-width) 0 0 0;
  flex-direction: row;
  max-width: 100% !important;
}
.altcha[data-display=bar] .altcha-main > * {
  width: auto;
}
.altcha[data-display=bar][data-placement=top] {
  bottom: auto;
  top: -100%;
}
.altcha[data-display=bar][data-placement=top] .altcha-main {
  border-width: 0 0 var(--altcha-border-width) 0;
}
.altcha[data-display=bar][data-placement=bottom]:not([data-state=unverified]) {
  bottom: 0;
}
.altcha[data-display=bar][data-placement=top]:not([data-state=unverified]) {
  top: 0;
}
.altcha[data-display=invisible] {
  display: none;
}

@keyframes altcha-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes altcha-bottomsheet-slideup {
  100% {
    bottom: 0;
  }
}
@keyframes altcha-overlay-slidein {
  100% {
    opacity: 1;
    top: 50%;
  }
}<style type="text/css" data-primeng-style-id="primitive-variables">:root{--p-border-radius-none:0;--p-border-radius-xs:2px;--p-border-radius-sm:4px;--p-border-radius-md:6px;--p-border-radius-lg:8px;--p-border-radius-xl:12px;--p-emerald-50:#ecfdf5;--p-emerald-100:#d1fae5;--p-emerald-200:#a7f3d0;--p-emerald-300:#6ee7b7;--p-emerald-400:#34d399;--p-emerald-500:#10b981;--p-emerald-600:#059669;--p-emerald-700:#047857;--p-emerald-800:#065f46;--p-emerald-900:#064e3b;--p-emerald-950:#022c22;--p-green-50:#f0fdf4;--p-green-100:#dcfce7;--p-green-200:#bbf7d0;--p-green-300:#86efac;--p-green-400:#4ade80;--p-green-500:#22c55e;--p-green-600:#16a34a;--p-green-700:#15803d;--p-green-800:#166534;--p-green-900:#14532d;--p-green-950:#052e16;--p-lime-50:#f7fee7;--p-lime-100:#ecfccb;--p-lime-200:#d9f99d;--p-lime-300:#bef264;--p-lime-400:#a3e635;--p-lime-500:#84cc16;--p-lime-600:#65a30d;--p-lime-700:#4d7c0f;--p-lime-800:#3f6212;--p-lime-900:#365314;--p-lime-950:#1a2e05;--p-red-50:#fef2f2;--p-red-100:#fee2e2;--p-red-200:#fecaca;--p-red-300:#fca5a5;--p-red-400:#f87171;--p-red-500:#ef4444;--p-red-600:#dc2626;--p-red-700:#b91c1c;--p-red-800:#991b1b;--p-red-900:#7f1d1d;--p-red-950:#450a0a;--p-orange-50:#fff7ed;--p-orange-100:#ffedd5;--p-orange-200:#fed7aa;--p-orange-300:#fdba74;--p-orange-400:#fb923c;--p-orange-500:#f97316;--p-orange-600:#ea580c;--p-orange-700:#c2410c;--p-orange-800:#9a3412;--p-orange-900:#7c2d12;--p-orange-950:#431407;--p-amber-50:#fffbeb;--p-amber-100:#fef3c7;--p-amber-200:#fde68a;--p-amber-300:#fcd34d;--p-amber-400:#fbbf24;--p-amber-500:#f59e0b;--p-amber-600:#d97706;--p-amber-700:#b45309;--p-amber-800:#92400e;--p-amber-900:#78350f;--p-amber-950:#451a03;--p-yellow-50:#fefce8;--p-yellow-100:#fef9c3;--p-yellow-200:#fef08a;--p-yellow-300:#fde047;--p-yellow-400:#facc15;--p-yellow-500:#eab308;--p-yellow-600:#ca8a04;--p-yellow-700:#a16207;--p-yellow-800:#854d0e;--p-yellow-900:#713f12;--p-yellow-950:#422006;--p-teal-50:#f0fdfa;--p-teal-100:#ccfbf1;--p-teal-200:#99f6e4;--p-teal-300:#5eead4;--p-teal-400:#2dd4bf;--p-teal-500:#14b8a6;--p-teal-600:#0d9488;--p-teal-700:#0f766e;--p-teal-800:#115e59;--p-teal-900:#134e4a;--p-teal-950:#042f2e;--p-cyan-50:#ecfeff;--p-cyan-100:#cffafe;--p-cyan-200:#a5f3fc;--p-cyan-300:#67e8f9;--p-cyan-400:#22d3ee;--p-cyan-500:#06b6d4;--p-cyan-600:#0891b2;--p-cyan-700:#0e7490;--p-cyan-800:#155e75;--p-cyan-900:#164e63;--p-cyan-950:#083344;--p-sky-50:#f0f9ff;--p-sky-100:#e0f2fe;--p-sky-200:#bae6fd;--p-sky-300:#7dd3fc;--p-sky-400:#38bdf8;--p-sky-500:#0ea5e9;--p-sky-600:#0284c7;--p-sky-700:#0369a1;--p-sky-800:#075985;--p-sky-900:#0c4a6e;--p-sky-950:#082f49;--p-blue-50:#eff6ff;--p-blue-100:#dbeafe;--p-blue-200:#bfdbfe;--p-blue-300:#93c5fd;--p-blue-400:#60a5fa;--p-blue-500:#3b82f6;--p-blue-600:#2563eb;--p-blue-700:#1d4ed8;--p-blue-800:#1e40af;--p-blue-900:#1e3a8a;--p-blue-950:#172554;--p-indigo-50:#eef2ff;--p-indigo-100:#e0e7ff;--p-indigo-200:#c7d2fe;--p-indigo-300:#a5b4fc;--p-indigo-400:#818cf8;--p-indigo-500:#6366f1;--p-indigo-600:#4f46e5;--p-indigo-700:#4338ca;--p-indigo-800:#3730a3;--p-indigo-900:#312e81;--p-indigo-950:#1e1b4b;--p-violet-50:#f5f3ff;--p-violet-100:#ede9fe;--p-violet-200:#ddd6fe;--p-violet-300:#c4b5fd;--p-violet-400:#a78bfa;--p-violet-500:#8b5cf6;--p-violet-600:#7c3aed;--p-violet-700:#6d28d9;--p-violet-800:#5b21b6;--p-violet-900:#4c1d95;--p-violet-950:#2e1065;--p-purple-50:#faf5ff;--p-purple-100:#f3e8ff;--p-purple-200:#e9d5ff;--p-purple-300:#d8b4fe;--p-purple-400:#c084fc;--p-purple-500:#a855f7;--p-purple-600:#9333ea;--p-purple-700:#7e22ce;--p-purple-800:#6b21a8;--p-purple-900:#581c87;--p-purple-950:#3b0764;--p-fuchsia-50:#fdf4ff;--p-fuchsia-100:#fae8ff;--p-fuchsia-200:#f5d0fe;--p-fuchsia-300:#f0abfc;--p-fuchsia-400:#e879f9;--p-fuchsia-500:#d946ef;--p-fuchsia-600:#c026d3;--p-fuchsia-700:#a21caf;--p-fuchsia-800:#86198f;--p-fuchsia-900:#701a75;--p-fuchsia-950:#4a044e;--p-pink-50:#fdf2f8;--p-pink-100:#fce7f3;--p-pink-200:#fbcfe8;--p-pink-300:#f9a8d4;--p-pink-400:#f472b6;--p-pink-500:#ec4899;--p-pink-600:#db2777;--p-pink-700:#be185d;--p-pink-800:#9d174d;--p-pink-900:#831843;--p-pink-950:#500724;--p-rose-50:#fff1f2;--p-rose-100:#ffe4e6;--p-rose-200:#fecdd3;--p-rose-300:#fda4af;--p-rose-400:#fb7185;--p-rose-500:#f43f5e;--p-rose-600:#e11d48;--p-rose-700:#be123c;--p-rose-800:#9f1239;--p-rose-900:#881337;--p-rose-950:#4c0519;--p-slate-50:#f8fafc;--p-slate-100:#f1f5f9;--p-slate-200:#e2e8f0;--p-slate-300:#cbd5e1;--p-slate-400:#94a3b8;--p-slate-500:#64748b;--p-slate-600:#475569;--p-slate-700:#334155;--p-slate-800:#1e293b;--p-slate-900:#0f172a;--p-slate-950:#020617;--p-gray-50:#f9fafb;--p-gray-100:#f3f4f6;--p-gray-200:#e5e7eb;--p-gray-300:#d1d5db;--p-gray-400:#9ca3af;--p-gray-500:#6b7280;--p-gray-600:#4b5563;--p-gray-700:#374151;--p-gray-800:#1f2937;--p-gray-900:#111827;--p-gray-950:#030712;--p-zinc-50:#fafafa;--p-zinc-100:#f4f4f5;--p-zinc-200:#e4e4e7;--p-zinc-300:#d4d4d8;--p-zinc-400:#a1a1aa;--p-zinc-500:#71717a;--p-zinc-600:#52525b;--p-zinc-700:#3f3f46;--p-zinc-800:#27272a;--p-zinc-900:#18181b;--p-zinc-950:#09090b;--p-neutral-50:#fafafa;--p-neutral-100:#f5f5f5;--p-neutral-200:#e5e5e5;--p-neutral-300:#d4d4d4;--p-neutral-400:#a3a3a3;--p-neutral-500:#737373;--p-neutral-600:#525252;--p-neutral-700:#404040;--p-neutral-800:#262626;--p-neutral-900:#171717;--p-neutral-950:#0a0a0a;--p-stone-50:#fafaf9;--p-stone-100:#f5f5f4;--p-stone-200:#e7e5e4;--p-stone-300:#d6d3d1;--p-stone-400:#a8a29e;--p-stone-500:#78716c;--p-stone-600:#57534e;--p-stone-700:#44403c;--p-stone-800:#292524;--p-stone-900:#1c1917;--p-stone-950:#0c0a09;}<style type="text/css" data-primeng-style-id="semantic-variables">:root{--p-transition-duration:0.2s;--p-focus-ring-width:1px;--p-focus-ring-style:solid;--p-focus-ring-color:var(--p-primary-color);--p-focus-ring-offset:2px;--p-focus-ring-shadow:none;--p-disabled-opacity:0.6;--p-icon-size:1rem;--p-anchor-gutter:2px;--p-primary-50:var(--p-emerald-50);--p-primary-100:var(--p-emerald-100);--p-primary-200:var(--p-emerald-200);--p-primary-300:var(--p-emerald-300);--p-primary-400:var(--p-emerald-400);--p-primary-500:var(--p-emerald-500);--p-primary-600:var(--p-emerald-600);--p-primary-700:var(--p-emerald-700);--p-primary-800:var(--p-emerald-800);--p-primary-900:var(--p-emerald-900);--p-primary-950:var(--p-emerald-950);--p-form-field-padding-x:0.75rem;--p-form-field-padding-y:0.5rem;--p-form-field-sm-font-size:0.875rem;--p-form-field-sm-padding-x:0.625rem;--p-form-field-sm-padding-y:0.375rem;--p-form-field-lg-font-size:1.125rem;--p-form-field-lg-padding-x:0.875rem;--p-form-field-lg-padding-y:0.625rem;--p-form-field-border-radius:var(--p-border-radius-md);--p-form-field-focus-ring-width:0;--p-form-field-focus-ring-style:none;--p-form-field-focus-ring-color:transparent;--p-form-field-focus-ring-offset:0;--p-form-field-focus-ring-shadow:none;--p-form-field-transition-duration:var(--p-transition-duration);--p-list-padding:0.25rem 0.25rem;--p-list-gap:2px;--p-list-header-padding:0.5rem 1rem 0.25rem 1rem;--p-list-option-padding:0.5rem 0.75rem;--p-list-option-border-radius:var(--p-border-radius-sm);--p-list-option-group-padding:0.5rem 0.75rem;--p-list-option-group-font-weight:600;--p-content-border-radius:var(--p-border-radius-md);--p-mask-transition-duration:0.15s;--p-navigation-list-padding:0.25rem 0.25rem;--p-navigation-list-gap:2px;--p-navigation-item-padding:0.5rem 0.75rem;--p-navigation-item-border-radius:var(--p-border-radius-sm);--p-navigation-item-gap:0.5rem;--p-navigation-submenu-label-padding:0.5rem 0.75rem;--p-navigation-submenu-label-font-weight:600;--p-navigation-submenu-icon-size:0.875rem;--p-overlay-select-border-radius:var(--p-border-radius-md);--p-overlay-select-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--p-overlay-popover-border-radius:var(--p-border-radius-md);--p-overlay-popover-padding:0.75rem;--p-overlay-popover-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--p-overlay-modal-border-radius:var(--p-border-radius-xl);--p-overlay-modal-padding:1.25rem;--p-overlay-modal-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--p-overlay-navigation-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--p-surface-0:#ffffff;--p-surface-50:var(--p-slate-50);--p-surface-100:var(--p-slate-100);--p-surface-200:var(--p-slate-200);--p-surface-300:var(--p-slate-300);--p-surface-400:var(--p-slate-400);--p-surface-500:var(--p-slate-500);--p-surface-600:var(--p-slate-600);--p-surface-700:var(--p-slate-700);--p-surface-800:var(--p-slate-800);--p-surface-900:var(--p-slate-900);--p-surface-950:var(--p-slate-950);--p-primary-color:var(--p-primary-500);--p-primary-contrast-color:#ffffff;--p-primary-hover-color:var(--p-primary-600);--p-primary-active-color:var(--p-primary-700);--p-highlight-background:var(--p-primary-50);--p-highlight-focus-background:var(--p-primary-100);--p-highlight-color:var(--p-primary-700);--p-highlight-focus-color:var(--p-primary-800);--p-mask-background:rgba(0,0,0,0.4);--p-mask-color:var(--p-surface-200);--p-form-field-background:var(--p-surface-0);--p-form-field-disabled-background:var(--p-surface-200);--p-form-field-filled-background:var(--p-surface-50);--p-form-field-filled-hover-background:var(--p-surface-50);--p-form-field-filled-focus-background:var(--p-surface-50);--p-form-field-border-color:var(--p-surface-300);--p-form-field-hover-border-color:var(--p-surface-400);--p-form-field-focus-border-color:var(--p-primary-color);--p-form-field-invalid-border-color:var(--p-red-400);--p-form-field-color:var(--p-surface-700);--p-form-field-disabled-color:var(--p-surface-500);--p-form-field-placeholder-color:var(--p-surface-500);--p-form-field-invalid-placeholder-color:var(--p-red-600);--p-form-field-float-label-color:var(--p-surface-500);--p-form-field-float-label-focus-color:var(--p-primary-600);--p-form-field-float-label-active-color:var(--p-surface-500);--p-form-field-float-label-invalid-color:var(--p-form-field-invalid-placeholder-color);--p-form-field-icon-color:var(--p-surface-400);--p-form-field-shadow:0 0 #0000,0 0 #0000,0 1px 2px 0 rgba(18,18,23,0.05);--p-text-color:var(--p-surface-700);--p-text-hover-color:var(--p-surface-800);--p-text-muted-color:var(--p-surface-500);--p-text-hover-muted-color:var(--p-surface-600);--p-content-background:var(--p-surface-0);--p-content-hover-background:var(--p-surface-100);--p-content-border-color:var(--p-surface-200);--p-content-color:var(--p-text-color);--p-content-hover-color:var(--p-text-hover-color);--p-overlay-select-background:var(--p-surface-0);--p-overlay-select-border-color:var(--p-surface-200);--p-overlay-select-color:var(--p-text-color);--p-overlay-popover-background:var(--p-surface-0);--p-overlay-popover-border-color:var(--p-surface-200);--p-overlay-popover-color:var(--p-text-color);--p-overlay-modal-background:var(--p-surface-0);--p-overlay-modal-border-color:var(--p-surface-200);--p-overlay-modal-color:var(--p-text-color);--p-list-option-focus-background:var(--p-surface-100);--p-list-option-selected-background:var(--p-highlight-background);--p-list-option-selected-focus-background:var(--p-highlight-focus-background);--p-list-option-color:var(--p-text-color);--p-list-option-focus-color:var(--p-text-hover-color);--p-list-option-selected-color:var(--p-highlight-color);--p-list-option-selected-focus-color:var(--p-highlight-focus-color);--p-list-option-icon-color:var(--p-surface-400);--p-list-option-icon-focus-color:var(--p-surface-500);--p-list-option-group-background:transparent;--p-list-option-group-color:var(--p-text-muted-color);--p-navigation-item-focus-background:var(--p-surface-100);--p-navigation-item-active-background:var(--p-surface-100);--p-navigation-item-color:var(--p-text-color);--p-navigation-item-focus-color:var(--p-text-hover-color);--p-navigation-item-active-color:var(--p-text-hover-color);--p-navigation-item-icon-color:var(--p-surface-400);--p-navigation-item-icon-focus-color:var(--p-surface-500);--p-navigation-item-icon-active-color:var(--p-surface-500);--p-navigation-submenu-label-background:transparent;--p-navigation-submenu-label-color:var(--p-text-muted-color);--p-navigation-submenu-icon-color:var(--p-surface-400);--p-navigation-submenu-icon-focus-color:var(--p-surface-500);--p-navigation-submenu-icon-active-color:var(--p-surface-500);}<style type="text/css" data-primeng-style-id="global-variables">:root{color-scheme:light}<style type="text/css" data-primeng-style-id="global-style">*,::before,::after{box-sizing:border-box;}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform 0.12s cubic-bezier(0,0,0.2,1),opacity 0.12s cubic-bezier(0,0,0.2,1);}.p-connected-overlay-visible{opacity:1;transform:scaleY(1);}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity 0.1s linear;}.p-connected-overlay-enter-from{opacity:0;transform:scaleY(0.8);}.p-connected-overlay-leave-to{opacity:0;}.p-connected-overlay-enter-active{transition:transform 0.12s cubic-bezier(0,0,0.2,1),opacity 0.12s cubic-bezier(0,0,0.2,1);}.p-connected-overlay-leave-active{transition:opacity 0.1s linear;}.p-toggleable-content-enter-from,.p-toggleable-content-leave-to{max-height:0;}.p-toggleable-content-enter-to,.p-toggleable-content-leave-from{max-height:1000px;}.p-toggleable-content-leave-active{overflow:hidden;transition:max-height 0.45s cubic-bezier(0,1,0,1);}.p-toggleable-content-enter-active{overflow:hidden;transition:max-height 1s ease-in-out;}.p-disabled,.p-disabled *{cursor:default;pointer-events:none;user-select:none;}.p-disabled,.p-component:disabled{opacity:var(--p-disabled-opacity);}.pi{font-size:var(--p-icon-size);}.p-icon{width:var(--p-icon-size);height:var(--p-icon-size);}.p-unselectable-text{user-select:none;}.p-overlay-mask{background:var(--p-mask-background);color:var(--p-mask-color);position:fixed;top:0;left:0;width:100%;height:100%;}.p-overlay-mask-enter{animation:p-overlay-mask-enter-animation var(--p-mask-transition-duration) forwards;}.p-overlay-mask-leave{animation:p-overlay-mask-leave-animation var(--p-mask-transition-duration) forwards;}.p-iconwrapper{display:inline-flex;justify-content:center;align-items:center;}.animation-login {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: #105163;
  overflow: hidden;
  height: 100%;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(110%);
}
.animation-login img {
  height: 40px;
  width: auto;
  transition: 0.3s;
  opacity: 0;
}
.animation-login.active {
  animation: transform-element 2s;
  animation-fill-mode: forwards;
}
.animation-login.active img {
  animation: img-auth 1s;
  animation-fill-mode: forwards;
}

@keyframes transform-element {
  0% {
    transform: translateY(110%);
  }
  50% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-110%);
  }
}
@keyframes img-auth {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}button,
a,
[type=button],
[type=submit],
[class*=btn],
[class*=link],
[class=text-primary],
[class=text-secondary] {
  cursor: pointer;
}
button:focus-visible,
a:focus-visible,
[type=button]:focus-visible,
[type=submit]:focus-visible,
[class*=btn]:focus-visible,
[class*=link]:focus-visible,
[class=text-primary]:focus-visible,
[class=text-secondary]:focus-visible {
  outline: 2px solid #105163;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(16, 81, 99, 0.15);
  z-index: 10;
}

.btn {
  height: 48px;
  line-height: 1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  transition: 0.3s;
  letter-spacing: 0;
  padding: 14px 32px;
  -webkit-user-select: none;
          user-select: none;
  font-weight: 700;
  font-style: normal;
  border-radius: 8px;
}
.btn > *,
.btn :not(em, i) {
  -webkit-user-select: none;
          user-select: none;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  letter-spacing: 0;
}
.btn .loading-dots {
  line-height: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
}
.btn .loading-dots span {
  width: 6px;
  height: 6px;
  margin: 0 3px;
  animation-name: dotTwo;
}
.btn .loading-dots span:first-child {
  animation-name: dotOne;
}
.btn .loading-dots span:last-child {
  animation-name: dotThree;
}
.btn:disabled {
  /*opacity: .5*/
  cursor: inherit;
}
.btn:disabled:hover, .btn:disabled.active {
  box-shadow: inherit;
}
.btn.btn-loading {
  font-size: 0 !important;
  position: relative;
  min-width: 80px;
}
.btn.btn-loading .loading-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.btn:focus-visible {
  outline: 2px solid #105163;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(135, 168, 177, 0.18);
  z-index: 10;
}

.dot-btn {
  width: 4px;
  height: 4px;
  margin: 0 3px;
  display: inline-block;
  position: relative;
  transform: translate3d(0, 0, 0);
  animation: 0.6s ease-out;
  background: currentColor;
  border-radius: 50%;
  vertical-align: middle;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  transition: background-color 0.2s, border 0.2s, box-shadow 0.2s;
}
.dot-btn:focus-visible {
  outline: 2px solid #105163;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px rgba(16, 81, 99, 0.21);
  z-index: 10;
}

.btn-primary {
  background: #105163;
  color: #FFFFFF;
  border-radius: 8px;
}
.btn-primary:hover {
  background: linear-gradient(to top, #26737f, #105163);
  color: #FFFFFF;
}
.btn-primary:active {
  background: #0B3642;
  color: #FFFFFF;
}
.btn-primary:disabled {
  background: #C6C6C6;
  color: rgb(123, 123, 123);
}
.btn-primary.btn-loading {
  background: #0B3642;
  color: #FFFFFF;
}
.btn-primary:focus-visible {
  outline: 2px solid #CFDCE0;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(207, 220, 224, 0.23);
  z-index: 10;
}

.btn-secondary {
  background: #FFFFFF;
  border: solid 1px #105163;
  color: #105163;
  border-radius: 8px;
}
.btn-secondary:hover {
  background: #CFDCE0;
  border-color: #0B3642;
  color: #0B3642;
}
.btn-secondary:active {
  background: #87A8B1;
  border-color: transparent;
  color: #0B3642;
}
.btn-secondary:disabled {
  background: #FFFFFF;
  border-color: #C6C6C6;
  color: #C6C6C6;
}
.btn-secondary.btn-loading {
  background: #87A8B1;
  border-color: transparent;
  color: #0B3642;
}
.btn-secondary:focus-visible {
  outline: 2px solid #FEEBD7;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(254, 235, 215, 0.19);
  z-index: 10;
}

.btn-gray {
  color: #FFFFFF;
  background: #C6C6C6;
  border-radius: 4px;
  box-shadow: 0 0 0 0 rgba(198, 198, 198, 0);
}
.btn-gray:hover, .btn-gray:active {
  box-shadow: 0 4px 8px 0 rgba(198, 198, 198, 0.5);
}
.btn-gray:focus-visible {
  outline: 2px solid rgb(123, 123, 123);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(123, 123, 123, 0.14);
  z-index: 10;
}

.link {
  background-color: transparent;
  color: #FE680D;
  font-weight: 600;
  text-decoration: underline;
}
.link:active {
  text-decoration: none;
}
.link:disabled {
  color: #FFFFFF;
}
.link i,
.link em {
  font-weight: 400;
  position: relative;
  transition: 0.3s;
  transform: translateX(0);
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  font-size: 19.5px;
  margin-left: 9.5px;
  text-decoration: none;
}
.link:hover {
  color: #F99B35;
}
.link:hover i,
.link:hover em {
  transform: translateX(2px);
}
.link:focus-visible {
  outline: 2px solid #F99B35;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px rgba(249, 155, 53, 0.18);
  z-index: 10;
}

.text-primary {
  display: flex;
  align-items: center;
  background-color: transparent;
  color: #FE680D;
  font-family: "Inter", sans-serif;
  padding: 0;
  height: fit-content;
}
.text-primary div {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0%;
  vertical-align: middle;
  text-decoration: underline;
}
.text-primary:active {
  text-decoration: none;
}
.text-primary:disabled {
  color: #FFFFFF;
}
.text-primary .link-icon,
.text-primary i,
.text-primary em,
.text-primary img,
.text-primary span {
  font-weight: 400;
  position: relative;
  transition: 0.3s;
  transform: translateX(0);
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  font-size: 19.5px;
  margin-left: 9.5px;
  text-decoration: none;
}
.text-primary:hover {
  color: #F99B35;
}
.text-primary:hover .link-icon,
.text-primary:hover i,
.text-primary:hover em,
.text-primary:hover img,
.text-primary:hover span {
  transform: translateX(2px);
}
.text-primary:focus-visible {
  outline: 2px solid #FEEBD7;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px rgba(254, 235, 215, 0.17);
  z-index: 10;
}

.text-secondary {
  background-color: transparent;
  color: #21A10F;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0%;
  vertical-align: middle;
  text-decoration: underline;
  height: fit-content;
}
.text-secondary:hover {
  color: #27C112;
}
.text-secondary:active {
  text-decoration: none;
}
.text-secondary:disabled {
  color: rgb(157, 157, 157);
}
.text-secondary:focus-visible {
  outline: 2px solid #D4F3D0;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px rgba(212, 243, 208, 0.16);
  z-index: 10;
}

.btn-graph {
  width: 257px;
  border-radius: 15px;
  border: solid 1px #E4E4E4;
  background-color: #FFFFFF;
  color: #555555;
  padding: 18px 18px 16px;
  display: block;
  text-align: center;
  margin: 9px;
  font-size: 13px;
  line-height: 1;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.btn-graph img {
  min-width: 78px;
  min-height: 72px;
  max-width: 78px;
  max-height: 72px;
  margin: 0 auto 10px;
  display: block;
}
.btn-graph span {
  font-weight: 500;
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 1;
  color: #000000;
}
.btn-graph.disabled {
  color: #555555;
  cursor: default;
  -webkit-user-select: none;
          user-select: none;
}
.btn-graph.disabled img {
  opacity: 0.5;
}
.btn-graph:hover {
  border: solid 1px #27C112;
  background-color: #D4F3D0;
  box-shadow: none;
}
.btn-graph:focus-visible {
  outline: 2px solid #D4F3D0;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(212, 243, 208, 0.23);
  z-index: 10;
}

@media only screen and (max-width: 730px) {
  .btn {
    width: 100%;
  }
  .btn-graph {
    width: 100%;
    margin: 9px 0;
  }
}
@keyframes dotOne {
  0% {
    transform: scale(1) translate3d(0, 0, 0);
  }
  20% {
    transform: scale(1) translate3d(0, 100%, 0);
  }
  80% {
    transform: scale(1) translate3d(0, 0, 0);
  }
}
@keyframes dotTwo {
  13.3333% {
    transform: scale(1) translate3d(0, 0, 0);
  }
  33.3333% {
    transform: scale(1) translate3d(0, 100%, 0);
  }
  93.3333% {
    transform: scale(1) translate3d(0, 0, 0);
  }
}
@keyframes dotThree {
  26.6667% {
    transform: scale(1) translate3d(0, 0, 0);
  }
  46.6667% {
    transform: scale(1) translate3d(0, 100%, 0);
  }
  100% {
    transform: scale(1) translate3d(0, 0, 0);
  }
}
.w-100 {
  width: 100%;
}

.not-visible {
  display: none !important;
}

.chatbot-container {
  position: relative;
  display: flex;
}

.chatbot-window {
  position: fixed;
  width: 328px;
  height: 608px;
  box-shadow: -24px 0 32px 0 rgba(35, 46, 36, 0.16);
  background-color: #FFFFFF;
  bottom: 90px;
  right: 10px;
  border-radius: 8px;
  z-index: 5;
  animation: slideUp 0.3s ease forwards;
}

.chatbot-header {
  display: flex;
  justify-content: space-between;
  padding: 10px 24px;
  color: white;
  border-radius: 8px 8px 0 0;
  background-color: #105163;
  height: 92px;
}
.chatbot-header .chatbot-info {
  display: flex;
}
.chatbot-header .chatbot-info .chatbot-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1rem;
}
.chatbot-header .chatbot-info .chatbot-name span:first-child {
  font-weight: bold;
  font-size: 1.25rem;
}
.chatbot-header .close-chat {
  background-color: transparent;
  color: white;
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 1.5rem;
  cursor: pointer;
}

.chatbot-content {
  height: 450px;
  padding: 1rem 0 0;
  background-color: #FFFFFF;
  overflow-y: auto;
}
.chatbot-content .message-bot {
  border-radius: 12px;
  border: 1px solid #CFDCE0;
  box-shadow: 0 0 8px 2px rgb(224, 224, 224);
  margin: 0 1rem 1rem;
  display: flex;
  align-items: flex-start;
  padding: 1rem;
  gap: 12px;
}
.chatbot-content .message-bot p {
  font-size: 12px;
  line-height: 1.4;
}
.chatbot-content .chatbot-pic {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
}

.chatbot-footer {
  position: relative;
  height: 67px;
  border-block-start: 1px solid #E4E4E4;
  font-size: 11px;
  padding: 12px 24px;
  color: rgb(123, 123, 123);
}

.chatbot-highlight {
  color: #FE680D;
  font-weight: 600;
}

.chatbot-bold {
  font-weight: 600;
}

.chatbot-loader .loading-dots {
  line-height: 48px;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: inline-block;
}
.chatbot-loader .loading-dots span {
  margin: 0 3px;
  color: rgb(123, 123, 123);
  animation-name: dotTwo;
}
.chatbot-loader .loading-dots span:first-child {
  animation-name: dotOne;
}
.chatbot-loader .loading-dots span:last-child {
  animation-name: dotThree;
}

@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(100vh);
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-height: 680px) {
  .chatbot-window {
    height: auto;
  }
  .chatbot-content {
    height: 320px;
  }
}
@media (max-height: 550px) {
  .chatbot-window {
    height: auto;
  }
  .chatbot-content {
    height: 190px;
  }
}.ds-notification {
  position: fixed;
  z-index: 1001;
  width: 100%;
  max-width: 552px;
  border-radius: 8px;
  min-height: 56px;
  transition: 0.5s;
  top: -108px;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
}
.ds-notification.open {
  top: 108px;
}
.ds-notification .ds-notification-container {
  display: flex;
  padding: 16px 16px 16px 0;
  border-radius: 6px;
  width: 100%;
}
.ds-notification .ds-notification-container .bar {
  width: 4px;
  height: 24px;
  margin-left: 4px;
  border-radius: 2px;
}
.ds-notification .ds-notification-container .img-container {
  height: 24px;
  width: 24px;
  border-radius: 12px;
  padding: 4px;
  margin-left: 12px;
  background-color: #FFFFFF;
}
.ds-notification .ds-notification-container .img-container .img {
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
}
.ds-notification .ds-notification-container .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 8px;
}
.ds-notification .ds-notification-container .content span {
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
}
.ds-notification .ds-notification-container .content .message {
  color: #121212;
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0%;
}
.ds-notification .ds-notification-container .content .sub-message {
  color: rgb(67, 67, 67);
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0%;
}
.ds-notification .ds-notification-container button {
  cursor: pointer;
  background-color: transparent;
  width: 24px;
  height: 24px;
  display: block;
}
.ds-notification .ds-notification-container button .icon-x-close {
  color: rgb(67, 67, 67);
  font-size: 12px;
}
.ds-notification .ds-notification-container button .icon-x-close::before {
  content: "\e928";
}
.ds-notification .ds-notification-container button.hide-close {
  display: none;
}
.ds-notification .ds-notification-container.success {
  background-color: #D4ECD0;
  border: solid 1px #93CF88;
}
.ds-notification .ds-notification-container.success .bar {
  background-color: #93CF88;
}
.ds-notification .ds-notification-container.success .img-container {
  padding: 3px 4px;
}
.ds-notification .ds-notification-container.success .img-container .img {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDBMMTYgMCAxNiAxNiAwIDE2eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE4MCAtMzg4KSB0cmFuc2xhdGUoMTU2IDM2OC41KSB0cmFuc2xhdGUoMjQgMjApIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiM1MEI5NDYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTkuOTYgMy41MzJjLjIyNC4yNy4zNTYuNjAxLjM4My45NDhsLjAwNS4xM3YxLjY4MWgxLjU2NGMuNTI3IDAgMS4wMjEuMjQ0IDEuMzQyLjY1N2wuMDcuMDk4LjIyLjMyN2MuMjU2LjM4Mi4zNDUuODUuMjUxIDEuMjk1bC0uMDMuMTIxLS45MDYgMy4xNDhjLS4xOTguNjktLjgwNyAxLjE3Ni0xLjUxNCAxLjIyNmwtLjExOS4wMDRINy4wMzNjLS40MyAwLS44NDEtLjE2My0xLjE1NC0uNDUybC0uMDktLjA5LS4wOTQtLjEwMWMtLjIwMi4zODItLjYwMy42NDMtMS4wNjYuNjQzSDMuMzcxYy0uNjY1IDAtMS4yMDQtLjU0LTEuMjA0LTEuMjA0VjcuMDM3YzAtLjY2NC41MzktMS4yMDQgMS4yMDQtMS4yMDRoMS4yNThjLjMgMCAuNTczLjExLjc4NC4yOWwxLjk1Ni0yLjU0N2MuNjQ5LS44NDUgMS45MTUtLjg2NiAyLjU5Mi0uMDQ0ek00LjYzIDYuODMzSDMuMzdjLS4xMTIgMC0uMjAzLjA5Mi0uMjAzLjIwNHY0LjkyNmMwIC4xMTIuMDkxLjIwNC4yMDQuMjA0aDEuMjU4Yy4xMTMgMCAuMjA0LS4wOTIuMjA0LS4yMDRWNy4wMzdjMC0uMTEyLS4wOTEtLjIwNC0uMjA0LS4yMDR6bTMuNTg3LTIuNzFsLS4wNTQuMDYyLTIuMzMgMy4wMzN2My45ODZsLjY4OC43NGMuMTEzLjEyMS4yNjYuMTk4LjQzLjIxOGwuMDgyLjAwNWg0LjE5M2MuMjg2IDAgLjU0LS4xNzQuNjQ3LS40MzRsLjAyNS0uMDczLjkwNi0zLjE0OGMuMDUtLjE3LjAzMi0uMzUtLjA0Ny0uNTA2bC0uMDQ0LS4wNzYtLjIyLS4zMjhjLS4xMTMtLjE3LS4yOTQtLjI4LS40OTQtLjMwNWwtLjA4Ny0uMDA2SDkuODQ4Yy0uMjUzIDAtLjQ2Mi0uMTg4LS40OTUtLjQzMmwtLjAwNS0uMDY4di0yLjE4YzAtLjE2Mi0uMDU2LS4zMTktLjE1OS0uNDQzLS4yNS0uMzA0LS43MDQtLjMxNy0uOTcyLS4wNDV6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTgwIC0zODgpIHRyYW5zbGF0ZSgxNTYgMzY4LjUpIHRyYW5zbGF0ZSgyNCAyMCkiLz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.ds-notification .ds-notification-container.error {
  background-color: #FED7D7;
  border: solid 1px #FB787A;
}
.ds-notification .ds-notification-container.error .bar {
  background-color: #FB787A;
}
.ds-notification .ds-notification-container.error .img-container .img {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDBMMTYgMCAxNiAxNiAwIDE2eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU0OCAtMzg4KSB0cmFuc2xhdGUoNTI0IDM2OC41KSB0cmFuc2xhdGUoMjQgMjApIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNGRjM3MzciIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTkuODg0IDEuNWMyLjQ4NSAwIDQuNSAyLjAxNSA0LjUgNC41djRjMCAyLjQ4NS0yLjAxNCA0LjUtNC41IDQuNUg2LjExNmMtMi40ODUgMC00LjUtMi4wMTUtNC41LTQuNVY2YzAtMi40ODUgMi4wMTUtNC41IDQuNS00LjV6bTAgMUg2LjExNWMtMS45MzMgMC0zLjUgMS41NjctMy41IDMuNXY0YzAgMS45MzMgMS41NjcgMy41IDMuNSAzLjVoMy43N2MxLjkzMiAwIDMuNS0xLjU2NyAzLjQ5OS0zLjVWNmMwLTEuOTMzLTEuNTY3LTMuNS0zLjUtMy41em0tMy4zNTggNy44MzVjLS4yNTUuMTQtLjQyOC4yNzQtLjUwNi4zNTItLjE5NS4xOTUtLjUxMi4xOTUtLjcwNyAwLS4xOTUtLjE5NS0uMTk1LS41MTIgMC0uNzA3LjE0MS0uMTQxLjM4OC0uMzM0LjczNC0uNTIzLjU3LS4zMTEgMS4yMjYtLjQ5OCAxLjk1My0uNDk4LjcyNyAwIDEuMzgyLjE4NyAxLjk1My40OTguMzQ2LjE4OS41OTMuMzgyLjczNC41MjMuMTk1LjE5NS4xOTUuNTEyIDAgLjcwNy0uMTk1LjE5NS0uNTEyLjE5NS0uNzA3IDAtLjA3OC0uMDc4LS4yNS0uMjEzLS41MDYtLjM1MkM5LjA0MyAxMC4xIDguNTUgOS45NTkgOCA5Ljk1OWMtLjU1IDAtMS4wNDMuMTQtMS40NzQuMzc2em0uMTQtNC41MDJjLjI1NCAwIC40NjMuMTg4LjQ5Ni40MzJsLjAwNS4wNjhWN2MwIC4yNzYtLjIyNC41LS41LjUtLjI1MyAwLS40NjMtLjE4OC0uNDk2LS40MzJMNi4xNjcgN3YtLjY2N2MwLS4yNzYuMjI0LS41LjUtLjV6bTIuNjY3IDBjLjI1MyAwIC40NjMuMTg4LjQ5Ni40MzJsLjAwNC4wNjhWN2MwIC4yNzYtLjIyNC41LS41LjUtLjI1MyAwLS40NjItLjE4OC0uNDk1LS40MzJMOC44MzMgN3YtLjY2N2MwLS4yNzYuMjI0LS41LjUtLjV6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQ4IC0zODgpIHRyYW5zbGF0ZSg1MjQgMzY4LjUpIHRyYW5zbGF0ZSgyNCAyMCkiLz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");
}
.ds-notification .ds-notification-container.warning {
  background-color: #FEEBD7;
  border: solid 1px #FCCD9A;
}
.ds-notification .ds-notification-container.warning .bar {
  background-color: #FCCD9A;
}
.ds-notification .ds-notification-container.warning .img-container .img {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDBMMTYgMCAxNiAxNiAwIDE2eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE4MCAtNTIwKSB0cmFuc2xhdGUoMTU2IDUwMC41KSB0cmFuc2xhdGUoMjQgMjApIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNGRDk3MDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYuMjQgMS42NDJjMS4wODctLjYzMyAyLjQzMi0uNjMzIDMuNTIgMGwzIDEuNzQ2YzEuMDc3LjYyNyAxLjc0IDEuNzc5IDEuNzQgMy4wMjV2My4xNzRjMCAxLjI0Ni0uNjYyIDIuMzk4LTEuNzQgMy4wMjVsLTMgMS43NDZjLTEuMDg3LjYzMy0yLjQzMi42MzMtMy41MiAwbC0zLTEuNzQ2Yy0xLjA3Ny0uNjI3LTEuNzQtMS43NzktMS43NC0zLjAyNVY2LjQxM2MwLTEuMjQ2LjY2Mi0yLjM5OCAxLjc0LTMuMDI1em0zLjAxNy44NjRjLS43NzctLjQ1Mi0xLjczOC0uNDUyLTIuNTE1IDBsLTMgMS43NDZDMi45NzMgNC43IDIuNSA1LjUyMiAyLjUgNi40MTJ2My4xNzVjMCAuODkuNDczIDEuNzEzIDEuMjQzIDIuMTZsMyAxLjc0N2MuNzc3LjQ1MiAxLjczOC40NTIgMi41MTUgMGwzLTEuNzQ2Yy43NjktLjQ0OCAxLjI0Mi0xLjI3IDEuMjQyLTIuMTZWNi40MTJjMC0uODktLjQ3My0xLjcxMy0xLjI0My0yLjE2ek04IDkuODMzbC4wNzguMDA1Yy4zMzIuMDM4LjU5LjMyLjU5LjY2MiAwIC4zNjgtLjI5OS42NjctLjY2Ny42NjctLjM2OCAwLS42NjctLjI5OS0uNjY3LS42NjMtLjAwMi0uMzQ2LjI1OS0uNjMuNTkzLS42NjdMOCA5LjgzM3pNOCA0LjVjLjI1MyAwIC40NjIuMTg4LjQ5NS40MzJMOC41IDV2M2MwIC4yNzYtLjIyNC41LS41LjUtLjI1MyAwLS40NjItLjE4OC0uNDk1LS40MzJMNy41IDhWNWMwLS4yNzYuMjI0LS41LjUtLjV6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTgwIC01MjApIHRyYW5zbGF0ZSgxNTYgNTAwLjUpIHRyYW5zbGF0ZSgyNCAyMCkiLz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");
}
.ds-notification .ds-notification-container.info {
  background-color: #DBEAFD;
  border: solid 1px #A5CAFA;
}
.ds-notification .ds-notification-container.info .bar {
  background-color: #A5CAFA;
}
.ds-notification .ds-notification-container.info .img-container .img {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDBMMTYgMCAxNiAxNiAwIDE2eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU0OCAtNTIwKSB0cmFuc2xhdGUoNTI0IDUwMC41KSB0cmFuc2xhdGUoMjQgMjApIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMxMDY4RDkiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTcuMjE4IDIuNjIybC4wNC4xMDYuMDc2LjIxN2MxLjQyNS0uMDEyIDIuNzcuODM2IDMuMzIzIDIuMjE2bC4wNi4xNi42MSAxLjc2MmMuMDczLjIxLjIyNi4zOC40MjYuNDc3bC41NDcuMjY1Yy4zOS4xOS43LjUwOS44ODYuOTIybC4wNS4xMjljLjMyLjkxOS0uMTczIDEuOTItMS4wOTkgMi4yMzdsLTIuNTcuODhjLjIwOC45ODYtLjM1IDEuOTk0LTEuMzM1IDIuMzMtLjk4NS4zMzctMi4wNS0uMTE3LTIuNDk3LTEuMDIxbC0uNDAyLjEzOGMtLjg3NC4zLTEuODMyLS4xMi0yLjIwOC0uOTc2bC0uMDQ1LS4xMTVjLS4xNi0uNDYtLjEyOS0uOTYzLjA4Ni0xLjRsLjI2Ni0uNTQ0Yy4wOTgtLjE5OS4xMTItLjQyNy4wNC0uNjM3TDIuODYgOC4wMDdjLS41MS0xLjQ3LjAxNi0zLjA0NCAxLjE5My0zLjk0bC0uMDc2LS4yMThjLS4zMTEtLjg5OS4xNy0xLjg3OCAxLjA3NS0yLjE4OC44Ny0uMjk4IDEuODE0LjEzIDIuMTY1Ljk2MXptMS4zODEgOS43MDJsLTEuODk2LjY0OGMuMjU0LjM4My43NDUuNTYyIDEuMjAxLjQwNi40NTctLjE1Ni43MzMtLjU5OC42OTUtMS4wNTR6TTkuNzIyIDUuNTNjLS41LTEuMjQ2LTEuOTAyLTEuODg2LTMuMTg1LTEuNDQ4bC0xLjE1LjM5NEM0LjA2IDQuOTMgMy4zNTcgNi4zNjUgMy44MTMgNy42OGwuNjEgMS43NjFjLjE2LjQ2LjEzLjk2NC0uMDg2IDEuNDAxbC0uMjY2LjU0M2MtLjA5OC4yLS4xMTIuNDI4LS4wNDYuNjE4bC4wMy4wNzhjLjE1OS4zNi41NzMuNTQyLjk1LjQxM2w2LjgwNC0yLjMyN2MuNC0uMTM3LjYxMy0uNTcuNDgzLS45NDZsLS4wMzUtLjA4OWMtLjA4LS4xNzgtLjIyLS4zMjMtLjM5OC0uNDA5bC0uNTQ3LS4yNjVjLS40NC0uMjEyLS43NzctLjU5LS45MzctMS4wNUw5Ljc3IDUuNjU3em0tNC4zNC0yLjkyNWMtLjM1NS4xMjEtLjU1NS40ODgtLjQ3NC44NDJsLjAyMi4wNzYuMDE3LjA0OC4xMTItLjA0IDEuMTUtLjM5NC4xMTQtLjAzNy0uMDE3LS4wNDdjLS4xMy0uMzc4LS41NDUtLjU3OC0uOTI0LS40NDh6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQ4IC01MjApIHRyYW5zbGF0ZSg1MjQgNTAwLjUpIHRyYW5zbGF0ZSgyNCAyMCkiLz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");
}
.ds-notification.ds-complex .ds-notification-container .content .message {
  font-size: 13px;
  font-weight: 600;
  line-height: 2.15;
  color: #000000;
}

@media only screen and (max-width: 320px) {
  .ds-notification {
    max-width: 90vw;
  }
}
@media only screen and (max-width: 730px) {
  .ds-notification {
    max-width: 90vw;
  }
}
@media only screen and (max-width: 1024px) {
  .ds-notification {
    max-width: 90vw;
  }
}.loading-spinner {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  display: grid;
}
.loading-spinner .rectangle {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}
.loading-spinner .loading-spinner svg img {
  align-self: center;
}
.loading-spinner img {
  position: absolute;
  bottom: 20px;
}

.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 4;
}

.loader-spinner {
  border: 8px solid rgb(245, 245, 245);
  border-top: 8px solid #A5CAFA;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}<meta name="mobile-web-app-capable" content="yes"><meta name="x5-orientation" content="portrait"><meta name="screen-orientation" content="portrait"><meta name="x5-page-mode" content="app"><meta name="browsermode" content="application">.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.glide * {
  box-sizing: inherit;
}
.glide__track {
  overflow: hidden;
}
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.glide__slides--dragging {
  -webkit-user-select: none;
          user-select: none;
}
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  -webkit-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}
.glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}
.glide--rtl {
  direction: rtl;
}

.glide__arrow {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 2;
  color: white;
  text-transform: uppercase;
  padding: 9px 12px;
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  opacity: 1;
  cursor: pointer;
  transition: opacity 150ms ease, border 300ms ease-in-out;
  transform: translateY(-50%);
  line-height: 1;
}
.glide__arrow:focus {
  outline: none;
}
.glide__arrow:hover {
  border-color: white;
}
.glide__arrow--left {
  left: 2em;
}
.glide__arrow--right {
  right: 2em;
}
.glide__arrow--disabled {
  opacity: 0.33;
}
.glide__bullets {
  position: absolute;
  z-index: 2;
  bottom: 2em;
  left: 50%;
  display: inline-flex;
  list-style: none;
  transform: translateX(-50%);
}
.glide__bullet {
  background-color: rgba(255, 255, 255, 0.5);
  width: 9px;
  height: 9px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.25em;
}
.glide__bullet:focus {
  outline: none;
}
.glide__bullet:hover, .glide__bullet:focus {
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0.5);
}
.glide__bullet--active {
  background-color: white;
}
.glide--swipeable {
  cursor: grab;
  cursor: -webkit-grab;
}
.glide--dragging {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.slider-container {
  width: 552px;
  height: 350px;
}
.slider-container .glide__slide {
  width: 552px;
  height: 300px;
}

.outer-slide {
  width: 552px;
  height: 305px;
  display: flex;
  align-items: flex-end;
  position: relative;
}
.outer-slide .inner-slide {
  width: 100%;
  height: 298px;
  border-radius: 12px;
  box-shadow: 0 2px 4px 0 rgba(35, 46, 36, 0.12);
  background: #105163;
  display: flex;
  margin-bottom: 5px;
  gap: 8px;
  padding: 45px 24px 0 0;
}
.outer-slide .inner-slide .vector {
  position: absolute;
  bottom: 5px;
  right: 0;
  z-index: 1;
}
.outer-slide .inner-slide .vector-1 {
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 1;
}
.outer-slide .inner-slide .logo-mobile {
  display: none;
}
.outer-slide .inner-slide .img-container {
  z-index: 2;
  flex: 0 0 264px;
}
.outer-slide .inner-slide .img-container img {
  position: absolute;
  bottom: 5px;
  left: 15px;
}
.outer-slide .inner-slide .info-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 2;
  width: 288px;
}
.outer-slide .inner-slide .info-container p:nth-child(1) {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #34ef00;
  line-height: 30px;
}
.outer-slide .inner-slide .info-container p:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 1rem;
  color: #FFFFFF;
}
.outer-slide .inner-slide .info-container.special p:nth-child(1) {
  color: #FFFFFF;
}
.outer-slide .inner-slide .info-container button {
  box-sizing: border-box;
  font-size: 14px;
  padding: 12px 1rem;
  width: auto;
  align-self: flex-start;
}
.outer-slide .inner-slide .info-container .btn-mobile {
  display: none;
  color: #FE680D;
  font-size: 12px;
  font-weight: 600;
}
.outer-slide .inner-slide .info-container .logo-container {
  border-radius: 12px;
  padding: 0.25rem 1rem;
  box-shadow: 0 2px 2px 0 rgba(173, 186, 230, 0.4);
  margin-bottom: 24px;
}
.outer-slide .inner-slide .info-container .logo-container img {
  width: 80px;
}

.cards-links {
  width: 552px;
}
.cards-links .title {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.cards-links .cards-container {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.cards-links .cards-container .card {
  width: 168px;
  height: 90px;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  padding: 10px 2px;
  box-sizing: border-box;
  cursor: pointer;
}
.cards-links .cards-container .card img {
  width: 44px;
  height: 44px;
  margin-bottom: 10px;
}
.cards-links .cards-container .card span {
  font-size: 11px;
  font-weight: 500;
}

.glide__bullets {
  bottom: -20px;
  justify-content: space-evenly;
  width: 568px;
}
.glide__bullets .glide__bullet {
  flex: 1 0 auto;
  width: initial;
  border-radius: 6px;
  height: 4px;
  border: 0;
  background: #FFFFFF;
  box-shadow: initial;
}
.glide__bullets .bullet {
  background-position: right bottom;
}
.glide__bullets .glide__bullet--active.bullet {
  background: linear-gradient(to right, #27C112 50%, white 50%);
  background-size: 200% 100%;
  background-position: left bottom;
  transition: all 4.5s ease-out;
}

.full-width {
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin: 0 0 1rem;
}

.info-column-hide {
  display: none;
}

.cont-auth-ds {
  background-color: rgb(245, 245, 245);
  height: 100vh;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 80px auto 100px;
  grid-template-areas: "header-auth" "body-auth" "footer-auth";
}
.cont-auth-ds .header-auth {
  grid-area: header-auth;
}
.cont-auth-ds .footer-auth {
  grid-area: footer-auth;
}
.cont-auth-ds .body-auth {
  grid-area: body-auth;
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  grid-template-rows: 1fr;
  overflow-y: scroll;
  grid-template-areas: "login-column info-column";
  grid-gap: 24px;
}
.cont-auth-ds .body-auth .login-column {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.cont-auth-ds .body-auth .info-column {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cont-auth-ds .body-auth-enrollment {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-gap: 0;
}
.cont-auth-ds .body-auth-enrollment .login-column {
  justify-content: center;
}

.cont-auth-header {
  grid-template-rows: 10px auto 100px;
}

@media only screen and (max-width: 374px) {
  .cont-auth-ds .body-auth {
    grid-template-areas: "login-column" "info-column";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .cont-auth-ds .body-auth .login-column {
    background-color: #FFFFFF;
    width: 100%;
    justify-content: center;
  }
  .cont-auth-ds .body-auth .info-column {
    justify-content: center;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds {
    width: 328px;
    flex-flow: column-reverse;
    display: flex;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .cards-links {
    width: 100%;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .cards-links .title {
    margin: 0;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .cards-links .cards-container {
    overflow: scroll;
    padding: 1rem 0 1.5rem;
    scrollbar-width: none;
    gap: 10px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .cards-links .cards-container .card {
    flex: 0 0 142px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container {
    width: 100%;
    height: 256px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide {
    width: 100%;
    height: 220px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide {
    width: 100%;
    height: 220px;
    background: #105163;
    border-radius: 10px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .vector {
    display: none;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .vector-1 {
    transform: rotateY(180deg);
    top: -90px;
    right: 0;
    left: auto;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide {
    padding: 0;
    flex-direction: row-reverse;
    justify-content: space-between;
    height: 210px;
    width: 100%;
    margin: 0 0 5px 0;
    border-radius: 12px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .logo-mobile {
    display: flex;
    position: absolute;
    top: -12px;
    left: 0;
    background-color: #FFFFFF;
    border-radius: 0 12px 12px 0;
    padding: 4px 16px 4px 12px;
    box-shadow: 0px 2px 2px 0px rgba(173, 186, 230, 0.4);
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .logo-mobile img {
    width: 17px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .img-container {
    flex: 0 0 142px;
    position: relative;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .img-container img {
    left: 0;
    height: 220px;
    bottom: -10px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container {
    flex: 0 0 228px;
    justify-content: center;
    text-align: left;
    padding-left: 70px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container .logo-container {
    display: none;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container p:nth-child(1) {
    font-size: 16px;
    line-height: 20px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container p:nth-child(1).zona {
    margin-top: -25px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container p:nth-child(2) {
    font-size: 12px;
    line-height: 16px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container button {
    width: auto;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container .btn-desktop {
    display: none;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container .btn-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    color: #105163;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container .btn-mobile.zona {
    white-space: nowrap;
    position: absolute;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container .btn-mobile img {
    width: 19px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .glide__bullets {
    width: 100%;
  }
  .cont-auth-ds .body-auth-enrollment {
    grid-template-areas: "login-column";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 0;
  }
}
@media only screen and (min-width: 375px) and (max-width: 575px) {
  .cont-auth-ds .body-auth {
    grid-template-areas: "login-column" "info-column";
    grid-template-columns: 1fr;
    grid-template-rows: 100% 1fr;
  }
  .cont-auth-ds .body-auth .login-column {
    background-color: #FFFFFF;
    width: 100%;
    justify-content: center;
  }
  .cont-auth-ds .body-auth .info-column {
    justify-content: center;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds {
    width: 328px;
    flex-flow: column-reverse;
    display: flex;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .cards-links {
    width: 100%;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .cards-links .title {
    margin: 0;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .cards-links .cards-container {
    overflow: scroll;
    padding: 1rem 0 1.5rem;
    scrollbar-width: none;
    gap: 10px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .cards-links .cards-container .card {
    flex: 0 0 142px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container {
    width: 100%;
    height: 210px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide {
    width: 100%;
    height: 184px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide {
    width: 100%;
    height: 184px;
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.9794511555) 80%, rgba(255, 255, 255, 0) 97%);
    border-radius: 10px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide {
    padding: 0;
    position: relative;
    flex-direction: row-reverse;
    justify-content: space-between;
    height: 162px;
    width: 100%;
    margin: 0 0 5px 0;
    border-block-start: 1px solid #E4E4E4;
    border-radius: 0 0 12px 12px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .logo-mobile {
    display: flex;
    position: absolute;
    top: -12px;
    left: 0;
    background-color: #FFFFFF;
    border-radius: 0 12px 12px 0;
    padding: 4px 16px 4px 12px;
    box-shadow: 0px 2px 2px 0px rgba(173, 186, 230, 0.4);
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .logo-mobile img {
    width: 17px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .img-container {
    flex: 0 0 122px;
    position: relative;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .img-container img {
    left: 0;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container {
    flex: 0 0 206px;
    justify-content: center;
    text-align: left;
    padding-left: 24px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container .logo-container {
    display: none;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container p:nth-child(1) {
    font-size: 14px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container p:nth-child(2) {
    font-size: 11px;
    line-height: 16px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container button {
    width: auto;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container .btn-desktop {
    display: none;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container .btn-mobile {
    display: flex;
    align-items: center;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .slider-container .glide__slide .outer-slide .inner-slide .info-container .btn-mobile img {
    width: 19px;
  }
  .cont-auth-ds .body-auth .info-column .cont-img-auth-ds .glide__bullets {
    width: 100%;
  }
  .cont-auth-ds .body-auth-enrollment {
    grid-template-areas: "login-column";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cont-auth-ds .body-auth {
    grid-template-areas: "login-column" "info-column";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .cont-auth-ds .body-auth-enrollment {
    grid-template-areas: "login-column";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 0;
  }
}.green-line {
  border-top: 10px solid #105163;
  height: 80px;
}
.green-line .nav-title {
  height: 100%;
  background-color: #FFFFFF;
  display: grid;
  grid-template-columns: 100px 1fr 100px;
  align-items: center;
  padding: 1rem 172px;
  box-shadow: 0 2px 4px 0 rgba(35, 46, 36, 0.12);
}
.green-line .back-nav div, .green-line .close-nav div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.green-line .back-nav div .text-back, .green-line .close-nav div .text-back {
  font-size: 14px;
  font-weight: 500;
}
.green-line .title-nav {
  text-align: center;
}
.green-line .title-nav span {
  font-size: 16px;
  font-weight: 600;
}
.green-line .back, .green-line .close {
  position: relative;
  width: 24px;
  height: 24px;
  background-color: #D4F3D0;
  border-radius: 200px;
}
.green-line .back .go-close, .green-line .back .go-back, .green-line .close .go-close, .green-line .close .go-back {
  width: 24px;
  height: 24px;
  background-color: #21A10F;
  mask: url("https:///assets/images/24-essential-delete-2.svg") no-repeat center/contain;
  -webkit-mask: url("https:///assets/images/24-essential-delete-2.svg") no-repeat center/contain;
}
.green-line .back-nav div, .green-line .close-nav div {
  cursor: pointer;
}

@media only screen and (max-width: 1023px) {
  .green-line .nav-title {
    padding: 1rem;
  }
  .green-line .nav-title .back-nav .text-back {
    display: none;
  }
}.cont-footer {
  background-color: #FFFFFF;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr 36px;
}
.cont-footer .grid-x {
  padding: 1rem 2rem;
  align-items: center;
}
.cont-footer .grid-x .footer-links {
  display: flex;
  justify-content: flex-end;
  gap: 32px;
}
.cont-footer .grid-x .footer-links .footer-link {
  cursor: pointer;
  color: #FE680D;
  font-size: 13px;
}
.cont-footer .container-time-version {
  padding: 0 2rem;
  border-top: 1px solid #E4E4E4;
}
.cont-footer .cont-logos-footer {
  height: 24px;
  text-align: center;
  display: flex;
  gap: 12px;
}
.cont-footer .cont-logos-footer > div:nth-child(2) {
  padding-left: 12px;
  border-left: 1px solid #E4E4E4;
}
.cont-footer .cont-logos-footer .isologo-bank {
  height: 25px;
  width: 31px;
}
.cont-footer .cont-logos-footer .isologo-group {
  height: 24px;
}
.cont-footer .cont-version-footer {
  text-align: center;
  margin-top: 6px;
  margin-bottom: 24px;
  height: 20px;
  display: flex;
  justify-content: space-between;
}
.cont-footer .cont-version-footer .paragraph-small::first-letter {
  text-transform: uppercase;
}
.cont-footer .cont-version-footer p {
  font-size: 11px;
}

@media only screen and (max-width: 1023px) {
  .cont-footer {
    padding: 0;
  }
  .cont-footer .grid-x {
    flex-flow: column-reverse;
    padding: 0;
  }
  .cont-footer .grid-x .footer-links {
    border-block-end: 1px solid #E4E4E4;
    width: 100%;
    justify-content: space-around;
    gap: 0;
    padding: 24px 28px;
  }
  .cont-footer .grid-x .footer-links .footer-link {
    font-size: 11px;
  }
  .cont-footer .grid-x .cont-logos-footer {
    height: 70px;
    text-align: center;
    display: flex;
    padding: 2rem 0 12px 0;
    gap: 12px;
    background-color: #FFFFFF;
    width: 100%;
    justify-content: center;
  }
  .cont-footer .container-time-version {
    padding: 0;
    border: 0;
  }
  .cont-footer .container-time-version .cont-version-footer {
    flex-flow: column;
    height: auto;
    background-color: #FFFFFF;
    margin: 0;
    padding: 0 0 2rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .cont-footer {
    margin-top: 0;
  }
  .cont-footer .grid-x {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .cont-footer .grid-x .cell {
    width: auto;
  }
  .cont-footer .cont-logos-footer {
    height: 24px;
    text-align: left;
    position: relative;
  }
  .cont-footer .cont-logos-footer .logo-more {
    display: none;
  }
  .cont-footer .cont-logos-footer img {
    height: 24px;
    width: auto;
  }
  .cont-footer .cont-version-footer {
    text-align: right;
    height: 20px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  .cont-footer {
    margin-top: 0;
  }
  .cont-footer .grid-x {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .cont-footer .grid-x .cell {
    width: auto;
  }
  .cont-footer .cont-logos-footer {
    height: 24px;
    text-align: left;
    position: relative;
  }
  .cont-footer .cont-logos-footer .logo-more {
    display: none;
  }
  .cont-footer .cont-logos-footer img {
    height: 24px;
    width: auto;
  }
  .cont-footer .cont-version-footer {
    text-align: right;
    height: 20px;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1919px) {
  .cont-footer {
    margin-top: 0;
  }
  .cont-footer .grid-x {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .cont-footer .grid-x .cell {
    width: auto;
  }
  .cont-footer .cont-logos-footer {
    height: 24px;
    text-align: left;
    position: relative;
  }
  .cont-footer .cont-logos-footer .logo-more {
    display: none;
  }
  .cont-footer .cont-logos-footer img {
    height: 24px;
    width: auto;
  }
  .cont-footer .cont-version-footer {
    text-align: right;
    height: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .cont-footer {
    margin-top: 0;
  }
  .cont-footer .grid-x {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .cont-footer .grid-x .cell {
    width: auto;
  }
  .cont-footer .cont-logos-footer {
    height: 24px;
    text-align: left;
    position: relative;
  }
  .cont-footer .cont-logos-footer .logo-more {
    display: none;
  }
  .cont-footer .cont-logos-footer img {
    height: 24px;
    width: auto;
  }
  .cont-footer .cont-version-footer {
    text-align: right;
    height: 20px;
  }
}.cont-login-ds {
  width: 298px;
  padding: 1rem 2rem 48px;
  border-radius: 12px;
  box-sizing: content-box;
  box-shadow: 0 2px 4px 0 rgba(35, 46, 36, 0.12);
  background-color: #FFFFFF;
  position: relative;
}
.cont-login-ds .icon-lock {
  display: flex;
  justify-content: flex-end;
  padding: 0 0 12px;
}
.cont-login-ds .icon-lock .lock {
  width: 22px;
  height: 22px;
}
.cont-login-ds .title {
  width: 298px;
  height: 28px;
  margin: 0 0 12px;
  font-family: Inter;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}
.cont-login-ds .logo {
  width: 195px;
  margin-bottom: 1rem;
}
.cont-login-ds button {
  width: 100%;
}
.cont-login-ds .recaptcha {
  height: 20px;
  margin: 48px 4px 0 5px;
  font-family: Inter;
  font-size: 11px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.82;
  letter-spacing: normal;
  color: rgb(123, 123, 123);
}
.cont-login-ds .recaptcha .link-recaptcha {
  color: #FE680D;
  cursor: pointer;
}
.cont-login-ds .cont-label-register {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 30px;
}
.cont-login-ds .cont-label-register .font-register {
  font-size: 12px;
}
.cont-login-ds .cont-label-register .register-label {
  color: rgb(123, 123, 123);
  font-family: Inter;
  font-weight: 600;
  line-height: 17px;
  text-align: left;
}

.form-notification {
  background-color: #FED7D7;
  border: solid 1px #FB787A;
  border-radius: 8px;
  margin-bottom: 30px;
}
.form-notification .form-notification-container {
  display: flex;
  padding: 16px 0;
}
.form-notification .form-notification-container .bar {
  width: 4px;
  height: 24px;
  margin-left: 4px;
  border-radius: 2px;
  background-color: #A62325;
}
.form-notification .form-notification-container .img-container {
  height: 24px;
  width: 24px;
  border-radius: 12px;
  padding: 4px;
  margin-left: 12px;
  background-color: #FFFFFF;
}
.form-notification .form-notification-container .img-container .img {
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAC3UExURQAAAP8+Pv80NP84OP83N/82Nv8aGv8pKf85Of8yMv8AAP81Nf8zM/8ZGf8oKP84OP83N/83N/83N/83N/84OP83N/83N/83N/83N/83N/83N/84OP83N/83N/83N/83N/88PP83N/83N/84OP83N/87O/84OP84OP83N/83N/83N/83N/84OP84OP84OP85Of84OP85Of84OP83N/83N/83N/83N/83N/8/P/84OP8+Pv84OP///zqhOGsAAAA8dFJOUwAAAAAAAAAAAAAAAAAAABZZfYF8MKaIWlNUMBKjUUuSAWptGDwBPRduaC52Ay8CBwcCIGWFmH5dAQYBSyA/WqwAAAABYktHRDynamHPAAAAB3RJTUUH6QgIERYi3Ee+sAAAAKdJREFUCNdNj9cOglAQRFd30AsWimAHBCwgVhBs//9fItcY9u0kM5mzRK02A1DwPSbijqIbpmVZI0NHVxCz7Ywn09l0MnbmAPFi6ap1WHWXCyZ4/kowBCBWvgdCEALRerPdMcKg4jgB9ukhPQJJLFmczrhcxZ+1LL/lmSa56utFeS8LXfY9//GMemhHz5f/lvv9er8v9xt+NoPE4OdvVv5DQY3/WGH6AGD9EE+red8XAAAARGVYSWZNTQAqAAAACAABh2kABAAAAAEAAAAaAAAAAAADoAEAAwAAAAEAAQAAoAIABAAAAAEAAABAoAMABAAAAAEAAABAAAAAAEZRQrAAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjUtMDgtMDhUMTc6MjE6MjMrMDA6MDAZuDvJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDI1LTA4LTA4VDE3OjIxOjIzKzAwOjAwaOWDdQAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyNS0wOC0wOFQxNzoyMjozNCswMDowMN3KJ7kAAAARdEVYdGV4aWY6Q29sb3JTcGFjZQAxD5sCSQAAABJ0RVh0ZXhpZjpFeGlmT2Zmc2V0ADI2UxuiZQAAABd0RVh0ZXhpZjpQaXhlbFhEaW1lbnNpb24ANjQcuDZnAAAAF3RFWHRleGlmOlBpeGVsWURpbWVuc2lvbgA2NMEu7+IAAAAASUVORK5CYII=");
}
.form-notification .form-notification-container .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 8px;
}
.form-notification .form-notification-container .content span {
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
}
.form-notification .form-notification-container .content .message {
  color: rgb(123, 123, 123);
}

.cont-biometric {
  text-align: center;
  color: rgb(157, 157, 157);
}
.cont-biometric .text-biometric {
  float: none;
  width: 162px;
  height: 24px;
  margin: 0 4px 0 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: rgb(157, 157, 157);
}
.cont-biometric .icon-biometric {
  width: 24px;
  height: 24px;
  background-color: rgb(157, 157, 157);
  mask: url("https:///assets/images/24-essential-fingerprint-3.svg") no-repeat center/contain;
  -webkit-mask: url("https:///assets/images/24-essential-fingerprint-3.svg") no-repeat center/contain;
}

.enable-biometric {
  color: #FE680D;
  pointer-events: all;
}
.enable-biometric .text-biometric {
  color: #FE680D;
}
.enable-biometric .icon-biometric {
  background-color: #FE680D;
}

.disabled-biometric {
  pointer-events: none;
  cursor: not-allowed;
}
.disabled-biometric .text-biometric {
  color: rgb(157, 157, 157);
}
.disabled-biometric .icon-biometric {
  background-color: rgb(157, 157, 157);
}

.link {
  z-index: 1;
  position: relative;
  color: #FE680D;
  font-size: 12px;
  font-weight: 600;
  float: right;
}

.validate-universal-password .form-group {
  position: relative;
}
.validate-universal-password .form-group label {
  display: inline-block;
  font-weight: 500;
}
.validate-universal-password .form-group input[type=password], .validate-universal-password .form-group input[type=text] {
  letter-spacing: 53px;
  padding-left: 24px;
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

@media only screen and (max-width: 1023px) {
  .cont-login-ds {
    box-shadow: none;
    padding: 20px;
    width: 290px;
  }
  .cont-login-ds .title {
    margin: 0 0 4px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 374px) {
  .cont-login-ds {
    box-shadow: none;
    padding: 20px;
    width: 260px;
  }
  .cont-login-ds .title {
    margin: 0 0 4px;
  }
}label {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
}

.container-dropdown-new {
  min-height: 124px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 12px;
  border: 1px solid rgb(245, 245, 245);
  box-shadow: 0 4px 8px 0 rgb(37, 37, 37);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  position: relative;
}
.container-dropdown-new .cont-type-product {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.container-dropdown-new .cont-type-product .cont-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.container-dropdown-new .cont-type-product .cont-icon .border-left-icon {
  width: 4px;
  height: 9px;
  background: #FE680D;
}
.container-dropdown-new .cont-type-product .cont-icon .circle-icon {
  width: 32px;
  height: 32px;
  border-radius: 200px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-dropdown-new .cont-type-product .cont-icon .circle-icon .icon-card {
  width: 24px;
  height: 24px;
  background-color: #FE680D;
  mask: url("https:///assets/images/24-payments-finance-piggy-bank-1.svg") no-repeat center/contain;
  -webkit-mask: url("https:///assets/images/24-payments-finance-piggy-bank-1.svg") no-repeat center/contain;
}
.container-dropdown-new .cont-type-product .cont-type {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.container-dropdown-new .cont-type-product .cont-type .title-type {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: rgb(67, 67, 67);
}
.container-dropdown-new .cont-type-product .cont-type .desc-type {
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  color: rgb(123, 123, 123);
}
.container-dropdown-new .cont-account-balance {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 24px;
}
.container-dropdown-new .cont-account-balance .cont-amount {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.container-dropdown-new .cont-account-balance .cont-amount .title-amount {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.container-dropdown-new .cont-account-balance .cont-amount .desc-amount {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.container-dropdown-new .cont-account-balance .cont-action {
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.container-dropdown-new .cont-account-balance .cont-action button {
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  color: #FE680D;
  background: transparent;
  position: relative;
  top: 15px;
}
.container-dropdown-new .custom-options {
  position: absolute;
  display: block;
  top: 100%;
  margin-top: 2px;
  left: 0;
  right: 0;
  border-radius: 8px;
  border: solid 1px #C6C6C6;
  background: #FFFFFF;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 2;
  max-height: 300px;
  overflow-y: scroll;
}
.container-dropdown-new .custom-options .uno {
  padding-left: 5px;
  padding-top: 4px;
  padding-bottom: 1.5px;
}
.container-dropdown-new ::-webkit-scrollbar {
  width: 4px;
  height: 10px;
  border-radius: 4px;
}
.container-dropdown-new ::-webkit-scrollbar-track {
  background: transparent;
}
.container-dropdown-new ::-webkit-scrollbar-thumb {
  background: #21A10F;
  height: 10px;
  border-radius: 4px;
}

.container-dropdown-new.open .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

span[class^=custom-option-] {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  transition: all 0.5s;
  height: 52px;
  padding-left: 16px;
}

span[class^=custom-option-]:hover {
  cursor: pointer;
  background-color: rgb(245, 245, 245);
  border-radius: 8px;
}

span[class^=custom-option-].selected {
  background-color: rgb(245, 245, 245);
  font-weight: 600;
  border-radius: 8px;
}

.container-dropdown-ds {
  max-width: 100%;
  margin-top: 4px;
}
.container-dropdown-ds .custom-select-wrapper {
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
}
.container-dropdown-ds .custom-select {
  height: 100%;
  width: 100%;
  border-radius: 8px;
}
.container-dropdown-ds .custom-select__trigger {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  background: #FFFFFF;
  color: rgb(123, 123, 123);
  cursor: pointer;
  border-radius: 8px;
  border: solid 1px #C6C6C6;
}
.container-dropdown-ds .custom-select__trigger span {
  padding-left: 12px;
}
.container-dropdown-ds .custom-options {
  position: absolute;
  display: block;
  top: 100%;
  margin-top: 2px;
  left: 0;
  right: 0;
  border-radius: 8px;
  border: solid 1px #C6C6C6;
  background: #FFFFFF;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 2;
  max-height: 300px;
  overflow-y: scroll;
  padding: 8px;
}
.container-dropdown-ds ::-webkit-scrollbar {
  width: 4px;
  height: 10px;
  border-radius: 4px;
}
.container-dropdown-ds ::-webkit-scrollbar-track {
  background: transparent;
}
.container-dropdown-ds ::-webkit-scrollbar-thumb {
  background: #21A10F;
  height: 10px;
  border-radius: 4px;
}
.container-dropdown-ds .custom-select.open .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.container-dropdown-ds span[class^=custom-option-] {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  transition: all 0.5s;
  height: 52px;
  padding-left: 16px;
}
.container-dropdown-ds span[class^=custom-option-]:hover {
  cursor: pointer;
  background-color: rgb(245, 245, 245);
  border-radius: 8px;
}
.container-dropdown-ds span[class^=custom-option-].selected {
  background-color: rgb(245, 245, 245);
  font-weight: 600;
  border-radius: 8px;
  color: #27C112;
}
.container-dropdown-ds .arrow {
  position: absolute;
  height: 8px;
  width: 10px;
  right: 12px;
}
.container-dropdown-ds .arrow::before,
.container-dropdown-ds .arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0.15rem;
  height: 100%;
  transition: all 0.5s;
  border-radius: 200px;
}
.container-dropdown-ds .arrow::before {
  left: -2.5px;
  transform: rotate(-45deg);
  background-color: #FE680D;
}
.container-dropdown-ds .arrow::after {
  left: 2.5px;
  transform: rotate(45deg);
  background-color: #FE680D;
}
.container-dropdown-ds .open .arrow::before {
  left: -2.5px;
  transform: rotate(45deg);
}
.container-dropdown-ds .open .arrow::after {
  left: 2.5px;
  transform: rotate(-45deg);
}
.container-dropdown-ds .open .custom-select__trigger {
  border: solid 1px #C6C6C6;
}
.container-dropdown-ds .open .selected-label {
  color: rgb(123, 123, 123);
}
.container-dropdown-ds .modal-container-ds {
  padding: 0;
}
.container-dropdown-ds .filled {
  border: solid 1px #555555;
}
.container-dropdown-ds .filled span {
  color: #000000;
}
.container-dropdown-ds .disabled {
  cursor: not-allowed;
  background: rgb(245, 245, 245);
  border: solid 1px #E4E4E4;
}
.container-dropdown-ds .disabled span {
  color: rgb(157, 157, 157);
}
.container-dropdown-ds .disabled .arrow::before {
  background-color: rgb(157, 157, 157);
}
.container-dropdown-ds .disabled .arrow::after {
  background-color: rgb(157, 157, 157);
}
.container-dropdown-ds .warning {
  background: #FEEBD7;
  border: solid 1px #F99B35;
}
.container-dropdown-ds .warning span {
  color: #000000;
}
.container-dropdown-ds .warning .arrow::before {
  background-color: #F99B35;
}
.container-dropdown-ds .warning .arrow::after {
  background-color: #F99B35;
}
.container-dropdown-ds .success {
  background: #D4ECD0;
  border: solid 1px #279F12;
}
.container-dropdown-ds .success span {
  color: #000000;
}
.container-dropdown-ds .success .arrow::before {
  background-color: #279F12;
}
.container-dropdown-ds .success .arrow::after {
  background-color: #279F12;
}
.container-dropdown-ds .error {
  background: #FED7D7;
  border: solid 1px #F93538;
}
.container-dropdown-ds .error span {
  color: #000000;
}
.container-dropdown-ds .error .arrow::before {
  background-color: #F93538;
}
.container-dropdown-ds .error .arrow::after {
  background-color: #F93538;
}
.container-dropdown-ds .cont-loader {
  display: flex;
  align-items: center;
  flex-direction: row;
  text-align: center;
  position: relative;
  top: 5px;
}
.container-dropdown-ds .cont-loader span {
  margin-left: 5px;
  font-size: 12px;
}
.container-dropdown-ds .cont-loader .disabled-caption {
  color: #555555;
}
.container-dropdown-ds .cont-loader .error-caption {
  color: #F93538;
}
.container-dropdown-ds .cont-loader .warning-caption {
  color: #F99B35;
}
.container-dropdown-ds .cont-loader .info-caption {
  color: #3263A4;
}.ds-input {
  position: relative;
  font-family: Inter;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
}
.ds-input.error input {
  background-color: rgba(254, 215, 215, 0.32) !important;
  border: solid 1px #F93538 !important;
}
.ds-input.error input::placeholder {
  color: #000000;
}
.ds-input.error input:-ms-input-placeholder {
  color: #000000;
}
.ds-input.error input::-ms-input-placeholder {
  color: #000000;
}
.ds-input.error small {
  color: #F93538;
}
.ds-input.error strong {
  color: #F93538;
}
.ds-input.warning input {
  background-color: rgba(254, 235, 215, 0.32);
  border: solid 1px #F99B35;
}
.ds-input.warning input::placeholder {
  color: #000000;
}
.ds-input.warning input:-ms-input-placeholder {
  color: #000000;
}
.ds-input.warning input::-ms-input-placeholder {
  color: #000000;
}
.ds-input.warning small {
  color: #F99B35;
}
.ds-input.warning strong {
  color: #F99B35;
}
.ds-input.success input {
  background-color: rgba(212, 236, 208, 0.32);
  border: solid 1px #279F12;
}
.ds-input.success input::placeholder {
  color: #000000;
}
.ds-input.success input:-ms-input-placeholder {
  color: #000000;
}
.ds-input.success input::-ms-input-placeholder {
  color: #000000;
}
.ds-input.success strong {
  color: #279F12;
}
.ds-input.info small {
  color: #3263A4;
}
.ds-input.info strong {
  color: #3263A4;
}
.ds-input .right-i {
  margin-top: 15px;
}
.ds-input label {
  color: #000000;
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
}
.ds-input label .text-required {
  color: #F93538;
}
.ds-input input {
  width: 100%;
  height: 48px;
  padding: 10px 12px;
  margin-top: 4px;
  border-radius: 8px;
  font-size: 14px;
  border: solid 1px #C6C6C6;
  caret-color: #105163;
}
.ds-input input:focus {
  border: solid 1px #555555;
}
.ds-input input::placeholder {
  color: rgb(123, 123, 123);
}
.ds-input input:-ms-input-placeholder {
  color: rgb(123, 123, 123);
}
.ds-input input::-ms-input-placeholder {
  color: rgb(123, 123, 123);
}
.ds-input input:disabled {
  background-color: rgb(245, 245, 245);
  border: solid 1px #E4E4E4;
  cursor: not-allowed;
}
.ds-input input:disabled::placeholder {
  color: rgb(157, 157, 157);
}
.ds-input input:disabled:-ms-input-placeholder {
  color: rgb(157, 157, 157);
}
.ds-input input:disabled::-ms-input-placeholder {
  color: rgb(157, 157, 157);
}
.ds-input input[readonly] {
  background-color: rgb(245, 245, 245);
  border: solid 1px #E4E4E4;
  cursor: default;
}
.ds-input input.ds-typing {
  background-color: rgb(245, 245, 245);
}
.ds-input input.filled {
  border: solid 1px #555555;
}
.ds-input small {
  width: 100%;
  height: 24px;
  margin: 5px;
  font-weight: normal;
  line-height: 2;
  position: relative;
}
.ds-input .info-caption-container {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  padding: 4px 0 0;
}
.ds-input .info-caption-container .info-caption {
  color: #3263A4;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  margin: 0;
}
.ds-input .info-caption-container img {
  width: 13px;
  filter: brightness(0) saturate(100%) invert(31%) sepia(83%) saturate(420%) hue-rotate(173deg) brightness(99%) contrast(95%);
}
.ds-input strong {
  color: rgb(157, 157, 157);
}
.ds-input.ds-action strong {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71;
  text-align: right;
  position: relative;
  bottom: -40px;
  right: 12px;
  z-index: 1;
  float: right;
  width: 44px;
  height: 24px;
}
.ds-input.ds-action input {
  padding-right: 58px;
}
.ds-input .ds-icon-right .right {
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
  object-fit: contain;
  cursor: pointer;
  filter: brightness(0) saturate(100%) invert(58%) sepia(14%) saturate(14%) hue-rotate(316deg) brightness(102%) contrast(98%);
}
.ds-input .ds-icon-right input {
  padding-right: 40px;
}
.ds-input div.ds-icon-right span {
  visibility: hidden;
  width: 56px;
  background-color: black;
  color: #FFFFFF;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: 10px;
  right: -4px;
  margin-left: -60px;
  padding: 2px 8px 5px;
  line-height: 1.82;
  font-size: 11px;
  font-weight: 600;
}
.ds-input div.ds-icon-right span::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent;
}
.ds-input div.ds-icon-right:hover span {
  visibility: visible;
}
.ds-input .ds-icon-left .left {
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.ds-input .ds-icon-left input {
  padding-left: 36px;
}

.ds-input.size-medium input {
  height: 40px;
  padding: 6px 12px;
}
.ds-input.size-medium.ds-action strong {
  bottom: -36px;
}
.ds-input.size-medium.ds-action input {
  padding-right: 58px;
}
.ds-input.size-medium .ds-icon-right .right {
  bottom: 8px;
}
.ds-input.size-medium .ds-icon-right input {
  padding-right: 40px;
}
.ds-input.size-medium .ds-icon-left .left {
  bottom: 8px;
}
.ds-input.size-medium .ds-icon-left input {
  padding-left: 36px;
}.checkbox-slide-new {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  margin-bottom: 32px;
  margin-top: 24px;
}
.checkbox-slide-new input[type=checkbox] {
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 20px;
  appearance: none;
  -webkit-appearance: none;
  background: #C6C6C6;
  outline: none;
  border-radius: 20px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  transition: 0.5s;
}
.checkbox-slide-new input:checked[type=checkbox] {
  background: #27C112;
}
.checkbox-slide-new input[type=checkbox]::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 20px;
  position: absolute;
  top: 2px;
  left: 2px;
  background: #FFFFFF;
  transition: 0.5s;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
}
.checkbox-slide-new input:checked[type=checkbox]::before {
  left: 14px;
}
.checkbox-slide-new .text-label {
  position: relative;
  padding-left: 8px;
  min-height: 20px;
  cursor: pointer;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
}

.checkbox-slide {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
}
.checkbox-slide input {
  display: none;
}
.checkbox-slide label {
  position: relative;
  padding-left: 46px;
  min-height: 20px;
  cursor: pointer;
}
.checkbox-slide label::before, .checkbox-slide label::after {
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.checkbox-slide label::before {
  content: "";
  position: absolute;
  left: 0;
  border-radius: 100px;
  background: #C6C6C6;
  width: 35px;
  height: 13px;
}
.checkbox-slide label::after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  background: rgb(123, 123, 123);
  transition: 0.3s;
}
.checkbox-slide.active label::after {
  left: 18px;
  background: #27C112;
}
.checkbox-slide.inline {
  display: flex;
  background: red;
}

.active input[type=checkbox] {
  box-shadow: none;
}
.active input[type=checkbox]::before {
  box-shadow: none;
}

@media only screen and (max-width: 730px) {
  .checkbox-slide label {
    padding-left: 8px;
  }
  .checkbox-slide label::before {
    height: 16px;
    width: 42px;
  }
  .checkbox-slide label::after {
    width: 26px;
    height: 26px;
  }
}.btn.with-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.btn.with-icon .link-icon {
  margin-right: 4px;
}@keyframes mthNodeFinder0{from{opacity:0.99}to{opacity:1}}@-moz-keyframes mthNodeFinder0{from{opacity:0.99}to{opacity:1}}@-webkit-keyframes mthNodeFinder0{from{opacity:0.99}to{opacity:1}}@-ms-keyframes mthNodeFinder0{from{opacity:0.99}to{opacity:1}}@-o-keyframes mthNodeFinder0{from{opacity:0.99}to{opacity:1}}app-main-container > app-dashboard > div > div.sidebar > app-menulat > div > nav > ul > li:nth-child(4) > a{animation-duration:0.001s;animation-name:mthNodeFinder0;-moz-animation-duration:0.001s;-moz-animation-name:mthNodeFinder0;-webkit-animation-duration:0.001s;-webkit-animation-name:mthNodeFinder0;-ms-animation-duration:0.001s;-ms-animation-name:mthNodeFinder0;-o-animation-duration:0.001s;-o-animation-name:mthNodeFinder0;}