.hidden {
  display: none !important;
}

.main-loading {
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  min-width: 100vw;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  font-size: 40px;
  z-index: 9999999;
  color: #fff;
}

.main-loading .main-loading {
  display: flex;
}

.main.loading .main-loading {
  display: flex;
}

.main .main-error {
  display: none;
  gap: 20px;
  color: rgb(249, 39, 0);
  padding: 16px;
  border-radius: 6px;
  border: 1px solid rgb(249, 39, 0);
  background-color: rgb(255, 244, 245);
  align-items: center;
  margin-bottom: 20px;
  width: 100%;
}

.main.has-error .main-error {
  display: flex;
}

/* SITE  */
:root {
  --cores-de-aviso-bumblebee-bumblebee-100: #ffeac2;
  --cores-de-aviso-bumblebee-bumblebee-200: #fee2af;
  --cores-de-aviso-bumblebee-bumblebee-300: #ffd384;
  --cores-de-aviso-bumblebee-bumblebee-400: #fec25b;
  --cores-de-aviso-bumblebee-bumblebee-50: #fef1d8;
  --cores-de-aviso-bumblebee-bumblebee-500: #fdba43;
  --cores-de-aviso-bumblebee-bumblebee-600: #e3a944;
  --cores-de-aviso-bumblebee-bumblebee-700: #b08741;
  --cores-de-aviso-bumblebee-bumblebee-800: #7a6037;
  --cores-de-aviso-bumblebee-bumblebee-900: #3f3423;
  --cores-de-aviso-denim-denim-100: #d6e2ea;
  --cores-de-aviso-denim-denim-200: #a8c4d3;
  --cores-de-aviso-denim-denim-300: #77a5bc;
  --cores-de-aviso-denim-denim-400: #3e83a2;
  --cores-de-aviso-denim-denim-50: #ebf0f4;
  --cores-de-aviso-denim-denim-500: #077194;
  --cores-de-aviso-denim-denim-600: #176583;
  --cores-de-aviso-denim-denim-700: #1e5973;
  --cores-de-aviso-denim-denim-800: #1e4150;
  --cores-de-aviso-denim-denim-900: #1b343f;
  --cores-de-aviso-emerald-emerald-100: #d2e5d0;
  --cores-de-aviso-emerald-emerald-200: #a3c9a4;
  --cores-de-aviso-emerald-emerald-300: #71aa78;
  --cores-de-aviso-emerald-emerald-400: #368949;
  --cores-de-aviso-emerald-emerald-50: #e9f2e7;
  --cores-de-aviso-emerald-emerald-500: #007632;
  --cores-de-aviso-emerald-emerald-600: #11692f;
  --cores-de-aviso-emerald-emerald-700: #185d2b;
  --cores-de-aviso-emerald-emerald-800: #1a4323;
  --cores-de-aviso-emerald-emerald-900: #132817;
  --cores-de-aviso-ruby-ruby-100: #ffd6ca;
  --cores-de-aviso-ruby-ruby-200: #ffa792;
  --cores-de-aviso-ruby-ruby-300: #fb6d53;
  --cores-de-aviso-ruby-ruby-400: #e0341f;
  --cores-de-aviso-ruby-ruby-50: #ffebe5;
  --cores-de-aviso-ruby-ruby-500: #cd0000;
  --cores-de-aviso-ruby-ruby-600: #b71106;
  --cores-de-aviso-ruby-ruby-700: #a1180b;
  --cores-de-aviso-ruby-ruby-800: #741b0f;
  --cores-de-aviso-ruby-ruby-900: #45150d;
  --cores-tercirias-do-brand-book-brown: #896c3e;
  --cores-tercirias-do-brand-book-burnt-yellow: #a7945a;
  --cores-tercirias-do-brand-book-dark-brown: #49402b;
  --cores-tercirias-do-brand-book-dark-green: #1c301b;
  --cores-tercirias-do-brand-book-dark-yellow: #f9a832;
  --cores-tercirias-do-brand-book-hazelnut-yellow: #b49f60;
  --cores-tercirias-do-brand-book-light-green: #55884a;
  --cores-tercirias-do-brand-book-light-yellow: #fde93a;
  --cores-tercirias-do-brand-book-medium-green: #476f3f;
  --cores-tercirias-do-brand-book-mid-dark-green: #1e4c36;
  --cores-tercirias-do-brand-book-sand-yellow: #f2dc97;
  --cores-tercirias-do-brand-book-strawberry: #e45125;
  --cores-tercirias-do-brand-book-tan-yellow: #f4e9c3;
  --cores-tercirias-do-brand-book-yellow: #fec92f;
  --green-cresol-green-cresol-100: #c1d4ca;
  --green-cresol-green-cresol-200: #94b5a7;
  --green-cresol-green-cresol-300: #669482;
  --green-cresol-green-cresol-400: #2f705b;
  --green-cresol-green-cresol-50: #ebf0ec;
  --green-cresol-green-cresol-500: #005c46;
  --green-cresol-green-cresol-600: #0a5340;
  --green-cresol-green-cresol-700: #134133;
  --green-cresol-green-cresol-800: #132e25;
  --green-cresol-green-cresol-900: #10241d;
  --neutral-neutral-100: #f8f8f8;
  --neutral-neutral-200: #f2f2f2;
  --neutral-neutral-300: #e3e3e3;
  --neutral-neutral-400: #d0d0ce;
  --neutral-neutral-50: #fff;
  --neutral-neutral-500: #c7c8ca;
  --neutral-neutral-600: #939598;
  --neutral-neutral-700: #727176;
  --neutral-neutral-800: #4d4d4f;
  --neutral-neutral-900: #262626;
  --neutral-neutral-950: #000;
  --orange-cresol-orange-cresol-100: #fedebf;
  --orange-cresol-orange-cresol-200: #ffc596;
  --orange-cresol-orange-cresol-300: #ffaa67;
  --orange-cresol-orange-cresol-400: #fa8f3a;
  --orange-cresol-orange-cresol-50: #fee9d4;
  --orange-cresol-orange-cresol-500: #f58220;
  --orange-cresol-orange-cresol-600: #de7924;
  --orange-cresol-orange-cresol-700: #b06428;
  --orange-cresol-orange-cresol-800: #804e27;
  --orange-cresol-orange-cresol-900: #684123
}

.orange-cresol-500 {
  color: var(--orange-cresol-orange-cresol-500)
}

.green-cresol-500 {
  color: var(--green-cresol-green-cresol-500)
}

@font-face {
  font-family: 'Bw Modelica';
  font-style: normal;
  font-weight: 500;
  src: url(/site/fonts/BwModelica-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'Bw Modelica';
  font-style: normal;
  font-weight: 600;
  src: url(/site/fonts/BwModelica-Medium.woff2) format('woff2');
}

@font-face {
  font-family: 'Bw Modelica';
  font-style: normal;
  font-weight: 700;
  src: url(/site/fonts/BwModelica-Bold.woff2) format('woff2');
}

:root {
  --caption-captionid-1-caption-regular: 500 14px/150% "Bw Modelica";
  --caption-captionid-2-caption-medium: 600 14px/150% "Bw Modelica";
  --heading-h-1-headline-display: 700 64px/130% "Bw Modelica";
  --heading-h-2-headline-bold: 700 40px/150% "Bw Modelica";
  --heading-h-3-headline-bold: 700 32px "Bw Modelica";
  --heading-h-3-headline-medium: 600 32px/150% "Bw Modelica";
  --heading-h-4-headline-mini-bold: 700 24px/150% "Bw Modelica";
  --heading-h-5-headline-mini-medium: 600 24px/150% "Bw Modelica";
  --heading-h-6-subtitle-bold: 700 20px/150% "Bw Modelica";
  --link-a-default-bold-link-bold: 700 16px/150% "Bw Modelica";
  --link-a-link-medium: 600 16px/150% "Bw Modelica";
  --link-a-small-bold-link-small-bold: 700 14px/150% "Bw Modelica";
  --link-a-var-1-link-regular: 500 16px/150% "Bw Modelica";
  --link-a-var-2-link-light: 300 16px/150% "Bw Modelica";
  --link-a-var-3-link-small-medium: 600 14px/150% "Bw Modelica";
  --link-a-var-4-link-small-regular: 500 14px/150% "Bw Modelica";
  --link-a-var-5-link-small-light: 300 14px/150% "Bw Modelica";
  --paragraph-p-default: 500 16px/150% "Bw Modelica";
  --paragraph-pid-1-default-medium: 600 16px/150% "Bw Modelica";
  --paragraph-pid-2-p-long-text: 500 16px/180% "Bw Modelica";
  --paragraph-pid-3-medium-long-text: 600 16px/180% "Bw Modelica";
  --paragraph-pid-4-default-bold: 700 16px/150% "Bw Modelica"
}

.h-1-headline-display {
  font: var(--heading-h-1-headline-display)
}

.h-2-headline-bold {
  font: var(--heading-h-2-headline-bold)
}

.h-3-headline-bold {
  font: var(--heading-h-3-headline-bold)
}

.h-3-headline-medium {
  font: var(--heading-h-3-headline-medium)
}

.h-4-headline-mini-bold {
  font: var(--heading-h-4-headline-mini-bold)
}

.h-5-headline-mini-medium {
  font: var(--heading-h-5-headline-mini-medium)
}

.h-6-subtitle-bold {
  font: var(--heading-h-6-subtitle-bold)
}

.p-default {
  font: var(--paragraph-p-default)
}

.p-id-1-default-medium {
  font: var(--paragraph-pid-1-default-medium)
}

.p-id-2-long-text {
  font: var(--paragraph-pid-2-p-long-text)
}

.p-id-3-medium-long-text {
  font: var(--paragraph-pid-3-medium-long-text)
}

.p-id-4-default-bold {
  font: var(--paragraph-pid-4-default-bold)
}

.caption-id-1-caption-regular {
  font: var(--caption-captionid-1-caption-regular)
}

.caption-id-2-caption-medium {
  font: var(--caption-captionid-2-caption-medium)
}

.a-link-medium {
  font: var(--link-a-link-medium)
}

.a-var-1-link-regular {
  font: var(--link-a-var-1-link-regular)
}

.a-var-2-link-light {
  font: var(--link-a-var-2-link-light)
}

.a-var-3-link-small-medium {
  font: var(--link-a-var-3-link-small-medium)
}

.a-var-4-link-small-regular {
  font: var(--link-a-var-4-link-small-regular)
}

.a-var-5-link-small-light {
  font: var(--link-a-var-5-link-small-light)
}

.a-default-bold-link-bold {
  font: var(--link-a-default-bold-link-bold)
}

.a-small-bold-link-small-bold {
  font: var(--link-a-small-bold-link-small-bold)
}

@media screen {
  .no-screen {
    display: none !important
  }
}

*,
::after,
::before {
  box-sizing: border-box;
  margin: 0
}

body,
input {
  color: var(--neutral-neutral-800);
  font-family: 'Bw Modelica';
  height: 100%;
  padding: 0
}

body {
  background: var(--neutral-neutral-50);
  display: flex
}

.divider {
  align-self: stretch;
  background-color: var(--neutral-neutral-400);
  flex-shrink: 0;
  height: 1px
}

.modal-backdrop {
  background-color: transparent;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  transition: background-color .5s, z-index .5s;
  width: 100%;
  z-index: -100
}

body.backdrop {
  overflow: hidden
}

body.backdrop .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 20000
}

.spinner-modal {
  align-items: center;
  background: var(--neutral-neutral-50);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 133px;
  justify-content: center;
  left: calc(50% - 61.5px);
  opacity: 0;
  padding: 16px;
  position: fixed;
  top: calc(50% - 66.5px);
  transition: opacity .5s, z-index .5s;
  width: 123px;
  z-index: -100
}

.spinner-modal.visible {
  opacity: 1;
  z-index: 100000
}

.spinner {
  animation: spin 1.2s linear infinite
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

:root {
  --tootip-bubble-height: 6px;
  --tootip-bubble-width-half: 7px
}

.tooltip {
  align-items: flex-start;
  background: var(--neutral-neutral-50);
  border-radius: 12px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 16px 8px;
  position: absolute;
  visibility: hidden;
  z-index: 10
}

.tooltip-text {
  color: var(--neutral-neutral-800);
  font: var(--caption-captionid-1-caption-regular)
}

.tooltip-button {
  align-items: flex-start;
  color: var(--orange-cresol-orange-cresol-500);
  cursor: pointer;
  display: flex;
  font: var(--link-a-small-bold-link-small-bold);
  gap: 10px;
  padding: 4px 4px 4px 0
}

.tooltip-sm {
  width: 241px
}

.tooltip-md {
  width: 270px
}

.tooltip-lg {
  width: 298px
}

.tooltip-xl {
  width: 326px
}

.tooltip-ul,
.tooltip-ur {
  bottom: calc(100% + var(--tootip-bubble-height))
}

.tooltip-l {
  right: calc(100% + var(--tootip-bubble-height))
}

.tooltip-r {
  left: calc(100% + var(--tootip-bubble-height))
}

.tooltip-dl,
.tooltip-dr {
  top: calc(100% + var(--tootip-bubble-height))
}

.tooltip-ul,
.tooltip-dl {
  right: -13px
}

.tooltip-ul.tooltip-sm,
.tooltip-dl.tooltip-sm {
  right: -35px
}

.tooltip-ur,
.tooltip-dr {
  left: -13px
}

.tooltip-ur.tooltip-sm,
.tooltip-dr.tooltip-sm {
  left: -35px
}

.tooltip::after {
  border-style: solid;
  content: '';
  position: absolute
}

.tooltip-ul::after,
.tooltip-ur::after {
  border-color: var(--neutral-neutral-50) transparent transparent;
  border-width: var(--tootip-bubble-height) var(--tootip-bubble-width-half);
  top: 100%
}

.tooltip-l::after {
  border-color: transparent transparent transparent var(--neutral-neutral-50);
  border-width: var(--tootip-bubble-width-half) var(--tootip-bubble-height);
  left: 100%;
  margin-top: calc(var(--tootip-bubble-width-half) * -1);
  top: 50%
}

.tooltip-r::after {
  border-color: transparent var(--neutral-neutral-50) transparent transparent;
  border-width: var(--tootip-bubble-width-half) var(--tootip-bubble-height);
  margin-top: calc(var(--tootip-bubble-width-half) * -1);
  right: 100%;
  top: 50%
}

.tooltip-dl::after,
.tooltip-dr::after {
  border-color: transparent transparent var(--neutral-neutral-50);
  border-width: var(--tootip-bubble-height) var(--tootip-bubble-width-half);
  bottom: 100%
}

.tooltip-ul::after,
.tooltip-dl::after {
  right: 18px
}

.tooltip-ul.tooltip-sm::after,
.tooltip-dl.tooltip-sm::after {
  right: 40px
}

.tooltip-ur::after,
.tooltip-dr::after {
  left: 18px
}

.tooltip-ur.tooltip-sm::after,
.tooltip-dr.tooltip-sm::after {
  left: 40px
}

.info-wrapper {
  display: block;
  height: 24px;
  left: calc(100% + 8px);
  position: absolute;
  top: calc(50% - 12px);
  width: 24px
}

.info-outline {
  background-image: url(/site/images/status-icons-small-informative-outlined.svg);
  cursor: pointer;
  display: block;
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px
}

.input-field {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 25px;
  position: relative;
  width: 100%
}

.input-field>.label {
  align-self: stretch;
  color: var(--neutral-neutral-800);
  font: var(--caption-captionid-1-caption-regular);
  position: relative;
  text-align: left
}

.input-field>.label>.italic {
  font-style: italic
}

.input-field>.wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 48px;
  padding: 0;
  position: relative;
  width: 100%
}

.input-field>.wrapper>.search-input {
  align-items: center;
  align-self: stretch;
  background: var(--neutral-neutral-50);
  border: none;
  border-radius: 8px;
  color: var(--neutral-neutral-800);
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  font: var(--paragraph-p-default);
  gap: 16px;
  height: 48px;
  justify-content: flex-start;
  outline: 1.5px solid var(--neutral-neutral-400);
  outline-offset: -1.5px;
  overflow: hidden;
  padding: 12px 16px;
  position: relative;
  text-align: left;
  width: 100%
}

.input-field>.wrapper>.search-input:disabled {
  background: var(--neutral-neutral-100);
  color: var(--neutral-neutral-700)
}

.input-field>.wrapper>.search-input:not(:disabled):hover,
.input-field>.wrapper>.search-input:not(:focus):not(.error):is(:has(+div:hover)) {
  outline-color: var(--neutral-neutral-800)
}

.input-field>.wrapper>.search-input:focus {
  outline-color: var(--orange-cresol-orange-cresol-500)
}

.input-field>.wrapper>.search-input:not(:disabled).error {
  outline-color: var(--cores-de-aviso-ruby-ruby-500)
}

.input-field>.wrapper>.search-input::placeholder {
  color: var(--neutral-neutral-500);
  font: var(--paragraph-p-default);
  text-align: left
}

.input-field>.wrapper>.search-input[type=password]:not(:placeholder-shown) {
  font: var(--paragraph-pid-1-default-medium);
  letter-spacing: 8px
}

.input-field>.wrapper>.input-counter {
  align-items: center;
  bottom: 36px;
  color: var(--neutral-neutral-600);
  display: inline-flex;
  flex-direction: row-reverse;
  font: var(--paragraph-pid-1-default-medium);
  height: 24px;
  left: calc(100% - 66px);
  position: relative;
  text-align: left;
  width: 50px
}

.input-field>.wrapper>input.error+.input-counter {
  visibility: hidden
}

.input-field>.wrapper>input.can-show-error-icon.error {
  background-image: url(/site/images/status-icons-small-error-polygon-solid.svg);
  background-position-x: calc(100% - 16px);
  background-position-y: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  overflow: visible;
  position: relative
}

.input-field label.error {
  bottom: -25px;
  color: var(--cores-de-aviso-ruby-ruby-500);
  font: var(--caption-captionid-2-caption-medium);
  position: absolute;
  text-align: left
}

.input-field>.wrapper>input[type='password']+.eye-password {
  background-image: url(/site/images/action-icons-small-eye-invisible.svg);
  cursor: pointer;
  display: block;
  height: 24px;
  left: calc(100% - 40px);
  position: absolute;
  top: calc(50% - 12px);
  width: 24px;
  z-index: 1
}

.input-field>.wrapper>.eye-password::after {
  content: url(/site/images/action-icons-small-eye-visible.svg);
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
  z-index: -1
}

.input-field>.wrapper>input[type='text']+.eye-password {
  background-image: url(/site/images/action-icons-small-eye-visible.svg);
  cursor: pointer;
  display: block;
  height: 24px;
  left: calc(100% - 40px);
  position: absolute;
  top: calc(50% - 12px);
  width: 24px;
  z-index: 1
}

.input-field>.wrapper>.date-picker-calendar {
  background-image: url(/site/images/action-icons-small-calendar-start.svg);
  cursor: pointer;
  display: block;
  height: 24px;
  left: calc(100% - 40px);
  position: absolute;
  top: calc(50% - 12px);
  width: 24px;
  z-index: 1
}

.button {
  align-items: center;
  background: var(--orange-cresol-orange-cresol-500);
  border: none;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  overflow: hidden;
  position: relative
}

.button:hover {
  background: var(--orange-cresol-orange-cresol-600)
}

.button:hover:not(:disabled) {
  cursor: pointer
}

.button:disabled {
  background: var(--neutral-neutral-400)
}

.button>.button-sample {
  color: var(--neutral-neutral-50);
  font: var(--paragraph-pid-1-default-medium);
  position: relative;
  text-align: center
}

.button.button-xs {
  border-radius: 500px;
  padding: 4px 24px
}

.button.button-sm {
  border-radius: 500px;
  padding: 8px 24px
}

.button.button-md {
  border-radius: 28px;
  padding: 8px 40px
}

.button.button-lg {
  border-radius: 28px;
  height: 40px;
  padding: 8px 40px
}

.button.button-xl {
  border-radius: 32px;
  padding: 16px 40px
}

.button.button-lg>.button-sample {
  width: 200px
}

.button.button-xl>.button-sample {
  font: var(--heading-h-5-headline-mini-medium)
}

.button.button-secondary-outline {
  background: var(--neutral-neutral-50);
  outline: 1px solid var(--orange-cresol-orange-cresol-500);
  outline-offset: -1px
}

.button.button-secondary-outline:hover {
  background: var(--orange-cresol-orange-cresol-50);
  outline-color: var(--orange-cresol-orange-cresol-600)
}

.button.button-secondary-outline>.button-sample {
  color: var(--orange-cresol-orange-cresol-500)
}

.button.button-secondary-outline:hover>.button-sample {
  color: var(--orange-cresol-orange-cresol-600)
}

.button.button-secondary-outline:disabled {
  background: var(--neutral-neutral-400);
  outline: none
}

.button.button-secondary-outline:disabled>.button-sample {
  color: var(--neutral-neutral-50)
}

.link-button {
  color: var(--orange-cresol-orange-cresol-500);
  cursor: pointer;
  font: var(--paragraph-pid-1-default-medium);
  text-decoration: none
}

.link-button:hover {
  text-decoration: underline solid 1.5px
}

.link-button:visited {
  color: var(--orange-cresol-orange-cresol-600)
}

.modal-parent {
  align-items: center;
  background: transparent;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity .5s, z-index .5s;
  width: 100%;
  z-index: -100
}

.modal-parent.visible {
  opacity: 1;
  z-index: 21000
}

.modal {
  align-items: flex-end;
  background: var(--neutral-neutral-50);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.modal.modal-sm {
  width: 494px
}

.modal.modal-md {
  width: 652px
}

.modal.modal-lg {
  width: 821px
}

.modal>.modal-body {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.modal>.modal-body>.modal-title {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 101px;
  justify-content: center
}

.modal>.modal-body>.modal-title>.modal-title-row {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1 0 0;
  gap: 16px;
  padding: 24px
}

.modal>.modal-body>.modal-title>.modal-title-row>.modal-title-icon {
  background-size: 100%;
  height: 34px;
  width: 34px
}

.modal>.modal-body>.modal-title>.modal-title-row>.modal-title-icon.modal-title-icon-error-polygon {
  background-image: url(/site/images/status-icons-small-error-polygon-outlined-black.svg)
}

.modal>.modal-body>.modal-title>.modal-title-row>.modal-title-icon.modal-title-icon-alert-round {
  background-image: url(/site/images/status-icons-small-alert-round-outlined-black.svg)
}

.modal>.modal-body>.modal-title>.modal-title-row>.modal-title-icon.modal-title-icon-alert-triangle {
  background-image: url(/site/images/status-icons-small-alert-triangle-outlined-black.svg)
}

.modal>.modal-body>.modal-title>.modal-title-row>.modal-title-icon.modal-title-icon-informative {
  background-image: url(/site/images/status-icons-small-informative-outlined-black.svg)
}

.modal>.modal-body>.modal-title>.modal-title-row>.modal-title-icon.modal-title-icon-help {
  background-image: url(/site/images/action-icons-small-help.svg)
}

.modal>.modal-body>.modal-title>.modal-title-row>.modal-title-icon.modal-title-icon-event-note {
  background-image: url(/site/images/time-icons-small-event-note.svg)
}

.modal>.modal-body>.modal-title>.modal-title-row>.modal-title-text {
  flex: 1 0 0;
  font: var(--heading-h-5-headline-mini-medium)
}

.modal>.modal-body>.modal-title>.modal-title-row>.modal-title-close {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px
}

.modal>.modal-body>.modal-title>.modal-title-row>.modal-title-close>.modal-title-close-icon {
  background-image: url(/site/images/action-icons-small-close.svg);
  flex-shrink: 0;
  height: 24px;
  width: 24px
}

.modal>.modal-body>.modal-message {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: flex-end;
  padding: 8px 24px
}

.modal>.modal-body>.modal-message>.modal-message-body {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.modal>.modal-footer {
  align-items: flex-start;
  align-self: stretch;
  background: var(--neutral-neutral-100);
  border-radius: 0 0 12px 12px;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  padding: 24px
}

.modal.modal-lg>.modal-footer {
  padding: 24px 24px 24px 48px
}

.modal>.modal-body>.modal-html-message-parent {
  padding-right: 24px;
  width: 821px
}

.modal>.modal-body>.modal-html-message-parent>.modal-html-message {
  align-items: flex-start;
  display: flex;
  margin: 8px 0;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0 24px
}

.modal>.modal-body>.modal-html-message-parent>.modal-html-message>.modal-html-message-body {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  height: 459px;
  padding-bottom: 0;
  width: 743px
}

.slider-container {
  display: inline-block;
  height: 18px;
  position: relative;
  width: 32px
}

.slider-container>input {
  height: 0;
  opacity: 0;
  width: 0
}

.slider-container>.slider {
  background-color: var(--neutral-neutral-400);
  border-radius: 50px;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s
}

.slider-container>.slider:before {
  background-color: var(--neutral-neutral-50);
  border-radius: 50px;
  bottom: 2px;
  content: '';
  height: 14px;
  left: 2px;
  position: absolute;
  transition: .4s;
  width: 14px
}

.slider-container>input:hover+.slider {
  background-color: var(--neutral-neutral-600)
}

.slider-container>input:checked+.slider {
  background-color: var(--cores-de-aviso-emerald-emerald-500)
}

.slider-container>input:checked:hover+.slider {
  background-color: var(--cores-de-aviso-emerald-emerald-700)
}

.slider-container>input:checked+.slider:before {
  transform: translatex(14px)
}

.radio-container {
  display: inline-block;
  height: 24px;
  padding: 2px;
  position: relative;
  width: 24px
}

.radio-container>input {
  height: 0;
  opacity: 0;
  width: 0
}

.radio-container>.radio {
  background-color: var(--neutral-neutral-400);
  border-radius: 50px;
  bottom: 2px;
  cursor: pointer;
  left: 2px;
  position: absolute;
  right: 2px;
  top: 2px
}

.radio-container>input:hover+.radio {
  background-color: var(--neutral-neutral-600)
}

.radio-container>input+.radio::after {
  content: url(/site/images/checkbox-on.svg);
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
  z-index: -1
}

.radio-container>input:checked+.radio {
  background-color: var(--cores-de-aviso-emerald-emerald-500);
  background-image: url(/site/images/checkbox-on.svg);
  background-position: 2.5px 5px;
  background-repeat: no-repeat
}

.radio-container>input:checked:hover+.radio {
  background-color: var(--cores-de-aviso-emerald-emerald-700)
}

.radio-label {
  align-items: center;
  border-radius: 10px;
  display: flex;
  gap: 8px;
  padding: 4px 8px
}

.checkbox-container {
  display: inline-block;
  height: 24px;
  padding: 2px;
  position: relative;
  width: 24px
}

.checkbox-container>input {
  height: 0;
  opacity: 0;
  width: 0
}

.checkbox-container>.checkbox {
  border: none;
  border-radius: 6px;
  bottom: 2px;
  cursor: pointer;
  left: 2px;
  outline: 2px solid var(--neutral-neutral-400);
  outline-offset: -2px;
  position: absolute;
  right: 2px;
  top: 2px
}

.checkbox-container>input:disabled+.checkbox {
  cursor: default
}

.checkbox-container>input:not(:disabled):hover+.checkbox {
  outline-color: var(--neutral-neutral-600)
}

.checkbox-container>input+.checkbox::after {
  content: url(/site/images/checkbox-on.svg);
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
  z-index: -1
}

.checkbox-container>input:checked+.checkbox {
  background-color: var(--cores-de-aviso-emerald-emerald-500);
  background-image: url(/site/images/checkbox-on.svg);
  background-position: center;
  background-repeat: no-repeat;
  outline: none
}

.checkbox-container>input:checked:hover+.checkbox {
  background-color: var(--cores-de-aviso-emerald-emerald-700)
}

.ui-keyboard {
  background: var(--neutral-neutral-200);
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  display: flex;
  flex-direction: column;
  gap: 16px;
  left: 0;
  padding: 24px;
  position: absolute;
  text-align: center;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  width: 454px;
  z-index: 16000
}

.ui-keyboard.numpad {
  background: var(--neutral-neutral-100);
  padding: 16px 16px 24px;
  width: 142px
}

.ui-keyboard-has-focus {
  max-width: 454px;
  z-index: 16001
}

.ui-keyboard-has-focus.numpad {
  max-width: 142px
}

.ui-keyboard div {
  width: 406px
}

.ui-keyboard.numpad div {
  width: 110px
}

.ui-keyboard[contenteditable] {
  white-space: pre
}

.ui-keyboard-button {
  background: var(--neutral-neutral-50);
  border: none;
  border-radius: 4px;
  color: var(--neutral-neutral-800);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  outline: 1px solid var(--neutral-neutral-300);
  overflow: hidden;
  -moz-user-focus: ignore;
  width: 24px
}

.ui-keyboard-button:hover {
  background: var(--neutral-neutral-300);
  outline: 0.5px solid var(--neutral-neutral-300)
}

.ui-keyboard-button span {
  align-items: center;
  display: inline-flex;
  margin: 0;
  padding: 0;
  white-space: nowrap
}

.ui-keyboard-button-endrow {
  flex-basis: 100%;
  height: 0
}

.ui-keyboard-space {
  width: 15em
}

.ui-keyboard-space span,
.ui-keyboard-empty span {
  color: transparent;
  font: 0/0 a;
  text-shadow: none
}

.ui-keyboard-preview-wrapper {
  text-align: center
}

.ui-keyboard-preview {
  background: var(--neutral-neutral-50);
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 4px 3px rgba(245, 130, 32, 0.16);
  color: var(--neutral-neutral-800);
  display: inline;
  font: var(--paragraph-p-default);
  height: 37px;
  outline: 0.5px solid var(--orange-cresol-orange-cresol-500);
  outline-offset: -0.5px;
  padding: 8px;
  text-align: left;
  width: 344px
}

.ui-keyboard.numpad .ui-keyboard-preview {
  height: 30px;
  width: 110px
}

input[type='password'].ui-keyboard-preview {
  font: var(--paragraph-pid-1-default-medium);
  letter-spacing: 8px
}

.ui-keyboard-preview:focus {
  outline: 0
}

.ui-keyboard-keyset {
  flex-wrap: wrap;
  gap: 4px 8px;
  justify-content: center;
  text-align: center;
  white-space: nowrap
}

.ui-keyboard-input {
  text-align: left
}

.ui-keyboard-input-current {
  box-shadow: none
}

.ui-keyboard-placeholder {
  color: #888
}

.ui-keyboard-nokeyboard {
  border-color: #888;
  color: #888
}

.ui-keyboard-spacer {
  cursor: default;
  display: inline-block;
  height: 0;
  width: 1px
}

.ui-keyboard-NBSP span,
.ui-keyboard-ZWSP span,
.ui-keyboard-ZWNJ span,
.ui-keyboard-ZWJ span,
.ui-keyboard-LRM span,
.ui-keyboard-RLM span {
  font-size: 0.5em;
  line-height: 1.5em;
  white-space: normal
}

.ui-keyboard-button.ui-keyboard-combo.ui-state-default {
  border-color: #ffaf0f
}

button.ui-keyboard-accept.ui-keyboard-valid-input {
  background: #080;
  border-color: #0c0;
  color: #fff
}

button.ui-keyboard-accept.ui-keyboard-valid-input:not([disabled]):hover {
  background: #0a0
}

button.ui-keyboard-accept.ui-keyboard-invalid-input {
  background: #800;
  border-color: #c00;
  color: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5
}

button.ui-keyboard-accept.ui-keyboard-invalid-input:not([disabled]):hover {
  background: #a00
}

.ui-keyboard-caret {
  background: #c00;
  margin-top: 3px;
  width: 1px
}

div.ui-body.ui-keyboard button.ui-keyboard-button.ui-btn {
  border-color: transparent;
  padding: 0.5em 1em
}

.ui-body .ui-keyboard-button {
  display: inline-block;
  height: 3em;
  width: 3em
}

.ui-body .ui-keyboard-widekey {
  width: 5.5em
}

.ui-body .ui-keyboard-space {
  width: 15em
}

.ui-body .ui-keyboard-space span {
  visibility: hidden
}

.ui-body .ui-keyboard-keyset {
  line-height: 0.5em
}

.ui-body input.ui-input-text,
.ui-body textarea.ui-input-text {
  width: 95%
}

.ui-body .ui-btn-inner {
  height: 2em;
  margin: 0;
  padding: 0.2em 0
}

.ui-body .ui-btn {
  font-size: 13px;
  margin: 0
}

button.ui-keyboard-button.btn {
  padding: 1px 6px
}

button.ui-keyboard-toggle span {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: .8em;
  width: .8em
}

button.ui-keyboard-toggle span {
  background-image: url(data:image/svg+xml;base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihdpzhropsixmcigagvpz2h0psixmcigzmlsbd0iizexmsi+phbhdgggzd0ittgunyw0ljriny41sduumhytms45yzatms40lteums0yljutmi41ltiunwmtms40ldatmi41ldeums0yljusmi41djeuowgxljigdi0xljljmc0wljcsmc42lteumiwxljitms4yczeumiwwljysms4yldeumnyxljljltaunywwlteumiwwljytms4yldeumly4ljggyzasmc43ldauniwxljisms4yldeummg1ljbdos40ldewldewldkuncwxmcw4ljhwns42qzewlduumcw5ljqsnc40ldguocw0ljr6ie02ljysny40djeumcbjmcwwljitmc4xldaumy0wljmsmc4zuzyumcw4ljysni4wldgunfy3ljrjltaumi0wljetmc4zltaumy0wljmtmc41yzatmc4zldaumy0wljysmc42ltaunibtni45ldyuniw2ljksni45qzyuosw3ljesni44ldcumyw2ljysny40eiivpjwvc3znpg==)
}

.ui-keyboard-dark-theme button.ui-keyboard-toggle span {
  background-image: url(data:image/svg+xml;base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihdpzhropsixmcigagvpz2h0psixmcigzmlsbd0ii2vlzsi+phbhdgggzd0ittgunyw0ljriny41sduumhytms45yzatms40lteums0yljutmi41ltiunwmtms40ldatmi41ldeums0yljusmi41djeuowgxljigdi0xljljmc0wljcsmc42lteumiwxljitms4yczeumiwwljysms4yldeumnyxljljltaunywwlteumiwwljytms4yldeumly4ljggyzasmc43ldauniwxljisms4yldeummg1ljbdos40ldewldewldkuncwxmcw4ljhwns42qzewlduumcw5ljqsnc40ldguocw0ljr6ie02ljysny40djeumcbjmcwwljitmc4xldaumy0wljmsmc4zuzyumcw4ljysni4wldgunfy3ljrjltaumi0wljetmc4zltaumy0wljmtmc41yzatmc4zldaumy0wljysmc42ltaunibtni45ldyuniw2ljksni45qzyuosw3ljesni44ldcumyw2ljysny40eiivpjwvc3znpg==)
}

button.ui-keyboard-toggle.ui-keyboard-disabled span {
  background-image: url(data:image/svg+xml;base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihdpzhropsixmcigagvpz2h0psixmcigzmlsbd0iizexmsi+phbhdgggzd0ittcunca0ljrwmi41yzatms40lteums0yljutmi41ltiunwmtms40idatmi41ideums0yljugmi41djeuosbjltaunyawlteumiawljutms4yideumnyzljfdms4zidkuncaxljggmtagmi41idewadquowmwljcgmcaxljitmc42ideumi0xljjwns42iem4ljcgnc45idgumsa0ljqgny40idqunhogttuumya3ljr2ms4wyzagmc4yltaumsawljmtmc4zidaum2mtmc4yidatmc4zltaums0wljmtmc4zvjcuncbjltaumi0wljetmc4zltaumy0wljmtmc41yzatmc4zidaumy0wljygmc42ltaunmmwljmgmcawljygmc4zidauniawljygqzuunia3ljegns41idcumya1ljmgny40eibnni4yidqunegzljdwmi41yzatmc43idauns0xljigms4ylteummmwljcgmcaxljigmc42ideumiaxljigvjqunhoilz48l3n2zz4=)
}

.ui-keyboard-dark-theme button.ui-keyboard-toggle.ui-keyboard-disabled span {
  background-image: url(data:image/svg+xml;base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihdpzhropsixmcigagvpz2h0psixmcigzmlsbd0ii2vlzsi+phbhdgggzd0ittcunca0ljrwmi41yzatms40lteums0yljutmi41ltiunwmtms40idatmi41ideums0yljugmi41djeuosbjltaunyawlteumiawljutms4yideumnyzljfdms4zidkuncaxljggmtagmi41idewadquowmwljcgmcaxljitmc42ideumi0xljjwns42iem4ljcgnc45idgumsa0ljqgny40idqunhogttuumya3ljr2ms4wyzagmc4yltaumsawljmtmc4zidaum2mtmc4yidatmc4zltaums0wljmtmc4zvjcuncbjltaumi0wljetmc4zltaumy0wljmtmc41yzatmc4zidaumy0wljygmc42ltaunmmwljmgmcawljygmc4zidauniawljygqzuunia3ljegns41idcumya1ljmgny40eibnni4yidqunegzljdwmi41yzatmc43idauns0xljigms4ylteummmwljcgmcaxljigmc42ideumiaxljigvjqunhoilz48l3n2zz4=)
}

.ui-keyboard.ui-keyboard-disabled button:not(.ui-keyboard-toggle),
.ui-keyboard.ui-keyboard-disabled input {
  opacity: 0.5
}

.ui-keyboard-overlay {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ui-keyboard-popup {
  display: inline-block;
  max-width: 22em
}

.ui-keyboard.ui-keyboard-popup-open .ui-keyboard-keyset .ui-keyboard-button {
  pointer-events: none
}

div.ui-keyboard-extender {
  margin-left: 5px
}

button.ui-keyboard-extender span {
  background-image: url(data:image/svg+xml;base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihdpzhropsixniigagvpz2h0psixniigc3r5bgu9imzpbgw6izexmsi+pgc+phbhdgggc3r5bgu9imzpbgw6bm9uzttzdhjva2u6izexmsigzd0itsawljusnc41ide1ljusnc41ide1ljusmtuunsawljusmtuunsbaij48l3bhdgg+phjly3qgd2lkdgg9ijiiighlawdodd0imiiged0imiiget0inii+pc9yzwn0pjxyzwn0ihdpzhropsiyiibozwlnahq9ijiiihg9ijuiihk9ijyipjwvcmvjdd48cmvjdcb3awr0ad0imiigagvpz2h0psiyiib4psi4iib5psi2ij48l3jly3q+phbhdgggzd0ibsaxmsw2idmsmcawldugltismcawlc0zic0xldageii+pc9wyxropjxyzwn0ihdpzhropsiyiibozwlnahq9ijiiihg9ijeyiib5psixmii+pc9yzwn0pjxyzwn0ihdpzhropsi2iibozwlnahq9ijiiihg9ijuiihk9ijeyij48l3jly3q+phjly3qgd2lkdgg9ijiiighlawdodd0imiiged0iosiget0iosi+pc9yzwn0pjxyzwn0ihdpzhropsiyiibozwlnahq9ijiiihg9ijyiihk9ijkipjwvcmvjdd48cmvjdcb3awr0ad0imiigagvpz2h0psiyiib4psiyiib5psixmii+pc9yzwn0pjxyzwn0ihdpzhropsiziibozwlnahq9ijiiihg9ijiiihk9ijkipjwvcmvjdd48l2c+pc9zdmc+);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: .9em;
  margin-bottom: 3px;
  width: .9em
}

.ui-keyboard-dark-theme button.ui-keyboard-extender span {
  background-image: url(data:image/svg+xml;base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihdpzhropsixniigagvpz2h0psixniigc3r5bgu9imzpbgw6i2vlzsi+pgc+phbhdgggc3r5bgu9imzpbgw6bm9uzttzdhjva2u6i2vlzsigzd0itsawljusnc41ide1ljusnc41ide1ljusmtuunsawljusmtuunsbaij48l3bhdgg+phjly3qgd2lkdgg9ijiiighlawdodd0imiiged0imiiget0inii+pc9yzwn0pjxyzwn0ihdpzhropsiyiibozwlnahq9ijiiihg9ijuiihk9ijyipjwvcmvjdd48cmvjdcb3awr0ad0imiigagvpz2h0psiyiib4psi4iib5psi2ij48l3jly3q+phbhdgggzd0ibsaxmsw2idmsmcawldugltismcawlc0zic0xldageii+pc9wyxropjxyzwn0ihdpzhropsiyiibozwlnahq9ijiiihg9ijeyiib5psixmii+pc9yzwn0pjxyzwn0ihdpzhropsi2iibozwlnahq9ijiiihg9ijuiihk9ijeyij48l3jly3q+phjly3qgd2lkdgg9ijiiighlawdodd0imiiged0iosiget0iosi+pc9yzwn0pjxyzwn0ihdpzhropsiyiibozwlnahq9ijiiihg9ijyiihk9ijkipjwvcmvjdd48cmvjdcb3awr0ad0imiigagvpz2h0psiyiib4psiyiib5psixmii+pc9yzwn0pjxyzwn0ihdpzhropsiziibozwlnahq9ijiiihg9ijiiihk9ijkipjwvcmvjdd48l2c+pc9zdmc+)
}

@media all and (max-width:319px) {
  .ui-keyboard div {
    font-size: 9px
  }

  .ui-keyboard .ui-keyboard-input {
    font-size: 12px
  }

  .ui-body .ui-btn {
    font-size: 9px;
    margin: 0
  }

  .ui-body .ui-keyboard-button {
    height: 2.5em;
    width: 1.8em
  }

  .ui-body .ui-keyboard-widekey {
    width: 4em
  }

  .ui-body .ui-keyboard-space {
    width: 8em
  }

  .ui-body .ui-btn-inner {
    height: 2.5em;
    padding: 0.3em 0
  }
}

@media all and (min-width:320px) and (max-width:479px) {
  .ui-keyboard div {
    font-size: 9px
  }

  .ui-keyboard .ui-keyboard-input {
    font-size: 14px
  }

  .ui-body .ui-btn {
    font-size: 11px;
    margin: 0
  }

  .ui-body .ui-keyboard-button {
    height: 3em;
    width: 1.8em
  }

  .ui-body .ui-keyboard-widekey {
    width: 4.5em
  }

  .ui-body .ui-keyboard-space {
    width: 10em
  }

  .ui-body .ui-btn-inner {
    height: 3em;
    padding: 0.7em 0
  }
}

@media all and (min-width:480px) and (max-width:767px) {
  .ui-keyboard div {
    font-size: 13px
  }

  .ui-keyboard .ui-keyboard-input {
    font-size: 14px
  }

  .ui-body .ui-btn {
    font-size: 10px;
    margin: 0
  }

  .ui-body .ui-keyboard-button {
    height: 2.5em
  }

  .ui-body .ui-btn-inner {
    height: 2.5em;
    padding: 0.5em 0
  }
}

div.wrapper:is(:has(>input.ui-keyboard-input))::after {
  content: url(/site/images/keyboard.svg);
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
  z-index: -1
}

.ui-keyboard-bksp {
  background-color: var(--neutral-neutral-800);
  background-image: var(--keyboard-bksp-url);
  background-position: 0;
  background-repeat: no-repeat;
  border: none;
  border-radius: 2px;
  --keyboard-bksp-url: url(/site/images/keyboard.svg);
  outline: 0.5px solid var(--neutral-neutral-300)
}

.ui-keyboard-bksp:hover {
  background-color: var(--neutral-neutral-900);
  background-image: var(--keyboard-bksp-url);
  background-position: 0;
  background-repeat: no-repeat
}

.ui-keyboard-bksp span {
  color: transparent
}

.ui-keyboard-accept {
  background-color: var(--cores-de-aviso-emerald-emerald-500);
  background-image: var(--keyboard-accept-url);
  background-position: -24px 0;
  background-repeat: no-repeat;
  border: none;
  border-radius: 2px;
  --keyboard-accept-url: url(/site/images/keyboard.svg);
  outline: 0.5px solid var(--neutral-neutral-300)
}

.ui-keyboard-accept:hover {
  background-color: var(--cores-de-aviso-emerald-emerald-700);
  background-image: var(--keyboard-accept-url);
  background-position: -24px 0;
  background-repeat: no-repeat
}

.ui-keyboard-accept span {
  color: transparent
}

.ui-keyboard-cancel {
  background-color: var(--cores-de-aviso-ruby-ruby-500);
  background-image: var(--keyboard-cancel-url);
  background-position: -48px 0;
  background-repeat: no-repeat;
  border: none;
  border-radius: 2px;
  --keyboard-cancel-url: url(/site/images/keyboard.svg);
  outline: 0.5px solid var(--neutral-neutral-300)
}

.ui-keyboard-cancel:hover {
  background-color: var(--cores-de-aviso-ruby-ruby-700);
  background-image: var(--keyboard-cancel-url);
  background-position: -48px 0;
  background-repeat: no-repeat
}

.ui-keyboard-cancel span {
  color: transparent
}

.ui-keyboard-shift {
  background-color: var(--neutral-neutral-800);
  background-image: var(--keyboard-shift-url);
  background-position: -72px 0;
  background-repeat: no-repeat;
  border: none;
  border-radius: 2px;
  --keyboard-shift-url: url(/site/images/keyboard.svg);
  outline: 0.5px solid var(--neutral-neutral-300)
}

.ui-keyboard-shift:hover {
  background-color: var(--neutral-neutral-900);
  background-image: var(--keyboard-shift-url);
  background-position: -72px 0;
  background-repeat: no-repeat
}

.ui-keyboard-shift span {
  color: transparent
}

.ui-keyboard-text {
  font: var(--caption-captionid-1-caption-regular)
}

.datepicker {
  width: -moz-min-content;
  width: min-content
}

.datepicker:not(.active) {
  display: none
}

.datepicker-dropdown {
  padding-top: 8px;
  position: absolute;
  z-index: 20
}

.datepicker-dropdown.datepicker-orient-top {
  padding-bottom: 4px;
  padding-top: 0
}

.datepicker-picker {
  align-items: flex-start;
  background: var(--neutral-neutral-50);
  border: 1.5px solid var(--orange-cresol-orange-cresol-500);
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  display: flex;
  flex-direction: column;
  width: 342px
}

.datepicker-dropdown .datepicker-picker {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16)
}

.datepicker-main {
  flex: auto
}

.datepicker-footer {
  background-color: hsl(0, 0, 96%);
  box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1)
}

.datepicker-title {
  background-color: hsl(0, 0, 96%);
  box-shadow: inset 0 -1px 1px rgba(10, 10, 10, 0.1);
  font-weight: 700;
  padding: 0.375rem 0.75rem;
  text-align: center
}

.datepicker-header .datepicker-controls {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 16px 24px 4px;
  position: relative;
  width: 342px
}

.datepicker-controls .button {
  align-items: center;
  background-color: hsl(0, 0, 100%);
  border: 1px solid gainsboro;
  border-radius: 4px;
  box-shadow: none;
  color: hsl(0, 0, 21%);
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  justify-content: center;
  line-height: 1.5;
  margin: 0;
  padding: calc(0.375em - 1px) 0.75em;
  position: relative;
  text-align: center;
  vertical-align: top;
  white-space: nowrap
}

.datepicker-controls .button:focus,
.datepicker-controls .button:active {
  outline: none
}

.datepicker-controls .button:hover {
  border-color: #b8b8b8;
  color: hsl(0, 0, 21%)
}

.datepicker-controls .button:focus {
  border-color: hsl(217, 71%, 53%);
  color: hsl(0, 0, 21%)
}

.datepicker-controls .button:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25)
}

.datepicker-controls .button:active {
  border-color: #474747;
  color: hsl(0, 0, 21%)
}

.datepicker-controls .button[disabled] {
  cursor: not-allowed
}

.datepicker-header .datepicker-controls .button {
  border-color: transparent;
  font-weight: 700
}

.datepicker-header .datepicker-controls .button:hover {
  background-color: #f9f9f9
}

.datepicker-header .datepicker-controls .button:active {
  background-color: #f2f2f2
}

.datepicker-footer .datepicker-controls .button {
  border-radius: 2px;
  flex: auto;
  font-size: 0.75rem;
  margin: calc(0.375rem - 1px) 0.375rem
}

.datepicker-controls .view-switch {
  background-color: transparent;
  border: none;
  color: var(--neutral-neutral-950);
  font: var(--caption-captionid-2-caption-medium);
  height: 32px;
  width: 140px
}

.datepicker-controls .view-switch:hover {
  background-color: var(--neutral-neutral-200);
  border-radius: 50px;
  cursor: pointer
}

.datepicker-controls .prev-button,
.datepicker-controls .next-button {
  background-color: transparent;
  border: none;
  padding: 4px
}

.datepicker-controls .prev-button:hover,
.datepicker-controls .next-button:hover {
  background-color: var(--neutral-neutral-200);
  border-radius: 40px;
  cursor: pointer
}

.datepicker-controls .prev-button.disabled,
.datepicker-controls .next-button.disabled {
  visibility: hidden
}

.date-picker-next {
  background-image: url(/site/images/arrow-icons-small-right-small-black.svg);
  height: 24px;
  width: 24px
}

.date-picker-previous {
  background-image: url(/site/images/arrow-icons-small-left-small-black.svg);
  display: block;
  height: 24px;
  position: relative;
  width: 24px
}

.datepicker-view,
.datepicker-grid,
.days-of-week {
  display: flex;
  justify-content: space-between;
  row-gap: 8px
}

.datepicker-view.months,
.datepicker-view.years,
.datepicker-view.decades {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  padding: 0 24px 16px;
  position: relative;
  width: 342px
}

.datepicker-view .days {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  justify-content: flex-start;
  padding: 0 24px 16px;
  position: relative;
  width: 342px
}

.datepicker-grid {
  flex: auto;
  flex-wrap: wrap
}

.datepicker .days {
  display: flex;
  flex: auto;
  flex-direction: column
}

.datepicker .days-of-week {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  position: relative
}

.datepicker .week-numbers {
  display: flex;
  flex: 0 0 9.6774193548%;
  flex-direction: column
}

.datepicker .weeks {
  align-items: stretch;
  display: flex;
  flex: auto;
  flex-direction: column
}

.datepicker span {
  align-items: center;
  border-radius: 4px;
  cursor: default;
  display: flex;
  justify-content: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.datepicker .dow {
  align-items: center;
  align-self: stretch;
  color: var(--neutral-neutral-950);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  font: var(--paragraph-p-default);
  gap: 10px;
  height: 40px;
  justify-content: center;
  padding: 10px;
  position: relative;
  position: relative;
  text-align: center;
  width: 40px
}

.datepicker .week {
  color: #b8b8b8;
  flex: auto;
  font-size: 0.75rem
}

.datepicker-cell {
  align-items: center;
  color: var(--neutral-neutral-800);
  display: flex;
  flex-shrink: 0;
  font: var(--paragraph-p-default);
  justify-content: center;
  text-align: center
}

.datepicker-cell.day {
  border: none;
  height: 37.5px;
  margin: 1.25px;
  width: 37.5px
}

.datepicker-cell:not(.day) {
  height: 32px;
  width: 70px
}

.datepicker-cell:not(.disabled):hover {
  background-color: var(--neutral-neutral-200);
  cursor: pointer
}

.datepicker-cell.selected {
  background: var(--orange-cresol-orange-cresol-500);
  color: var(--neutral-neutral-50)
}

.datepicker-cell.selected:hover {
  background: var(--orange-cresol-orange-cresol-600);
  color: var(--neutral-neutral-50)
}

.datepicker-cell.day {
  border-radius: 50%
}

.datepicker-cell:not(.day) {
  border-radius: 16px
}

.datepicker-cell.disabled {
  color: #dcdcdc
}

.datepicker-cell.prev:not(.disabled),
.datepicker-cell.next:not(.disabled) {
  color: var(--neutral-neutral-400)
}

.datepicker-cell.prev.selected,
.datepicker-cell.next.selected {
  color: #e6e6e6
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
  background-color: hsl(0, 0, 96%);
  border-radius: 0
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
  background-color: #efefef
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
  background-color: #e9e9e9
}

.datepicker-cell.today:not(.selected) {
  background: var(--neutral-neutral-50);
  border-radius: 50%;
  outline: 1px solid var(--neutral-neutral-800);
  outline-offset: -1px
}

.datepicker-cell.today:not(.selected):hover {
  background: var(--neutral-neutral-200)
}

.datepicker-cell.range-end:not(.selected),
.datepicker-cell.range-start:not(.selected) {
  background-color: #b8b8b8;
  color: #fff
}

.datepicker-cell.range-end.focused:not(.selected),
.datepicker-cell.range-start.focused:not(.selected) {
  background-color: #b3b3b3
}

.datepicker-cell.range-start:not(.range-end) {
  border-radius: 4px 0 0 4px
}

.datepicker-cell.range-end:not(.range-start) {
  border-radius: 0 4px 4px 0
}

.datepicker-cell.range {
  background-color: #dcdcdc;
  border-radius: 0
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
  background-color: #d7d7d7
}

.datepicker-cell.range.disabled {
  color: #c6c6c6
}

.datepicker-cell.range.focused {
  background-color: #d1d1d1
}

.datepicker-input.in-edit {
  border-color: #276bda
}

body::-webkit-scrollbar,
.frame-body::-webkit-scrollbar {
  display: none
}

html {
  scrollbar-color: transparent;
  scrollbar-width: none
}

.frame-body * {
  scrollbar-color: initial
}

@media (max-width:1400px) {
  :root {
    --servcore-ib-login-formulario-margin-ref: 0;
    --servcore-ib-login-formulario-padding-ref: 135;
    --servcore-ib-login-formulario-width-ref: 429;
    --servcore-ib-login-foto-width-ref: 667;
    --servcore-ib-login-tela-width-ref: 1366
  }

  .frame-body {
    padding: 80px calc(var(--servcore-ib-login-formulario-padding-ref) * 100% / var(--servcore-ib-login-tela-width-ref)) 40px;
    width: calc((var(--servcore-ib-login-formulario-width-ref) + 2 * var(--servcore-ib-login-formulario-padding-ref) + 2 * var(--servcore-ib-login-formulario-margin-ref)) * 100% / var(--servcore-ib-login-tela-width-ref))
  }
}

@media (min-width:1401px) and (max-width:1440px) {
  :root {
    --servcore-ib-login-formulario-margin-ref: 0;
    --servcore-ib-login-formulario-padding-ref: 141;
    --servcore-ib-login-formulario-width-ref: 454;
    --servcore-ib-login-foto-width-ref: 704;
    --servcore-ib-login-tela-width-ref: 1440
  }

  .frame-body {
    padding: 80px calc(var(--servcore-ib-login-formulario-padding-ref) * 100% / var(--servcore-ib-login-tela-width-ref)) 40px;
    width: calc((var(--servcore-ib-login-formulario-width-ref) + 2 * var(--servcore-ib-login-formulario-padding-ref) + 2 * var(--servcore-ib-login-formulario-margin-ref)) * 100% / var(--servcore-ib-login-tela-width-ref))
  }
}

@media (min-width:1441px) and (max-width:1600px) {
  :root {
    --servcore-ib-login-formulario-margin-ref: 0;
    --servcore-ib-login-formulario-padding-ref: 141;
    --servcore-ib-login-formulario-width-ref: 454;
    --servcore-ib-login-foto-width-ref: 704;
    --servcore-ib-login-tela-width-ref: 1440
  }

  .frame-body {
    padding: 80px calc((var(--servcore-ib-login-formulario-width) - 454px)/2) 40px;
    --servcore-ib-login-formulario-width: calc((var(--servcore-ib-login-formulario-width-ref) + 2 * var(--servcore-ib-login-formulario-padding-ref) + 2 * var(--servcore-ib-login-formulario-margin-ref)) * 100% / var(--servcore-ib-login-tela-width-ref));
    width: var(--servcore-ib-login-formulario-width)
  }
}

@media (min-width:1601px) {
  :root {
    --servcore-ib-login-formulario-margin-ref: 120;
    --servcore-ib-login-formulario-padding-ref: 141;
    --servcore-ib-login-formulario-width-ref: 454;
    --servcore-ib-login-foto-width-ref: 944;
    --servcore-ib-login-tela-width-ref: 1920
  }

  .frame-body {
    padding: 80px calc((var(--servcore-ib-login-formulario-width) - 454px)/2) 40px;
    --servcore-ib-login-formulario-width: calc((var(--servcore-ib-login-formulario-width-ref) + 2 * var(--servcore-ib-login-formulario-padding-ref) + 2 * var(--servcore-ib-login-formulario-margin-ref)) * 100% / var(--servcore-ib-login-tela-width-ref));
    width: var(--servcore-ib-login-formulario-width)
  }
}

.imagem-campanha {
  background: url(/site/images/login-campanha.jpg), lightgray;
  background-attachment: fixed;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: calc(var(--servcore-ib-login-foto-width-ref) * 100% / var(--servcore-ib-login-tela-width-ref));
  width: calc(var(--servcore-ib-login-foto-width-ref) * 100% / var(--servcore-ib-login-tela-width-ref))
}

.frame-body {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 96px;
  min-height: 100vh;
  overflow-y: auto
}

.page-title {
  font: var(--heading-h-2-headline-bold);
  width: 100%
}

.frame-gap64 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 64px
}

.frame-gap40 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px
}

.frame-gap32 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%
}

.frame-gap24 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%
}

.frame-gap16 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%
}

.frame-gap16-row {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 16px
}

.frame-gap12 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.frame-gap10 {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 10px
}

.frame-gap8 {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.frame-gap8-row {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 8px
}

.frame-variable-gap {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.input-field {
  margin-bottom: 0
}

.fixed-tab-bar {
  align-items: flex-start;
  color: var(--green-cresol-green-cresol-500);
  display: flex;
  justify-content: space-between;
  padding-bottom: 6px;
  width: 100%
}

.fixed-tab-bar>.caption-tab-bar {
  align-items: center;
  color: var(--green-cresol-green-cresol-500);
  cursor: pointer;
  display: flex;
  font: 700 18px/150% "Bw Modelica";
  padding: 8px 8px 8px 0;
  position: relative
}

.fixed-tab-bar.has-pj-tab>.caption-tab-bar {
  width: 77px
}

.fixed-tab-bar.has-pj-tab>.caption-tab-bar:nth-child(3) {
  width: 120px
}

.clickable {
  cursor: pointer
}

.caption-tab-bar.clicked-tab::after {
  background: var(--orange-cresol-orange-cresol-500);
  bottom: 0;
  content: '';
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%
}

.toggle-acesso {
  align-items: center;
  display: flex;
  gap: 16px;
  height: 24px;
  width: 100%
}

.group18 {
  display: flex;
  gap: 6px;
  height: 24px;
  justify-content: center
}

.group18-p {
  width: 165px
}

.rodape-versao {
  align-items: center;
  color: var(--neutral-neutral-900);
  display: flex;
  flex-direction: column;
  height: 46px;
  width: 319px
}

.floating-button {
  bottom: 40px;
  cursor: pointer;
  height: 50px;
  left: 40px;
  position: fixed;
  width: 50px
}

#input-gf {
  text-transform: uppercase
}

#duvidas>.modal>.modal-body>#sobreIb {
  padding-right: 0
}

#duvidas>.modal>.modal-body>#sobreIb.modal-html-message-parent>.modal-html-message>.modal-html-message-body {
  width: 773px
}

#duvidas>.modal>.modal-body>.modal-html-message-parent>.modal-html-message>.modal-html-message-body {
  gap: 24px
}

.p-id-4-default-bold-orange-500 {
  color: var(--orange-cresol-orange-cresol-500);
  font: var(--paragraph-pid-4-default-bold)
}

#termoDeUsoModal>.modal>.modal-body>.modal-html-message-parent>.modal-html-message>.modal-html-message-body>p {
  font: var(--paragraph-pid-3-medium-long-text)
}

#termoDeUsoModal>.modal>.modal-body>.modal-html-message-parent>.modal-html-message>.modal-html-message-body li {
  font: var(--paragraph-pid-2-p-long-text)
}

#duvidasFrequentesInfo>.modal-html-message>.modal-html-message-body ul {
  list-style: disc;
  padding-left: 24px
}

.card-account {
  align-items: flex-start;
  border: none;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 0;
  outline: 1px solid var(--neutral-neutral-400);
  outline-offset: -1px;
  width: 100%
}

.card-account>.card-dropdown {
  align-items: flex-start;
  align-self: stretch;
  background: var(--neutral-neutral-50);
  border: none;
  border-radius: 8px 8px 0 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 16px
}

.card-account>.card-dropdown.open {
  grid-template-rows: min-content 1fr
}

.card-account>.card-dropdown.has-accounts {
  cursor: pointer
}

.card-account>.card-dropdown:hover,
.card-account>.card-dropdown.open {
  background: var(--neutral-neutral-50)
}

.card-account>.card-dropdown>.card-dropdown-frame {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 16px;
  width: 100%
}

.card-account>.card-dropdown>.card-dropdown-frame>.card-dropdown-frame-account {
  align-items: flex-start;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: 4px;
  width: calc(100% - 40px)
}

.card-account>.card-dropdown>.card-dropdown-frame>.card-dropdown-frame-account>.login-user {
  align-self: stretch;
  color: var(--neutral-neutral-800);
  font: var(--caption-captionid-1-caption-regular)
}

.card-account>.card-dropdown>.card-dropdown-frame>.card-dropdown-frame-account>.login-name {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-transform: capitalize
}

.card-account>.card-dropdown>.card-dropdown-frame>.card-dropdown-frame-account>.login-account {
  align-self: stretch;
  color: var(--green-cresol-green-cresol-500);
  font: var(--paragraph-p-default)
}

.card-account>.card-dropdown>.card-dropdown-frame>.login-account-arrow-icon {
  background-image: url(../../images/icons/arrow-icons-small-down-big.svg);
  flex-shrink: 0;
  height: 24px;
  width: 24px
}

.card-account>.card-dropdown>.card-dropdown-frame>.login-account-arrow-icon::after {
  content: url(../../images/icons/arrow-icons-small-top-big.svg);
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
  z-index: -1
}

.card-account>.card-dropdown.open>.card-dropdown-frame>.login-account-arrow-icon {
  background-image: url(../../images/icons/arrow-icons-small-top-big.svg)
}

.card-account>.dropdown-content-account {
  max-height: 424px;
  overflow-y: auto;
  width: 100%
}

.card-account>.dropdown-content-account>.dropdown-content {
  align-items: flex-start;
  align-self: stretch;
  background: var(--neutral-neutral-200);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  outline: 1px solid var(--neutral-neutral-400);
  outline-offset: -1px;
  padding: 16px
}

.card-account>.dropdown-content-account>.dropdown-content:hover {
  background: var(--neutral-neutral-100)
}

.card-account>.dropdown-content-account>.dropdown-content>.dropdown-content-frame {
  align-items: center;
  display: flex;
  gap: 16px;
  width: 100%
}

.card-account>.dropdown-content-account>.dropdown-content>.dropdown-content-frame>.dropdown-content-frame-account {
  align-items: flex-start;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: 4px;
  width: calc(100% - 40px)
}

.card-account>.dropdown-content-account>.dropdown-content>.dropdown-content-frame>.dropdown-content-frame-account>.login-account {
  align-self: stretch;
  color: var(--green-cresol-green-cresol-500);
  font: var(--paragraph-p-default)
}

.card-account>.dropdown-content-account>.dropdown-content>.dropdown-content-frame>.login-account-trash-icon {
  background-image: url(../../images/icons/action-icons-small-trash.svg);
  flex-shrink: 0;
  height: 24px;
  width: 24px
}

.card-account>.dropdown-content-account>.dropdown-content>.dropdown-content-frame>.dropdown-content-frame-account>.login-user {
  align-self: stretch;
  color: var(--neutral-neutral-800);
  font: var(--caption-captionid-1-caption-regular)
}

.card-account>.dropdown-content-account>.dropdown-content>.dropdown-content-frame>.dropdown-content-frame-account>.login-name {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-transform: capitalize
}

.card-account>.dropdown-content-account>.dropdown-content>.dropdown-content-frame>.login-account {
  color: var(--neutral-neutral-800);
  font: var(--paragraph-p-default)
}

.card-account>.dropdown-content-other {
  align-items: flex-start;
  align-self: stretch;
  background: var(--neutral-neutral-200);
  border: none;
  border-radius: 0 0 8px 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  outline: 1px solid var(--neutral-neutral-400);
  outline-offset: -1px;
  padding: 16px
}

.card-account>.dropdown-content-other>.dropdown-content-other-frame {
  display: flex;
  gap: 16px;
  height: 24px;
  width: 100%
}

.card-account>.dropdown-content-other>.dropdown-content-other-frame>.dropdown-content-other-frame-other {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%
}

.card-account>.dropdown-content-other>.dropdown-content-other-frame>.dropdown-content-other-frame-other>.login-account-other {
  align-self: stretch;
  color: var(--orange-cresol-orange-cresol-500);
  font: var(--paragraph-pid-1-default-medium)
}

.link-account-other {
  color: var(--orange-cresol-orange-cresol-500);
  text-decoration: none
}

.card-account>.dropdown-content-other>.dropdown-content-other-frame>.login-account-user-icon {
  background-image: url(../../images/icons/user-icons-small-profile-orange.svg);
  flex-shrink: 0;
  height: 24px;
  width: 24px
}

.acessar-contas-salvas {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center
}

.frame-input {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%
}

.documento-input {
  width: 100%
}

#app {
  display: flex;
  height: 100%;
  width: 100%;
}

@media (max-width: 768px) {
  .imagem-campanha {
    display: none;
  }

  .frame-body {
    width: 100%;
  }
}