@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);
.arrow__left{left:calc(1% + 1px)}.arrow-__right{right:calc(4% + 1px)}
@charset "UTF-8";
.rbc-btn {
  color: inherit;
  font: inherit;
  margin: 0;
}
button.rbc-btn {
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled].rbc-btn {
  cursor: not-allowed;
}
button.rbc-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.rbc-calendar {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.rbc-calendar *,
.rbc-calendar *:before,
.rbc-calendar *:after {
  box-sizing: inherit;
}
.rbc-abs-full, .rbc-row-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rbc-ellipsis, .rbc-show-more, .rbc-row-segment .rbc-event-content, .rbc-event-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rbc-rtl {
  direction: rtl;
}
.rbc-off-range {
  color: #999999;
}
.rbc-off-range-bg {
  background: #e6e6e6;
}
.rbc-header {
  overflow: hidden;
  flex: 1 0 0%;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 90%;
  min-height: 0;
  border-bottom: 1px solid #ddd;
}
.rbc-header + .rbc-header {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-header + .rbc-header {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-header > a, .rbc-header > a:active, .rbc-header > a:visited {
  color: inherit;
  text-decoration: none;
}
.rbc-button-link {
  color: inherit;
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.rbc-row-content {
  position: relative;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  z-index: 4;
}
.rbc-row-content-scrollable {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.rbc-row-content-scrollable .rbc-row-content-scroll-container {
  height: 100%;
  overflow-y: scroll;
  /* Hide scrollbar for Chrome, Safari and Opera */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar {
  display: none;
}
.rbc-today {
  background-color: #eaf6ff;
}
.rbc-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
}
.rbc-toolbar .rbc-toolbar-label {
  flex-grow: 1;
  padding: 0 10px;
  text-align: center;
}
.rbc-toolbar button {
  color: #373a3c;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  background: none;
  background-image: none;
  border: 1px solid #ccc;
  padding: 0.375rem 1rem;
  border-radius: 4px;
  line-height: normal;
  white-space: nowrap;
}
.rbc-toolbar button:active, .rbc-toolbar button.rbc-active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-toolbar button:active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button.rbc-active:focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.rbc-toolbar button:focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-toolbar button:hover {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-btn-group {
  display: inline-block;
  white-space: nowrap;
}
.rbc-btn-group > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.rbc-btn-group button + button {
  margin-left: -1px;
}
.rbc-rtl .rbc-btn-group button + button {
  margin-left: 0;
  margin-right: -1px;
}
.rbc-btn-group + .rbc-btn-group, .rbc-btn-group + button {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .rbc-toolbar {
    flex-direction: column;
  }
}
.rbc-event, .rbc-day-slot .rbc-background-event {
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0;
  padding: 2px 5px;
  background-color: #3174ad;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.rbc-slot-selecting .rbc-event, .rbc-slot-selecting .rbc-day-slot .rbc-background-event, .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
  cursor: inherit;
  pointer-events: none;
}
.rbc-event.rbc-selected, .rbc-day-slot .rbc-selected.rbc-background-event {
  background-color: #265985;
}
.rbc-event:focus, .rbc-day-slot .rbc-background-event:focus {
  outline: 5px auto #3b99fc;
}
.rbc-event-label {
  font-size: 80%;
}
.rbc-event-overlaps {
  box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
}
.rbc-event-continues-prior {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-event-continues-after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-event-continues-earlier {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rbc-event-continues-later {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-row {
  display: flex;
  flex-direction: row;
}
.rbc-row-segment {
  padding: 0 1px 1px 1px;
}
.rbc-selected-cell {
  background-color: rgba(0, 0, 0, 0.1);
}
.rbc-show-more {
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 4;
  font-weight: bold;
  font-size: 85%;
  height: auto;
  line-height: normal;
  color: #3174ad;
}
.rbc-show-more:hover, .rbc-show-more:focus {
  color: #265985;
}
.rbc-month-view {
  position: relative;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  width: 100%;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  height: 100%;
}
.rbc-month-header {
  display: flex;
  flex-direction: row;
}
.rbc-month-row {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1 0 0;
  flex-basis: 0px;
  overflow: hidden;
  height: 100%;
}
.rbc-month-row + .rbc-month-row {
  border-top: 1px solid #ddd;
}
.rbc-date-cell {
  flex: 1 1 0;
  min-width: 0;
  padding-right: 5px;
  text-align: right;
}
.rbc-date-cell.rbc-now {
  font-weight: bold;
}
.rbc-date-cell > a, .rbc-date-cell > a:active, .rbc-date-cell > a:visited {
  color: inherit;
  text-decoration: none;
}
.rbc-row-bg {
  display: flex;
  flex-direction: row;
  flex: 1 0 0;
  overflow: hidden;
}
.rbc-day-bg {
  flex: 1 0 0%;
}
.rbc-day-bg + .rbc-day-bg {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-day-bg + .rbc-day-bg {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-overlay {
  position: absolute;
  z-index: 5;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  padding: 10px;
}
.rbc-overlay > * + * {
  margin-top: 1px;
}
.rbc-overlay-header {
  border-bottom: 1px solid #e5e5e5;
  margin: -10px -10px 5px -10px;
  padding: 2px 10px;
}
.rbc-agenda-view {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  overflow: auto;
}
.rbc-agenda-view table.rbc-agenda-table {
  width: 100%;
  border: 1px solid #ddd;
  border-spacing: 0;
  border-collapse: collapse;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
  padding: 5px 10px;
  vertical-align: top;
}
.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
  padding-left: 15px;
  padding-right: 15px;
  text-transform: lowercase;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
  border-top: 1px solid #ddd;
}
.rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  padding: 3px 5px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  text-align: right;
}
.rbc-agenda-time-cell {
  text-transform: lowercase;
}
.rbc-agenda-time-cell .rbc-continues-after:after {
  content: " »";
}
.rbc-agenda-time-cell .rbc-continues-prior:before {
  content: "« ";
}
.rbc-agenda-date-cell,
.rbc-agenda-time-cell {
  white-space: nowrap;
}
.rbc-agenda-event-cell {
  width: 100%;
}
.rbc-time-column {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.rbc-time-column .rbc-timeslot-group {
  flex: 1;
}
.rbc-timeslot-group {
  border-bottom: 1px solid #ddd;
  min-height: 40px;
  display: flex;
  flex-flow: column nowrap;
}
.rbc-time-gutter,
.rbc-header-gutter {
  flex: none;
}
.rbc-label {
  padding: 0 5px;
}
.rbc-day-slot {
  position: relative;
}
.rbc-day-slot .rbc-events-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
}
.rbc-day-slot .rbc-events-container.rbc-rtl {
  left: 10px;
  right: 0;
}
.rbc-day-slot .rbc-event, .rbc-day-slot .rbc-background-event {
  border: 1px solid #265985;
  display: flex;
  max-height: 100%;
  min-height: 20px;
  flex-flow: column wrap;
  align-items: flex-start;
  overflow: hidden;
  position: absolute;
}
.rbc-day-slot .rbc-background-event {
  opacity: 0.75;
}
.rbc-day-slot .rbc-event-label {
  flex: none;
  padding-right: 5px;
  width: auto;
}
.rbc-day-slot .rbc-event-content {
  width: 100%;
  flex: 1 1 0;
  word-wrap: break-word;
  line-height: 1;
  height: 100%;
  min-height: 1em;
}
.rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #f7f7f7;
}
.rbc-time-view-resources .rbc-time-gutter,
.rbc-time-view-resources .rbc-time-header-gutter {
  position: sticky;
  left: 0;
  background-color: white;
  border-right: 1px solid #ddd;
  z-index: 10;
  margin-right: -1px;
}
.rbc-time-view-resources .rbc-time-header {
  overflow: hidden;
}
.rbc-time-view-resources .rbc-time-header-content {
  min-width: auto;
  flex: 1 0 0;
  flex-basis: 0px;
}
.rbc-time-view-resources .rbc-time-header-cell-single-day {
  display: none;
}
.rbc-time-view-resources .rbc-day-slot {
  min-width: 140px;
}
.rbc-time-view-resources .rbc-header,
.rbc-time-view-resources .rbc-day-bg {
  width: 140px;
  flex: 1 1 0;
  flex-basis: 0 px;
}
.rbc-time-header-content + .rbc-time-header-content {
  margin-left: -1px;
}
.rbc-time-slot {
  flex: 1 0 0;
}
.rbc-time-slot.rbc-now {
  font-weight: bold;
}
.rbc-day-header {
  text-align: center;
}
.rbc-slot-selection {
  z-index: 10;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 75%;
  width: 100%;
  padding: 3px;
}
.rbc-slot-selecting {
  cursor: move;
}
.rbc-time-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  border: 1px solid #ddd;
  min-height: 0;
}
.rbc-time-view .rbc-time-gutter {
  white-space: nowrap;
  text-align: right;
}
.rbc-time-view .rbc-allday-cell {
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  position: relative;
}
.rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
  border-left: 1px solid #ddd;
}
.rbc-time-view .rbc-allday-events {
  position: relative;
  z-index: 4;
}
.rbc-time-view .rbc-row {
  box-sizing: border-box;
  min-height: 20px;
}
.rbc-time-header {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
}
.rbc-time-header.rbc-overflowing {
  border-right: 1px solid #ddd;
}
.rbc-rtl .rbc-time-header.rbc-overflowing {
  border-right-width: 0;
  border-left: 1px solid #ddd;
}
.rbc-time-header > .rbc-row:first-child {
  border-bottom: 1px solid #ddd;
}
.rbc-time-header > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
}
.rbc-time-header-cell-single-day {
  display: none;
}
.rbc-time-header-content {
  flex: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-time-header-content {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-time-header-content > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
  flex-shrink: 0;
}
.rbc-time-content {
  display: flex;
  flex: 1 0 0%;
  align-items: flex-start;
  width: 100%;
  border-top: 2px solid #ddd;
  overflow-y: auto;
  position: relative;
}
.rbc-time-content > .rbc-time-gutter {
  flex: none;
}
.rbc-time-content > * + * > * {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-time-content > * + * > * {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-time-content > .rbc-day-slot {
  width: 100%;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.rbc-current-time-indicator {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #74ad31;
  pointer-events: none;
}
/*# sourceMappingURL=react-big-calendar.css.map */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('ajax-loader.fb6f3c230cb846e25247.gif') center center no-repeat;
}
/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('slick.a4e97f5a2a64f0ab1323.eot');
    src: url('slick.a4e97f5a2a64f0ab1323.eot?#iefix') format('embedded-opentype'), url('slick.295183786cd8a1389865.woff') format('woff'), url('slick.c94f7671dcc99dce43e2.ttf') format('truetype'), url('slick.2630a3e3eab21c607e21.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}
.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}
.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.DotsContainer{display:flex;width:100%;justify-content:center;gap:0.5rem;padding-top:1.75rem;padding-bottom:1.75rem;color:var(--primary-color)}.DotsContainer li:not(:first-child)::before{content:"|";margin-right:0.5rem;font-weight:400}.DotsContainer li.slick-active{font-weight:700}
/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}
.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: flex;
	align-items: center;
}
.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	flex: 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}
.PhoneInputCountryIcon {
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--square {
	width: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}
.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}
.PhoneInputInternationalIconPhone {
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}
.PhoneInputInternationalIconGlobe {
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}
/* Styling native country `<select/>`. */
.PhoneInputCountry {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}
.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}
.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}
.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: var(--PhoneInputCountrySelectArrow-width);
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}
:root {
    --PhoneInputCountrySelect-marginRight: 0.75rem;
}

.PhoneInput {
    grid-column-end: 7;
    grid-column-start: 4;
    gap: 5px;
    height: 30px;
}

.PhoneInputCountry {
    padding: 0.5em 0.75rem;
    border-style: solid;
    border-width: 1px;
    border-radius: 0.25rem;
}

.PhoneInputInput {
    height: 30px;
    width: 216px;
    padding: 0.25rem;
    border-style: solid;
    border-width: 1px;
    border-radius: 0.25rem;
}

input[type="search"] {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;
}



:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}

.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}

.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */
.eventName {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rbc-time-view {
  border: none;
}

.rbc-time-content {
  border: none;
}

.rbc-header {
  padding-bottom: 20px;
}

.rbc-header + .rbc-header {
  border-left: none;
}

.rbc-time-header .rbc-time-header-content {
  border: none;
}

.rbc-day-bg {
  background: white;
}

.rbc-time-gutter > .rbc-timeslot-group {
  border: none;
}

.rbc-time-content > * + * > * {
  border-left:none;
}

.rbc-day-slot .rbc-time-slot {
  border-top: 0;
}

.rbc-day-slot .rbc-events-container {
  margin-right: 0;
}

.rbc-day-slot .rbc-time-slot {
  background-color: #F4F1DE;
  border-radius: 5px;
}

.rbc-today {
  background-color: white;
}

.rbc-allday-cell {
  display: none;
}

.rbc-label {
  font-size: 0.75rem;
}
.react-calendar {
  background: #F8F8F8;
  line-height: 1.125em;
  font-size: 14px;
}

.react-calendar--doubleView {
  width: 700px;
}

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
}

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5rem;
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  box-sizing: border-box;
}

.react-calendar button {
  margin: 0;
  border-radius: 8px;
  outline: none;
}

.react-calendar button:enabled:hover {
  cursor: pointer;
}

.react-calendar__navigation {
  display: flex;
  height: 44px;
  margin-bottom: 5px;
}

.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}

.react-calendar__navigation button:disabled {
  background-color: #f0f0f0;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
}

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5rem;
}

.react-calendar__month-view__weekdays__weekday  abbr:where([title]) {
  text-decoration: none;
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  font-weight: bold;
}

/* Hide weekends */

.react-calendar__month-view__days > .react-calendar__tile,
.react-calendar__month-view__weekdays__weekday {
  flex-basis: 20% !important;
  max-width: 20% !important;
}

.react-calendar__month-view__weekdays__weekday:nth-child(6),
.react-calendar__month-view__weekdays__weekday:nth-child(7) {
  display: none !important;
}

.react-calendar__month-view__days__day {
  border: 1px solid #FFFFFF;
}

.react-calendar__month-view__days__day--weekend {
  display: none !important;
}

.react-calendar__month-view__days__day--neighboringMonth {
  background-color: white !important;
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}

.react-calendar__tile {
  max-width: 100%;
  padding: 8px 6.6667px;
  background: none;
  text-align: center;
  line-height: 16px;
}

.react-calendar__tile:disabled {
  background-color: #f0f0f0;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__tile--now {
  background: white;
}

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9;
}

.react-calendar__tile--hasActive {
  background: #76baff;
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}

.react-calendar__tile--active {
  background: #004039;
  color: white;
}

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #004039;
}

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}

.sr-confirm-modal {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1.5rem;padding-top: 1.5rem;padding-bottom: 3rem;text-align: center;color: var(--primary-color)
}.sr-confirm-modal__button {display: flex;justify-content: flex-end;gap: 1rem
}.sr-confirm-modal__justify_end {justify-content: flex-end
}.sr-confirm-modal__justify_center {justify-content: center
}.sr-confirm-modal__justify_start {justify-content: flex-start
}.sr-confirm-modal__text_primary {color: var(--primary-color)
}.sr-confirm-modal__border_primary {border-color: var(--primary-color)
}
.sr-error-modal {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1.5rem;padding-top: 1.5rem;padding-bottom: 3rem;text-align: center;color: var(--primary-color)
}.sr-error-modal__item {align-self: center
}.sr-error-modal__button {display: flex;justify-content: center;gap: 1rem
}
.text-pending {
    color: #EB6D44
}

.text-error {
    color: #DA2C38
}

.text-success {
    color: #004039
}

.sr-success-modal {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1.5rem;padding-top: 1.5rem;padding-bottom: 3rem;text-align: center;color: var(--primary-color)
}.sr-success-modal__item {align-self: center
}
/*!
 * surveyjs - Survey JavaScript library v1.12.11
 * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--sjs-transition-duration: 150ms}
.sv-action-bar{display:flex;box-sizing:content-box;position:relative;align-items:center;margin-left:auto;overflow:hidden;white-space:nowrap}
.sv-action-bar-separator{display:inline-block;width:1px;height:24px;vertical-align:middle;margin-right:16px;background-color:var(--sjs-border-default, var(--border, #d6d6d6))}
.sv-action-bar--default-size-mode .sv-action-bar-separator{margin:0 var(--sjs-base-unit, var(--base-unit, 8px))}
.sv-action-bar--small-size-mode .sv-action-bar-separator{margin:0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-action-bar-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:var(--sjs-base-unit, var(--base-unit, 8px));box-sizing:border-box;border:none;border-radius:calc(0.5*(var(--sjs-corner-radius, 4px)));background-color:rgba(0,0,0,0);color:var(--sjs-general-forecolor, var(--foreground, #161616));cursor:pointer;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));overflow-x:hidden;white-space:nowrap}
button.sv-action-bar-item{overflow:hidden}
.sv-action-bar--default-size-mode .sv-action-bar-item{height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));font-size:var(--sjs-font-size, 16px);line-height:calc(1.5*(var(--sjs-font-size, 16px)));margin:0 var(--sjs-base-unit, var(--base-unit, 8px))}
.sv-action-bar--small-size-mode .sv-action-bar-item{height:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));font-size:calc(0.75*(var(--sjs-font-size, 16px)));line-height:var(--sjs-font-size, 16px);margin:0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-action:first-of-type .sv-action-bar-item{margin-inline-start:0}
.sv-action:last-of-type .sv-action-bar-item{margin-inline-end:0}
.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon{margin-inline-start:var(--sjs-base-unit, var(--base-unit, 8px))}
.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon{margin-inline-start:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-action-bar-item__icon svg{display:block}
.sv-action-bar-item__icon use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled{outline:none;background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}
.sv-action-bar-item--active.sv-action-bar-item--pressed:focus,.sv-action-bar-item--active.sv-action-bar-item--pressed:focus-visible{outline:none}
.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled{opacity:.5}
.sv-action-bar-item:disabled{opacity:.25;cursor:default}
.sv-action-bar-item__title{color:inherit;vertical-align:middle;white-space:nowrap}
.sv-action-bar-item--secondary .sv-action-bar-item__icon use{fill:var(--sjs-secondary-backcolor, var(--secondary, #ff9814))}
.sv-action-bar-item--active .sv-action-bar-item__icon use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sv-action-bar-item-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:var(--sjs-base-unit, var(--base-unit, 8px));box-sizing:border-box;border:none;border-radius:calc(0.5*(var(--sjs-corner-radius, 4px)));background-color:rgba(0,0,0,0);cursor:pointer;line-height:calc(1.5*(var(--sjs-font-size, 16px)));font-size:var(--sjs-font-size, 16px);font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))}
.sv-expand-action:before{content:"";display:inline-block;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center center;height:10px;width:12px;margin:auto 8px}
.sv-expand-action--expanded:before{transform:rotate(180deg)}
.sv-dots{width:48px}
.sv-dots__item{width:100%}
.sv-dots__item .sv-action-bar-item__icon{margin:auto}
.sv-action--hidden{width:0px;height:0px;overflow:hidden;visibility:hidden}
.sv-action--hidden .sv-action__content{min-width:-moz-fit-content;min-width:fit-content}
.sv-action__content{display:flex;flex-direction:row;align-items:center}
.sv-action__content>*{flex:0 0 auto}
.sv-action--space{margin-left:auto}
.sv-action-bar-item--pressed:not(.sv-action-bar-item--active){background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));opacity:50%}
:root{--sjs-transition-duration: 150ms}
.sv-dragged-element-shortcut{height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));min-width:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));background-color:var(--sjs-general-backcolor, var(--background, #fff));padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));cursor:grabbing;position:absolute;z-index:10000;box-shadow:0px 8px 16px rgba(0,0,0,.1);font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-size:var(--sjs-font-size, 16px);padding-left:calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));line-height:calc(1.5*(var(--sjs-font-size, 16px)))}
.sv-matrixdynamic__drag-icon{padding-top:calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-matrixdynamic__drag-icon:after{content:" ";display:block;height:calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));border:1px solid #e7e7e7;box-sizing:border-box;border-radius:calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));cursor:move;margin-top:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-matrixdynamic-dragged-row{cursor:grabbing;position:absolute;z-index:10000;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))}
.sv-matrixdynamic-dragged-row .sd-table__row{box-shadow:var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)),var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));background-color:var(--sjs-general-backcolor, var(--background, #fff));display:flex;flex-grow:0;flex-shrink:0;align-items:center;line-height:0}
.sv-matrix-row--drag-drop-ghost-mod td{background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}
.sv-matrix-row--drag-drop-ghost-mod td>*{visibility:hidden}
.sv-drag-drop-choices-shortcut{cursor:grabbing;position:absolute;z-index:10000;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));min-width:100px;max-width:400px}
.sv-drag-drop-choices-shortcut .sv-ranking-item{height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,.sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor{overflow:hidden;white-space:nowrap}
.sv-drag-drop-choices-shortcut__content.sv-drag-drop-choices-shortcut__content{min-width:100px;box-shadow:var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)),var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));background-color:var(--sjs-general-backcolor, var(--background, #fff));border-radius:calc(4.5*var(--sjs-base-unit, var(--base-unit, 8px)));padding-right:calc(2*var(--sjs-base-unit, var(--base-unit, 8px)));margin-left:0}
:root{--sjs-transition-duration: 150ms}
sv-popup{display:block;position:absolute}
.sv-popup{position:fixed;left:0;top:0;width:100vw;outline:none;z-index:2000;height:100vh}
.sv-dropdown-popup{height:0}
.sv-popup.sv-popup-inner{height:0}
.sv-popup-inner>.sv-popup__container{margin-top:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-list__item--with-icon .sv-popup-inner>.sv-popup__container{margin-top:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-popup__container{background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));box-shadow:var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)),var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));border-radius:var(--sjs-corner-radius, 4px);position:absolute;padding:0}
.sv-popup__body-content{background-color:var(--sjs-general-backcolor, var(--background, #fff));border-radius:var(--sjs-corner-radius, 4px);width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;max-height:90vh;max-width:100vw}
.sv-popup--modal{display:flex;align-items:center;justify-content:center;background-color:var(--background-semitransparent, rgba(144, 144, 144, 0.5));padding:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(15*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box}
.sv-popup--modal>.sv-popup__container{position:static;display:flex}
.sv-popup--modal>.sv-popup__container>.sv-popup__body-content{background-color:var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));padding:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));height:auto;gap:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-popup--modal .sv-popup__body-footer .sv-footer-action-bar{overflow:visible}
.sv-popup--confirm-delete .sv-popup__container{border-radius:var(--sjs-base-unit, var(--base-unit, 8px))}
.sv-popup--confirm-delete .sv-popup__body-content{border-radius:var(--sjs-base-unit, var(--base-unit, 8px));max-width:-moz-min-content;max-width:min-content;align-items:flex-end;min-width:452px}
.sv-popup--confirm-delete .sv-popup__body-header{color:var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));align-self:self-start;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-size:var(--sjs-font-size, 16px);font-style:normal;font-weight:400;line-height:calc(1.5*(var(--sjs-font-size, 16px)))}
.sv-popup--confirm-delete .sv-popup__scrolling-content{display:none}
.sv-popup--confirm-delete .sv-popup__body-footer{max-width:-moz-max-content;max-width:max-content}
.sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar{gap:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-popup--overlay{width:100%;height:var(--sv-popup-overlay-height, 100vh)}
.sv-popup--overlay .sv-popup__container{background:var(--background-semitransparent, rgba(144, 144, 144, 0.5));max-width:100vw;max-height:calc(var(--sv-popup-overlay-height, 100vh) - 1*var(--sjs-base-unit, var(--base-unit, 8px)));height:calc(var(--sv-popup-overlay-height, 100vh) - 1*var(--sjs-base-unit, var(--base-unit, 8px)));width:100%;padding-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));border:unset;box-shadow:unset;box-sizing:content-box}
.sv-popup--overlay .sv-popup__body-content{max-height:var(--sv-popup-overlay-height, 100vh);max-width:100vw;border-radius:calc(4*(var(--sjs-corner-radius, 4px))) calc(4*(var(--sjs-corner-radius, 4px))) 0px 0px;background:var(--sjs-general-backcolor, var(--background, #fff));padding:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(100% - 1*var(--sjs-base-unit, var(--base-unit, 8px)))}
.sv-popup--overlay .sv-popup__scrolling-content{height:calc(100% - 10*var(--base-unit, 8px))}
.sv-popup--overlay .sv-popup__body-footer .sv-action-bar{width:100%}
.sv-popup--overlay .sv-popup__body-footer-item{width:100%}
.sv-popup--overlay .sv-popup__body-footer .sv-action{flex:1 0 0}
.sv-popup--overlay .sv-popup__button.sv-popup__button{background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));border:2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}
.sv-popup--modal .sv-popup__scrolling-content{padding:2px;margin:-2px}
.sv-popup__scrolling-content{height:100%;overflow:auto;display:flex;flex-direction:column}
.sv-popup__scrolling-content::-webkit-scrollbar,.sv-popup__scrolling-content *::-webkit-scrollbar{height:6px;width:6px;background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}
.sv-popup__scrolling-content::-webkit-scrollbar-thumb,.sv-popup__scrolling-content *::-webkit-scrollbar-thumb{background:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}
.sv-popup__content{min-width:100%;height:100%;display:flex;flex-direction:column;min-height:0;position:relative}
.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer{transform:translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))))) rotate(180deg)}
.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer{transform:translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))), calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))))}
.sv-popup--show-pointer.sv-popup--right .sv-popup__container{transform:translate(var(--sjs-base-unit, var(--base-unit, 8px)))}
.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer{transform:translate(-12px, -4px) rotate(-90deg)}
.sv-popup--show-pointer.sv-popup--left .sv-popup__container{transform:translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))))}
.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer{transform:translate(-4px, -4px) rotate(90deg)}
.sv-popup__pointer{display:block;position:absolute}
.sv-popup__pointer:after{content:" ";display:block;width:0;height:0;border-left:var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0,0,0,0);border-right:var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0,0,0,0);border-bottom:var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--sjs-general-backcolor, var(--background, #fff));align-self:center}
.sv-popup__body-header{font-family:Open Sans;font-size:calc(1.5*(var(--sjs-font-size, 16px)));line-height:calc(2*(var(--sjs-font-size, 16px)));font-style:normal;font-weight:700;color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sv-popup__body-footer{display:flex}
.sv-popup__body-footer .sv-action-bar{gap:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-popup--modal .sv-list__filter,.sv-popup--overlay .sv-list__filter{padding-top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sv-popup--modal .sv-list__filter-icon,.sv-popup--overlay .sv-list__filter-icon{top:calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-popup--dropdown .sv-list__filter{margin-bottom:var(--sjs-base-unit, var(--base-unit, 8px))}
.sv-popup--dropdown .sv-popup__body-content{background-color:var(--sjs-general-backcolor, var(--background, #fff));padding:var(--sjs-base-unit, var(--base-unit, 8px)) 0;height:100%}
.sv-popup--dropdown>.sv-popup__container>.sv-popup__body-content .sv-list{background-color:rgba(0,0,0,0)}
.sv-dropdown-popup .sv-popup__body-content{padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0}
.sv-dropdown-popup .sv-list__filter{margin-bottom:0}
.sv-popup--overlay .sv-popup__body-content{background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));gap:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-popup--dropdown-overlay{z-index:2001;padding:0}
.sv-popup--dropdown-overlay .sv-popup__body-content{padding:0;border-radius:0}
.sv-popup--dropdown-overlay .sv-popup__body-footer .sv-action-bar .sv-action{flex:0 0 auto}
.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button{background-color:rgba(0,0,0,0);color:var(--sjs-primary-backcolor, var(--primary, #19b394));border:none;box-shadow:none;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-popup--dropdown-overlay .sv-popup__container{max-height:calc(var(--sv-popup-overlay-height, 100vh));height:calc(var(--sv-popup-overlay-height, 100vh));padding-top:0}
.sv-popup--dropdown-overlay .sv-popup__body-content{height:calc(var(--sv-popup-overlay-height, 100vh));gap:0}
.sv-popup--dropdown-overlay .sv-popup__body-footer{background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));padding-top:var(--sjs-base-unit, var(--base-unit, 8px));padding-bottom:var(--sjs-base-unit, var(--base-unit, 8px));border-top:1px solid var(--sjs-border-light, var(--border-light, #eaeaea))}
.sv-popup--dropdown-overlay .sv-popup__scrolling-content{height:calc(100% - 6*var(--base-unit, 8px))}
.sv-popup--dropdown-overlay .sv-list__filter-icon .sv-svg-icon{width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-popup--dropdown-overlay .sv-list__container{padding:0}
.sv-popup--dropdown-overlay .sv-list{flex-grow:1;padding:var(--sjs-base-unit, var(--base-unit, 8px)) 0}
.sv-popup--dropdown-overlay .sv-list__filter{display:flex;align-items:center;margin-bottom:0;padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-popup--dropdown-overlay .sv-list__filter-icon{position:static;height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-popup--dropdown-overlay .sv-list__empty-container{display:flex;flex-direction:column;justify-content:center;flex-grow:1;padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));background-color:var(--sjs-general-backcolor, var(--background, #fff))}
.sv-popup--dropdown-overlay .sv-popup__button:disabled{pointer-events:none;color:var(--sjs-general-forecolor, var(--foreground, #161616));opacity:.25}
.sv-popup--dropdown-overlay .sv-list__filter-clear-button{height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:100%;background-color:rgba(0,0,0,0)}
.sv-popup--dropdown-overlay .sv-list__filter-clear-button svg{height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-popup--dropdown-overlay .sv-list__filter-clear-button svg use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-popup--dropdown-overlay .sv-list__input{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));font-size:max(16px,var(--sjs-font-size, 16px));line-height:max(24px,1.5*(var(--sjs-font-size, 16px)));font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-popup--dropdown-overlay .sv-list__item:hover .sv-list__item-body,.sv-popup--dropdown-overlay .sv-list__item:focus .sv-list__item-body,.sv-popup--dropdown-overlay .sv-list__item--focused .sv-list__item-body{background:var(--sjs-general-backcolor, var(--background, #fff))}
.sv-popup--dropdown-overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,.sv-popup--dropdown-overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,.sv-popup--dropdown-overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body{background:var(--sjs-primary-backcolor, var(--primary, #19b394));color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff));font-weight:600}
.sv-popup--dropdown-overlay .sv-popup__body-footer .sv-action-bar{justify-content:flex-start}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter{padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list{padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button{padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__body-footer{padding-top:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));background-color:var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter-icon .sv-svg-icon{width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter-icon{height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__input{padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px))}
.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item--focused.sv-list__item--selected .sv-list__item-body{background:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));color:var(--sjs-general-forecolor, var(--foreground, #161616));font-weight:400}
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content{--sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);--sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);position:absolute;transform:translate(-50%, -50%);left:50%;top:50%;max-height:var(--sv-popup-overlay-max-height);min-height:min(var(--sv-popup-overlay-max-height),30*(var(--sjs-base-unit, var(--base-unit, 8px))));height:auto;width:auto;min-width:min(40*(var(--sjs-base-unit, var(--base-unit, 8px))),var(--sv-popup-overlay-max-width));max-width:var(--sv-popup-overlay-max-width);border-radius:var(--sjs-corner-radius, 4px);overflow:hidden;box-shadow:var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)),var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1))}
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__content,.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__scrolling-content,.sv-popup--dropdown-overlay.sv-popup--tablet .sv-list__container{flex-grow:1}
.sv-popup--visible{opacity:1}
.sv-popup--hidden{opacity:0}
.sv-popup--enter{animation-name:fadeIn;animation-fill-mode:forwards;animation-duration:.15s}
.sv-popup--modal.sv-popup--enter{animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-duration:.25s}
.sv-popup--leave{animation-direction:reverse;animation-name:fadeIn;animation-fill-mode:forwards;animation-duration:.15s}
.sv-popup--modal.sv-popup--leave{animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-duration:.25s}
.sv-popup--hidden{opacity:0}
@keyframes modalMoveUp{from{transform:translateY(64px)}to{transform:translateY(0)}}
.sv-popup--modal.sv-popup--leave .sv-popup__container,.sv-popup--modal.sv-popup--enter .sv-popup__container{animation-name:modalMoveUp;animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-fill-mode:forwards;animation-duration:.25s}
.sv-popup--modal.sv-popup--leave .sv-popup__container{animation-direction:reverse;animation-timing-function:cubic-bezier(0.42, 0, 1, 1)}
:root{--sjs-transition-duration: 150ms}
.sv-button-group{display:flex;align-items:center;flex-direction:row;font-size:var(--sjs-font-size, 16px);overflow:auto;border:1px solid var(--sjs-border-default, var(--border, #d6d6d6))}
.sv-button-group:focus-within{box-shadow:0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));border-color:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sv-button-group__item{display:flex;box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:11px calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));line-height:calc(1.5*(var(--sjs-font-size, 16px)));outline:none;font-size:var(--sjs-font-size, 16px);font-weight:400;background:var(--sjs-general-backcolor, var(--background, #fff));cursor:pointer;overflow:hidden;color:var(--sjs-general-forecolor, var(--foreground, #161616));position:relative}
.sv-button-group__item:not(:last-of-type){border-right:1px solid var(--sjs-border-default, var(--border, #d6d6d6))}
.sv-button-group__item--hover:hover{background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}
.sv-button-group__item-icon{display:block;height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-button-group__item-icon use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-button-group__item--selected{font-weight:600;color:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sv-button-group__item--selected .sv-button-group__item-icon use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sv-button-group__item--selected:hover{background-color:var(--sjs-general-backcolor, var(--background, #fff))}
.sv-button-group__item-decorator{display:flex;align-items:center;max-width:100%}
.sv-button-group__item-caption{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv-button-group__item-icon+.sv-button-group__item-caption{margin-left:var(--sjs-base-unit, var(--base-unit, 8px))}
.sv-button-group__item--disabled{color:var(--sjs-general-forecolor, var(--foreground, #161616));cursor:default}
.sv-button-group__item--disabled .sv-button-group__item-decorator{opacity:.25;font-weight:normal}
.sv-button-group__item--disabled .sv-button-group__item-icon use{fill:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sv-button-group__item--disabled:hover{background-color:var(--sjs-general-backcolor, var(--background, #fff))}
.sv-button-group:focus-within{box-shadow:0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));border-color:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sv-visuallyhidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sv-hidden{display:none !important}
.sv-title-actions{display:flex;align-items:center;width:100%}
.sv-title-actions__title{flex-wrap:wrap;max-width:90%;min-width:50%;white-space:initial}
.sv-action-title-bar{min-width:56px}
.sv-title-actions .sv-title-actions__title{flex-wrap:wrap;flex:0 1 auto;max-width:unset;min-width:unset}
.sv-title-actions .sv-action-title-bar{flex:1 1 auto;justify-content:flex-end;min-width:unset}
:root{--sjs-transition-duration: 150ms}
.sv_window{position:fixed;bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));right:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:var(--sjs-base-unit, var(--base-unit, 8px));border:1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));box-shadow:var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)),var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));background-clip:padding-box;z-index:100;max-height:50vh;overflow:auto;box-sizing:border-box;background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));width:calc(100% - 4*(var(--sjs-base-unit, var(--base-unit, 8px)))) !important}
@-moz-document url-prefix(){.sv_window,.sv_window *{scrollbar-width:thin;scrollbar-color:var(--sjs-border-default, var(--border, #d6d6d6)) rgba(0,0,0,0)}}
.sv_window::-webkit-scrollbar,.sv_window *::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(0,0,0,0)}
.sv_window::-webkit-scrollbar-thumb,.sv_window *::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:32px;background-color:var(--sjs-border-default, var(--border, #d6d6d6))}
.sv_window::-webkit-scrollbar-track,.sv_window *::-webkit-scrollbar-track{background:rgba(0,0,0,0)}
.sv_window::-webkit-scrollbar-thumb:hover,.sv_window *::-webkit-scrollbar-thumb:hover{border:2px solid rgba(0,0,0,0);background-color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv_window_root-content{height:100%}
.sv_window--full-screen{top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));left:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));right:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));max-height:100%;width:initial !important;max-width:initial !important}
.sv_window_header{display:flex;justify-content:flex-end}
.sv_window_content{overflow:hidden}
.sv_window--collapsed{height:initial}
.sv_window--collapsed .sv_window_header{height:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:var(--sjs-base-unit, var(--base-unit, 8px));display:flex;background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));box-sizing:content-box}
.sv_window--collapsed .sv_window_content{display:none}
.sv_window--collapsed .sv_window_buttons_container{margin-top:0;margin-right:0}
.sv_window_header_title_collapsed{color:var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-style:normal;font-weight:600;font-size:var(--sjs-font-size, 16px);line-height:calc(1.5*(var(--sjs-font-size, 16px)));flex:1;display:flex;justify-content:flex-start;align-items:center}
.sv_window_header_description{color:var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));font-feature-settings:"salt" on;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-style:normal;font-size:var(--sjs-font-size, 16px);line-height:calc(1.5*(var(--sjs-font-size, 16px)));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.sv_window_buttons_container{position:fixed;margin-top:var(--sjs-base-unit, var(--base-unit, 8px));margin-right:var(--sjs-base-unit, var(--base-unit, 8px));display:flex;gap:var(--sjs-base-unit, var(--base-unit, 8px));z-index:10000}
.sv_window_button{display:flex;padding:var(--sjs-base-unit, var(--base-unit, 8px));justify-content:center;align-items:center;border-radius:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));cursor:pointer}
.sv_window_button:hover,.sv_window_button:active{background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}
.sv_window_button:hover svg use,.sv_window_button:hover svg path,.sv_window_button:active svg use,.sv_window_button:active svg path{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sv_window_button:active{opacity:.5}
.sv_window_button svg use,.sv_window_button svg path{fill:var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))}
sv-brand-info,.sv-brand-info{z-index:1;position:relative;margin-top:1px}
.sv-brand-info{font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));text-align:right;color:#161616;padding:24px 40px}
.sv-brand-info a{color:#161616;text-decoration-line:underline}
.sd-body--static .sv-brand-info{padding-top:0;margin-top:16px}
.sd-body--responsive .sv-brand-info{padding-top:16px;margin-top:-8px}
.sd-root-modern--mobile .sv-brand-info{padding:48px 24px 8px 24px;margin-top:0;text-align:center}
.sv-brand-info__text{font-weight:600;font-size:var(--sjs-font-size, 16px);line-height:calc(1.5*(var(--sjs-font-size, 16px)));color:#161616}
.sv-brand-info__logo{display:inline-block}
.sv-brand-info__logo img{width:118px}
.sv-brand-info__terms{font-weight:400;font-size:calc(0.75*(var(--sjs-font-size, 16px)));line-height:var(--sjs-font-size, 16px);padding-top:4px}
.sv-brand-info__terms a{color:#909090}
.sd-body--responsive .sv-brand-info{padding-right:0;padding-left:0}
:root{--sjs-transition-duration: 150ms}
.sv-ranking{outline:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}
.sv-ranking-item{cursor:pointer;position:relative;opacity:1}
.sv-ranking-item:focus .sv-ranking-item__icon--hover{visibility:hidden}
.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover{visibility:visible}
.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover{visibility:hidden}
.sv-ranking-item:focus{outline:none}
.sv-ranking-item:focus .sv-ranking-item__icon--focus{visibility:visible;top:calc(0.6*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking-item:focus .sv-ranking-item__index{background:var(--sjs-general-backcolor, var(--background, #fff));outline:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sv-ranking-item__content.sv-ranking-item__content{display:flex;align-items:center;line-height:1em;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking-item__icon-container{position:relative;left:0;bottom:0;flex-shrink:0;width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));align-self:flex-start;padding-left:var(--sjs-base-unit, var(--base-unit, 8px));padding-right:var(--sjs-base-unit, var(--base-unit, 8px));margin-left:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:content-box}
.sv-ranking-item--disabled.sv-ranking-item--disabled,.sv-ranking-item--readonly.sv-ranking-item--readonly,.sv-ranking-item--preview.sv-ranking-item--preview{cursor:initial;-moz-user-select:initial;user-select:initial;-webkit-user-select:initial}
.sv-ranking-item--disabled.sv-ranking-item--disabled .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,.sv-ranking-item--readonly.sv-ranking-item--readonly .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,.sv-ranking-item--preview.sv-ranking-item--preview .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon{visibility:hidden}
.sv-ranking-item__icon.sv-ranking-item__icon{visibility:hidden;fill:var(--sjs-primary-backcolor, var(--primary, #19b394));position:absolute;top:var(--sjs-base-unit, var(--base-unit, 8px));width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking-item__index.sv-ranking-item__index{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));display:flex;flex-shrink:0;align-items:center;justify-content:center;background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));font-size:var(--sjs-internal-font-editorfont-size);border-radius:100%;border:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0,0,0,0);width:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));line-height:calc(1.5*(var(--sjs-font-size, 16px)));box-sizing:border-box;font-weight:600;margin-left:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));transition:outline var(--sjs-transition-duration, 150ms),background var(--sjs-transition-duration, 150ms);outline:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0,0,0,0);align-self:self-start}
.sv-ranking-item__index.sv-ranking-item__index svg{fill:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));width:var(--sjs-internal-font-editorfont-size);height:var(--sjs-internal-font-editorfont-size)}
.sv-ranking-item__text{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));font-size:var(--sjs-internal-font-editorfont-size);line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));margin:0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));overflow-wrap:break-word;word-break:normal;align-self:self-start;padding-top:var(--sjs-base-unit, var(--base-unit, 8px));padding-bottom:var(--sjs-base-unit, var(--base-unit, 8px))}
.sv-ranking-item__text .sv-string-viewer,.sv-ranking-item__text .sv-string-editor{overflow:initial;white-space:pre-line}
.sd-ranking--disabled .sv-ranking-item__text{color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));opacity:.25}
.sv-ranking-item--disabled .sv-ranking-item__text{color:var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));opacity:.25}
.sv-ranking-item--readonly .sv-ranking-item__index{background-color:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)))}
.sv-ranking-item--preview .sv-ranking-item__index{background-color:rgba(0,0,0,0);border:1px solid var(--sjs-general-forecolor, var(--foreground, #161616));box-sizing:border-box}
.sv-ranking-item__ghost.sv-ranking-item__ghost{display:none;background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(31*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));z-index:1;position:absolute;left:0;top:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
[dir=rtl] .sv-ranking-item__ghost{left:initilal;right:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking-item--ghost{height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer,.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-editor{white-space:unset}
.sv-ranking-item--ghost .sv-ranking-item__ghost{display:block}
.sv-ranking-item--ghost .sv-ranking-item__content{visibility:hidden}
.sv-ranking-item--drag .sv-ranking-item__content{box-shadow:var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon{visibility:hidden}
.sv-ranking-item--drag .sv-ranking-item__icon--hover{visibility:visible}
.sv-ranking--mobile .sv-ranking-item__icon--hover{visibility:visible;fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover{visibility:hidden}
.sv-ranking--mobile.sv-ranking-shortcut{max-width:80%}
.sv-ranking--mobile .sv-ranking-item__index.sv-ranking-item__index{margin-left:0}
.sv-ranking--mobile .sd-element--with-frame .sv-ranking-item__icon{margin-left:0}
.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon{visibility:hidden}
.sv-ranking--disabled{opacity:.8}
.sv-ranking-shortcut[hidden]{display:none}
.sv-ranking-shortcut .sv-ranking-item__icon{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sv-ranking-shortcut .sv-ranking-item__text{margin-right:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking-shortcut .sv-ranking-item__icon--hover{visibility:visible}
.sv-ranking-shortcut .sv-ranking-item__icon{width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sv-ranking-shortcut .sv-ranking-item__content{padding-left:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking-shortcut .sv-ranking-item__icon-container{margin-left:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking-shortcut{cursor:grabbing;position:absolute;z-index:10000;border-radius:calc(12.5*var(--sjs-base-unit, var(--base-unit, 8px)));min-width:100px;max-width:400px;box-shadow:var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)),var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));background-color:var(--sjs-general-backcolor, var(--background, #fff));font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))}
.sv-ranking-shortcut .sv-ranking-item{height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor{overflow:hidden;white-space:nowrap}
.sv-ranking--select-to-rank{display:flex}
.sv-ranking--select-to-rank-vertical{flex-direction:column-reverse}
.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider{margin:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;height:1px}
.sv-ranking--select-to-rank-vertical .sv-ranking__container--empty{padding-top:var(--sjs-base-unit, var(--base-unit, 8px));padding-bottom:var(--sjs-base-unit, var(--base-unit, 8px));display:flex;justify-content:center;align-items:center}
.sv-ranking-item--animate-item-removing{animation-name:moveIn,fadeIn;animation-direction:reverse;animation-fill-mode:forwards;animation-timing-function:linear;animation-duration:var(--sjs-ranking-move-out-duration, 150ms),var(--sjs-ranking-fade-out-duration, 100ms);animation-delay:var(--sjs-ranking-move-out-delay, 0ms),0s}
.sv-ranking-item--animate-item-adding{animation-name:moveIn,fadeIn;opacity:0;animation-fill-mode:forwards;animation-timing-function:linear;animation-duration:var(--sjs-ranking-move-in-duration, 150ms),var(--sjs-ranking-fade-in-duration, 100ms);animation-delay:0s,var(--sjs-ranking-fade-in-delay, 150ms)}
.sv-ranking-item--animate-item-adding-empty{animation-name:fadeIn;opacity:0;animation-timing-function:linear;animation-duration:var(--sjs-ranking-fade-in-duration, 100ms);animation-delay:0}
.sv-ranking-item--animate-item-removing-empty{animation-name:fadeIn;animation-direction:reverse;animation-timing-function:linear;animation-duration:var(--sjs-ranking-fade-out-duration, 100ms);animation-delay:0}
@keyframes sv-animate-item-opacity-reverse-keyframes{0%{opacity:0}100%{opacity:1}}
@keyframes sv-animate-item-opacity-keyframes{0%{opacity:1}100%{opacity:0}}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container{max-width:calc(50% - 1px)}
.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider{width:1px}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item{left:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item{left:initial}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder{padding-left:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder{padding-right:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking__container-placeholder{color:var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-style:normal;font-size:var(--sjs-font-size, 16px);line-height:calc(1.5*(var(--sjs-font-size, 16px)));white-space:normal;display:flex;justify-content:center;align-items:center;height:100%;padding-top:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box}
.sv-ranking__container{flex:1}
.sv-ranking__container--empty{box-sizing:border-box;text-align:center}
.sv-ranking__containers-divider{background:var(--sjs-border-default, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))))}
.sv-ranking__container--from .sv-ranking-item__icon--focus{display:none}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item{left:0 !important;padding-left:16px}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item .sv-ranking-item__ghost{left:initial}
.sv-ranking--select-to-rank-swap-areas{flex-direction:row-reverse}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--to .sv-ranking-item{padding-left:0;left:-24px !important}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item{padding-left:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));left:0}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item__ghost.sv-ranking-item__ghost{left:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder{padding-right:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-left:0}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item__ghost.sv-ranking-item__ghost{right:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder{padding-left:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-right:0}
.sd-question--mobile .sv-ranking-item__icon-container,.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container{margin-left:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex;justify-content:flex-end;padding:0;width:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
:root{--sjs-transition-duration: 150ms}
.sv-list{padding:0;margin:0;overflow-y:auto;background:var(--sjs-general-backcolor, var(--background, #fff));font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));list-style-type:none}
.sv-list__empty-container{width:100%;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));box-sizing:border-box;padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-list__empty-text{line-height:calc(1.5*(var(--sjs-font-size, 16px)));font-size:var(--sjs-font-size, 16px);font-weight:400;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-list__item{width:100%;align-items:center;box-sizing:border-box;color:var(--sjs-general-forecolor, var(--foreground, #161616));cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv-list__item-body{position:relative;width:100%;align-items:center;box-sizing:border-box;padding-block:var(--sjs-base-unit, var(--base-unit, 8px));padding-inline-end:calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-inline-start:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));font-weight:normal;font-size:var(--sjs-font-size, 16px);line-height:calc(1.5*(var(--sjs-font-size, 16px)));cursor:pointer;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--sjs-transition-duration, 150ms),color var(--sjs-transition-duration, 150ms)}
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected){outline:none}
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body{border:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));border-radius:var(--sjs-corner-radius, 4px);padding-block:calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-inline-end:calc(7.75*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-inline-start:calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer{margin-inline-start:calc(-0.25*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-list__item:hover,.sv-list__item:focus{outline:none}
.sv-list__item:focus .sv-list__item-body,.sv-list__item--hovered>.sv-list__item-body{background-color:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)))}
.sv-list__item--with-icon.sv-list__item--with-icon{padding:0}
.sv-list__item--with-icon.sv-list__item--with-icon>.sv-list__item-body{padding-top:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));gap:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex}
.sv-list__item-icon{float:left;flex-shrink:0;width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-list__item-icon svg{display:block}
.sv-list__item-icon use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-list-item__marker-icon{position:absolute;right:var(--sjs-base-unit, var(--base-unit, 8px));flex-shrink:0;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:content-box}
.sv-list-item__marker-icon svg{display:block}
.sv-list-item__marker-icon use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
[dir=rtl] .sv-list__item-icon,[style*="direction:rtl"] .sv-list__item-icon,[style*="direction: rtl"] .sv-list__item-icon{float:right}
.sv-list__item-separator{margin:var(--sjs-base-unit, var(--base-unit, 8px)) 0;height:1px;background-color:var(--sjs-border-default, var(--border, #d6d6d6))}
.sv-list--filtering .sv-list__item-separator{display:none}
.sv-list__item.sv-list__item--selected>.sv-list__item-body,.sv-list__item.sv-list__item--selected:hover>.sv-list__item-body,.sv-list__item.sv-list__item--selected.sv-list__item--focused>.sv-list__item-body,.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused>.sv-list__item-body,li:focus .sv-list__item.sv-list__item--selected>.sv-list__item-body{background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff));font-weight:600}
.sv-list__item.sv-list__item--selected .sv-list__item-icon use,.sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use,.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use{fill:var(--sjs-general-backcolor, var(--background, #fff))}
.sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use,.sv-list__item.sv-list__item--selected:hover .sv-list-item__marker-icon use,.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use,.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use,li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use{fill:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}
.sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body,.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body{background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));font-weight:400}
.sv-list__item.sv-list__item--selected.sv-list__item--group>.sv-list__item-body{background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));font-weight:400}
.sv-list__item.sv-list__item--selected.sv-list__item--group>.sv-list__item-body use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-list__item.sv-list__item--disabled .sv-list__item-body{cursor:default;color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-list__item span{white-space:nowrap}
.sv-list__item-text--wrap span{white-space:normal;word-wrap:break-word}
.sv-list__container{position:relative;height:100%;flex-direction:column;display:flex;min-height:0}
.sv-list__filter{border-bottom:1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));background:var(--sjs-general-backcolor, var(--background, #fff));padding-bottom:var(--sjs-base-unit, var(--base-unit, 8px))}
.sv-list__filter-icon{display:block;position:absolute;top:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));inset-inline-start:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-list__filter-icon .sv-svg-icon{width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-list__filter-icon .sv-svg-icon use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-list__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;background:var(--sjs-general-backcolor, var(--background, #fff));box-sizing:border-box;width:100%;min-width:calc(30*(var(--sjs-base-unit, var(--base-unit, 8px))));outline:none;font-size:var(--sjs-font-size, 16px);color:var(--sjs-general-forecolor, var(--foreground, #161616));padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-inline-start:calc(7*(var(--sjs-base-unit, var(--base-unit, 8px))));line-height:calc(1.5*(var(--sjs-font-size, 16px)));border:none}
.sv-list__input::-moz-placeholder{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-list__input::placeholder{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-list__input:disabled::-moz-placeholder{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-list__input:disabled,.sv-list__input:disabled::placeholder{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-list__loading-indicator{pointer-events:none}
.sv-list__loading-indicator .sv-list__item-body{background-color:rgba(0,0,0,0)}
:root{--sjs-transition-duration: 150ms}
.sv-save-data_root{position:fixed;left:50%;bottom:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));background:var(--sjs-general-backcolor, var(--background, #fff));opacity:0;padding:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));box-shadow:var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));border-radius:calc(2*(var(--sjs-corner-radius, 4px)));color:var(--sjs-general-forecolor, var(--foreground, #161616));min-width:calc(30*(var(--sjs-base-unit, var(--base-unit, 8px))));text-align:center;z-index:1600;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-size:var(--sjs-font-size, 16px);line-height:calc(1.5*(var(--sjs-font-size, 16px)));display:flex;flex-direction:row;justify-content:center;align-items:center;transform:translateX(-50%) translateY(calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));transition-timing-function:ease-in;transition-property:transform,opacity;transition-delay:.25s;transition:.5s}
.sv-save-data_root.sv-save-data_root--shown{transition-timing-function:ease-out;transition-property:transform,opacity;transform:translateX(-50%) translateY(0);transition-delay:.25s;opacity:.75}
.sv-save-data_root span{display:flex;flex-grow:1}
.sv-save-data_root .sv-action-bar{display:flex;flex-grow:0;flex-shrink:0}
.sv-save-data_root--shown.sv-save-data_success,.sv-save-data_root--shown.sv-save-data_error{opacity:1}
.sv-save-data_root.sv-save-data_root--with-buttons{padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-save-data_root.sv-save-data_error{background-color:var(--sjs-special-red, var(--red, #e60a3e));color:var(--sjs-general-backcolor, var(--background, #fff));font-weight:600;gap:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-save-data_root.sv-save-data_error .sv-save-data_button{font-weight:600;font-size:var(--sjs-font-size, 16px);line-height:calc(1.5*(var(--sjs-font-size, 16px)));height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));color:#fff;background-color:var(--sjs-special-red, var(--red, #e60a3e));border:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid #fff;border-radius:calc(1.5*(var(--sjs-corner-radius, 4px)));padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex;align-items:center}
.sv-save-data_root.sv-save-data_error .sv-save-data_button:hover,.sv-save-data_root.sv-save-data_error .sv-save-data_button:focus{color:var(--sjs-special-red, var(--red, #e60a3e));background-color:var(--sjs-general-backcolor, var(--background, #fff))}
.sv-save-data_root.sv-save-data_success{background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));color:#fff;font-weight:600}
.sv-string-viewer.sv-string-viewer--multiline{white-space:pre-wrap}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes changeHeight{from{height:var(--animation-height-from)}to{height:var(--animation-height-to)}}
@keyframes moveInWithOverflow{from{overflow:hidden;height:var(--animation-height-from);min-height:var(--animation-height-from);margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-top-width:0;border-bottom-width:0}99%{overflow:hidden;margin-top:var(--animation-margin-top);margin-bottom:var(--animation-margin-bottom);padding-top:var(--animation-padding-top);padding-bottom:var(--animation-padding-bottom);border-top-width:var(--animation-border-top-width);border-bottom-width:var(--animation-border-bottom-width);height:var(--animation-height-to);min-height:var(--animation-height-to)}to{overflow:visible;margin-top:var(--animation-margin-top);margin-bottom:var(--animation-margin-bottom);padding-top:var(--animation-padding-top);padding-bottom:var(--animation-padding-bottom);border-top-width:var(--animation-border-top-width);border-bottom-width:var(--animation-border-bottom-width);height:var(--animation-height-to);min-height:var(--animation-height-to)}}
@keyframes moveIn{from{height:0}to{height:var(--animation-height)}}
@keyframes paddingFadeIn{from{padding-top:0;padding-bottom:0}to{padding-bottom:var(--animation-padding-bottom);padding-top:var(--animation-padding-top)}}
.sd-element{padding-left:var(--sv-element-add-padding-left, 0px);padding-right:var(--sv-element-add-padding-right, 0px)}
.sd-element__title{outline:none}
.sd-element__title.sd-element__title--disabled{opacity:.25}
.sd-root--readonly .sd-element__title.sd-element__title--disabled{opacity:1}
.sd-element--invisible{opacity:.35}
.sd-title.sd-element__title{font-family:var(--sjs-font-questiontitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-questiontitle-weight, 600);color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}
.sd-element__header .sv-string-editor{max-width:100%;white-space:normal}
.sd-element__title{font-size:0;line-height:0;position:static;margin:0}
.sd-element__title .sd-element__num{font-size:calc(0.75*(var(--sjs-font-size, 16px)));line-height:var(--sjs-font-size, 16px);color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sd-element__title span{font-size:var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));line-height:calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))))}
.sd-element__title .sv-title-actions__title{font-size:0;line-height:0;white-space:nowrap}
.sd-element__title .sv-string-viewer{white-space:normal}
.sd-element__title .sv-string-viewer.sv-string-viewer--multiline{white-space:pre-wrap}
.sd-element__num{float:left;padding-top:calc(0.625*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(0.375*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-inline-start:0;padding-inline-end:var(--sjs-base-unit, var(--base-unit, 8px));width:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));font-size:calc(0.75*(var(--sjs-font-size, 16px)));line-height:var(--sjs-font-size, 16px);color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));margin-inline-start:calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));text-align:end;box-sizing:border-box;white-space:nowrap;flex-shrink:0}
.sd-page__num+span,.sd-element__num+span{float:left;width:0}
[dir=rtl] .sd-element__num,[style*="direction:rtl"] .sd-element__num,[style*="direction: rtl"] .sd-element__num{float:right}
[dir=rtl] .sd-element__title--collapsed .sd-element__title-expandable-svg,[style*="direction:rtl"] .sd-element__title--collapsed .sd-element__title-expandable-svg,[style*="direction: rtl"] .sd-element__title--collapsed .sd-element__title-expandable-svg{transform:rotate(180deg)}
.sd-element__title--num-inline .sd-element__num{float:none;margin-inline-start:0;width:auto;padding-inline-start:0;padding-inline-end:0}
.sd-element__title--num-inline .sd-element__num+span{float:none;width:auto}
.sd-element__title--expandable.sd-element__title--expandable{position:relative;display:block}
.sd-element__title-expandable-svg{display:inline-block;height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));position:absolute;inset-inline-start:calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));top:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-element__title-expandable-svg use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sd-element--with-frame{border-radius:var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));box-sizing:border-box;padding-top:var(--sd-base-padding);padding-left:calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));padding-right:calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));padding-bottom:var(--sd-base-padding);background:var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));box-shadow:var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15))}
.sd-element--with-frame.sd-element--compact{border:1px solid var(--sjs-border-default, var(--border, #d6d6d6));border-radius:var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));box-shadow:none;background-color:rgba(0,0,0,0)}
@keyframes elementMoveIn{from{flex-basis:0;flex-grow:0;max-width:0;min-width:0;width:0;height:0;padding-left:0;overflow:hidden}to{height:var(--animation-height);flex-basis:var(--animation-width);width:var(--animation-width);min-width:var(--animation-width);padding-left:var(--animation-padding-left);overflow:visible}}
.sd-element-wrapper--enter{animation-name:elementMoveIn,fadeIn;animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-fill-mode:forwards;animation-duration:var(--sjs-element-move-in-duration, 250ms),var(--sjs-element-fade-in-duration, 500ms);animation-delay:0s,var(--sjs-element-fade-in-delay, 100ms);opacity:0}
.sd-element-wrapper--leave{animation-name:elementMoveIn,fadeIn;animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-fill-mode:forwards;animation-direction:reverse;animation-duration:var(--sjs-element-move-out-duration, 250ms),var(--sjs-element-fade-out-duration, 150ms);animation-delay:var(--sjs-element-move-out-delay, 0ms),0s}
.sd-element__content{box-sizing:border-box}
.sd-element__content--enter,.sd-element__content--leave{--animation-padding-top: 0;--animation-padding-bottom: 0}
.sd-element__content--enter{animation-name:fadeIn,moveInWithOverflow;min-height:0 !important;opacity:0;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-duration:var(--sjs-expand-fade-in-duration, 500ms),var(--sjs-expand-move-in-duration, 150ms);animation-delay:var(--sjs-expand-fade-in-delay, 150ms),0s,0s}
.sd-element__content--leave{animation-name:fadeIn,moveInWithOverflow;min-height:0 !important;animation-direction:reverse;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-duration:var(--sjs-collapse-fade-out-duration, 150ms),var(--sjs-collapse-move-out-duration, 250ms);animation-delay:0s,var(--sjs-collapse-move-out-delay, 100ms),var(--sjs-collapse-move-out-delay, 100ms)}
.sd-element--expandable.sd-elemenet--expandable--animating>.sd-element__header:focus-within,.sd-element--expandable.sd-elemenet--expandable--animating>.sd-element__header:hover{background-color:rgba(0,0,0,0)}
.sd-elemenet--expandable--animating.sd-element--expandable{transition-property:padding-top,padding-bottom}
.sd-elemenet--expandable--animating.sd-element--expandable>.sd-element__header{transition-property:padding-top,padding-bottom}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded{transition-timing-function:cubic-bezier(0, 0, 0.58, 1);transition-duration:var(--sjs-expand-move-in-duration, 150ms)}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded>.sd-element__header{transition-timing-function:cubic-bezier(0, 0, 0.58, 1);transition-duration:var(--sjs-expand-move-in-duration, 150ms)}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded>.sd-element__header .sd-element__title:before{transition-duration:var(--sjs-expand-move-in-duration, 150ms)}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed{transition-timing-function:cubic-bezier(0, 0, 0.58, 1);transition-duration:var(--sjs-collapse-move-out-duration, 250ms);transition-delay:var(--sjs-collapse-move-out-delay, 100ms)}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed>.sd-element__header{transition-timing-function:cubic-bezier(0, 0, 0.58, 1);transition-duration:var(--sjs-collapse-move-out-duration, 250ms);transition-delay:var(--sjs-collapse-move-out-delay, 100ms)}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed>.sd-element__header .sd-element__title:before{transition-duration:var(--sjs-collapse-move-out-duration, 250ms);transition-delay:var(--sjs-collapse-move-out-delay, 100ms)}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--complex:not(.sd-question--empty)>.sd-element__header--location-top:after{display:block;opacity:0;height:0;--animation-height: 1px;animation-name:fadeIn,moveIn;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-delay:var(--sjs-expand-fade-in-delay, 150ms),0s;animation-duration:var(--sjs-expand-fade-in-duration, 500ms),var(--sjs-expand-move-in-duration, 150ms)}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--complex:not(.sd-question--empty).sd-element--collapsed .sd-element__header--location-top:after{animation-direction:reverse;opacity:1;height:1px;animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-delay:0s,var(--sjs-collapse-move-out-delay, 100ms);animation-duration:var(--sjs-collapse-fade-out-duration, 150ms),var(--sjs-collapse-move-out-duration, 250ms)}
.sd-question{position:relative}
.sd-question--no-pointer-events .sd-selectbase label,.sd-question--no-pointer-events .sd-rating label{pointer-events:none}
.sd-element__erbox--above-element{margin-bottom:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-question__erbox--below-question{margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-question__content--support-container-queries{container-type:inline-size}
.sd-question--title-top>.sd-question__erbox--above-question{margin-bottom:calc(.5*var(--sd-base-vertical-padding))}
.sd-question--description-under-input>.sd-question__erbox--below-question,.sd-question--title-bottom>.sd-question__erbox--below-question{margin-top:calc(.25*var(--sd-base-vertical-padding) + .5*var(--sjs-base-unit, var(--base-unit, 8px)))}
.sd-element--with-frame>.sd-element__erbox--above-element{margin-bottom:var(--sd-base-padding);border-radius:var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px) 0 0}
.sd-question--left>.sd-element__erbox--above-element{margin-bottom:0}
.sd-element--with-frame.sd-question--left>.sd-element__erbox--above-element{margin-bottom:calc(1*var(--sd-base-vertical-padding))}
.sd-element--with-frame>.sd-question__erbox--below-question{margin-top:auto;border-radius:0 0 var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px)}
.sd-element--with-frame.sd-question--title-top>.sd-question__erbox--above-question{margin-bottom:calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)))}
.sd-element--with-frame.sd-question--description-under-input>.sd-question__erbox--below-question,.sd-element--with-frame.sd-question--title-bottom>.sd-question__erbox--below-question{margin-top:calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)))}
.sd-question__header{width:100%}
.sd-question__header--location-top{padding-bottom:calc(.5*var(--sd-base-vertical-padding))}
.sd-question__header--location--bottom{padding-top:calc(.375*var(--sd-base-vertical-padding))}
.sd-element--with-frame.sd-question--title-top{padding-top:var(--sd-base-vertical-padding)}
.sd-element--with-frame.sd-question--error-top{padding-top:0}
.sd-element--with-frame.sd-question--error-bottom{padding-bottom:0;display:flex;flex-direction:column}
.sd-element--with-frame.sd-question--error-bottom>.sd-question__content{margin-bottom:var(--sd-base-padding)}
.sd-element--with-frame>.sd-element__erbox{margin-left:calc(-1*var(--sd-base-padding));margin-right:calc(-1*var(--sd-base-padding));width:calc(100% + 2*var(--sd-base-padding))}
.sd-scrollable .sd-question__content{overflow-x:auto;padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0}
.sd-question__header--location--left{display:inline-block;width:auto;vertical-align:top;margin-top:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--left{display:flex;flex-wrap:wrap;flex-direction:row;-moz-column-gap:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));column-gap:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));row-gap:calc(.25*var(--sd-base-vertical-padding))}
.sd-question__content--left{display:inline-block;flex:1;margin-top:calc(.25*var(--sd-base-vertical-padding)) 0;max-width:100%}
.sd-element--with-frame>.sd-question__content--left{margin:0}
.sd-question__required-text{color:var(--sjs-special-red, var(--red, #e60a3e));vertical-align:top}
.sd-question__comment-area{font-size:var(--sjs-font-size, 16px);margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex;flex-direction:column;gap:var(--sjs-base-unit, var(--base-unit, 8px));color:var(--sjs-general-forecolor, var(--foreground, #161616));white-space:normal}
.sd-question__placeholder{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));justify-content:center;min-height:calc(24*(var(--sjs-base-unit, var(--base-unit, 8px))));font-size:var(--sjs-internal-font-editorfont-size);line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));color:var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)))}
.sd-question__placeholder>div .sv-string-viewer,.sd-question__placeholder>span .sv-string-viewer{white-space:pre-line}
.sd-scrollable-container:not(.sd-scrollable-container--compact){width:-moz-max-content;width:max-content;overflow:visible;max-width:100%}
.sd-question__title--empty .sv-string-viewer{display:inline-block;height:calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))))}
.sd-question__content{box-sizing:border-box}
.sd-error{display:block;padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:var(--sjs-corner-radius, 4px);line-height:var(--sjs-font-size, 16px);font-size:calc(0.75*(var(--sjs-font-size, 16px)));font-weight:600;text-align:left;color:var(--sjs-special-red, var(--red, #e60a3e));white-space:normal;width:100%;background-color:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));box-sizing:border-box}
.sd-element--expanded>.sd-element__header,.sd-element--collapsed>.sd-element__header{cursor:pointer}
.sd-element--collapsed>.sd-element__header{padding:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sd-base-padding);box-sizing:border-box;background-color:var(--sjs-general-backcolor, var(--background, #fff));margin-inline-start:calc(-1*var(--sd-base-padding));width:calc(100% + 2*var(--sd-base-padding))}
.sd-element--collapsed.sd-element--with-frame{padding-top:0;padding-bottom:0}
.sd-element--collapsed.sd-element--with-frame>.sd-element__header{padding-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px))}
.sd-element--collapsed>.sd-element__header:focus-within,.sd-element--collapsed>.sd-element__header:hover{background-color:var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))}
.sd-element--collapsed.sd-element--nested>.sd-element__header:hover,.sd-element--collapsed.sd-element--nested>.sd-element__header:focus-within{box-shadow:0 calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)),0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))}
.sd-element--complex.sd-element--with-frame{padding-top:0}
.sd-element--complex.sd-element--nested-with-borders>.sd-element__erbox,.sd-element--complex.sd-element--with-frame>.sd-element__erbox{margin-top:0;margin-bottom:0}
.sd-element--complex>.sd-element__header:after{content:" ";display:block;height:1px;position:relative;background:var(--sjs-border-light, var(--border-light, #eaeaea));bottom:0}
.sd-element--complex.sd-element--with-frame>.sd-element__header{padding-top:var(--sd-base-vertical-padding);padding-bottom:var(--sd-base-vertical-padding)}
.sd-element--collapsed.sd-element--complex>.sd-element__header{padding-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-element--nested.sd-element--complex>.sd-element__header--location-top:after{bottom:calc(-0.5*var(--sd-base-vertical-padding))}
.sd-element--nested-with-borders{border:1px solid var(--sjs-border-light, var(--border-light, #eaeaea));border-radius:calc(var(--sjs-corner-radius, 4px) - 4px);box-sizing:border-box;padding-left:var(--sd-base-padding);padding-right:var(--sd-base-padding)}
.sd-element--nested-with-borders>.sd-element__header--location-top{padding-top:calc(.5*var(--sd-base-vertical-padding));padding-bottom:calc(.5*var(--sd-base-vertical-padding))}
.sd-element--nested-with-borders>.sd-element__erbox{margin-left:calc(-1*var(--sd-base-padding));margin-right:calc(-1*var(--sd-base-padding));width:calc(100% + 2*var(--sd-base-padding))}
.sd-element--nested-with-borders>.sd-question__erbox--below-question{bottom:0;margin-top:0}
.sd-element--nested-with-borders.sd-element--collapsed>.sd-element__header--location-top:hover,.sd-element--nested-with-borders.sd-element--collapsed>.sd-element__header--location-top:focus-within{box-shadow:none}
.sd-element--nested-with-borders>.sd-element__header--location-top:after,.sd-element--complex.sd-element--with-frame>.sd-element__header--location-top:after{bottom:calc(-1*var(--sd-base-vertical-padding));inset-inline-start:calc(-1*var(--sd-base-padding));width:calc(100% + 2*var(--sd-base-padding))}
.sd-element--collapsed.sd-element--complex>.sd-element__header--location-top:after{display:none}
.sd-question--empty.sd-question--complex>.sd-question__content{padding-top:0;padding-bottom:0}
.sd-question--empty.sd-question--complex>.sd-question__content:first-of-type{padding-top:var(--sd-base-padding)}
.sd-question--empty.sd-question--complex>.sd-question__header--location-top{padding-bottom:calc(.5*var(--sd-base-vertical-padding))}
.sd-question--empty.sd-question--complex>.sd-question__header--location-top:after{display:none}
.sd-input{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));-webkit-appearance:none;-moz-appearance:none;appearance:none;position:static;width:100%;box-sizing:border-box;padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));font-family:var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-editorfont-weight, 400);color:var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));font-size:var(--sjs-internal-font-editorfont-size);background-color:var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));border:none;border-radius:var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));text-align:start;box-shadow:var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)),0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));transition:box-shadow var(--sjs-transition-duration, 150ms)}
.sd-input:focus{box-shadow:var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-input.sd-input:focus{outline:none}
input.sd-input:disabled:not(.sd-input--disabled),textarea.sd-input:disabled:not(.sd-input--disabled){opacity:1}
.sd-input--disabled{background-color:var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));-webkit-user-select:none;-moz-user-select:none;user-select:none}
.sd-input--readonly{background-color:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)))}
.sd-input.sd-input--preview{background:none;box-shadow:none;transition:none;border-bottom:1px solid var(--sjs-general-forecolor, var(--foreground, #161616));border-radius:0;padding-left:0;padding-right:0}
.sd-input::-moz-placeholder{color:var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));-webkit-user-select:none;-moz-user-select:none;user-select:none}
.sd-input::placeholder{color:var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));-webkit-user-select:none;-moz-user-select:none;user-select:none}
.sd-input.sd-input--disabled::-moz-placeholder{color:var(--sjs-general-forecolor, var(--foreground, #161616));opacity:.25}
.sd-input.sd-input--disabled,.sd-input.sd-input--disabled::placeholder{color:var(--sjs-general-forecolor, var(--foreground, #161616));opacity:.25}
.sd-input.sd-input--readonly{color:var(--sjs-general-forecolor, var(--foreground, #161616));box-shadow:none;transition:none}
.sd-input.sd-input--readonly::-moz-placeholder{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sd-input.sd-input--readonly::placeholder{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sd-root--readonly .sd-input--disabled::-moz-placeholder{color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-root--readonly .sd-input--disabled,.sd-root--readonly .sd-input--disabled::placeholder{color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-input--error{background-color:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))}
.sd-text__content{position:relative}
.sd-text__character-counter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-text__character-counter:focus-within{padding-inline-end:calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-text__character-counter.sd-text__character-counter--big:focus-within{padding-inline-end:calc(11*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-remaining-character-counter{display:none;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:0px;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));line-height:calc(1.5*(var(--sjs-font-size, 16px)));font-size:var(--sjs-font-size, 16px);color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));position:absolute;inset-inline-end:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));inset-block-end:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-text__content:focus-within .sd-remaining-character-counter,.sd-comment__content:focus-within .sd-remaining-character-counter,.sd-multipletext__content:focus-within .sd-remaining-character-counter,.sd-matrix__question-wrapper:focus-within .sd-remaining-character-counter{display:flex}
.sd-input[type=time],.sd-input[type=date],.sd-input[type=datetime-local],.sd-input[type=week],.sd-input[type=month],.sd-input[type=tel],.sd-input[type=password],.sd-input[type=url],.sd-input[type=email],.sd-input[type=color],.sd-input[type=range]{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));box-sizing:content-box;width:calc(100% - 4*var(--sjs-base-unit, var(--base-unit, 8px)));height:calc(1.5*(var(--sjs-internal-font-editorfont-size)))}
.sd-input[type=time].sd-text__character-counter:focus-within,.sd-input[type=date].sd-text__character-counter:focus-within,.sd-input[type=datetime-local].sd-text__character-counter:focus-within,.sd-input[type=week].sd-text__character-counter:focus-within,.sd-input[type=month].sd-text__character-counter:focus-within,.sd-input[type=tel].sd-text__character-counter:focus-within,.sd-input[type=password].sd-text__character-counter:focus-within,.sd-input[type=url].sd-text__character-counter:focus-within,.sd-input[type=email].sd-text__character-counter:focus-within,.sd-input[type=color].sd-text__character-counter:focus-within,.sd-input[type=range].sd-text__character-counter:focus-within{width:calc(100% - 10*var(--sjs-base-unit, var(--base-unit, 8px)))}
.sd-input[type=range]::-webkit-slider-runnable-track{background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));border-radius:var(--sjs-base-unit, var(--base-unit, 8px));height:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:100%;border:2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));box-shadow:inset 0 0 0 2px var(--background, #fff);background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-input[type=range]::-moz-range-track{background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));border-radius:var(--sjs-base-unit, var(--base-unit, 8px));height:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:100%;border:2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));box-shadow:inset 0 0 0 2px var(--background, #fff);background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-comment{display:block;height:auto;min-width:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));min-height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));max-width:100%}
.sd-comment__content{position:relative}
.sd-panel{position:relative}
.sd-panel.sd-panel--as-page>.sd-panel__header.sd-panel__header{padding-top:0;padding-bottom:calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)))}
.sd-panel.sd-panel--as-page>.sd-panel__header.sd-panel__header:after{content:none}
.sd-panel.sd-panel--as-page>.sd-panel__header.sd-panel__header .sd-panel__title{--page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));font-family:var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-pagetitle-weight, 700);font-size:var(--page-title-font-size);color:var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));position:static;line-height:calc(1.33*(var(--page-title-font-size)));margin:0 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0px}
.sd-panel.sd-panel--as-page>.sd-panel__header.sd-panel__header .sd-panel__title span{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit}
.sd-panel.sd-panel--as-page>.sd-panel__header.sd-panel__header .sd-panel__description{font-family:var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-pagedescription-weight, 400);font-size:var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));color:var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));position:static;line-height:calc(1.5*(var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));margin:0 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0}
.sd-panel.sd-panel--as-page>.sd-panel__header.sd-panel__header .sd-panel__required-text{display:none}
.sd-panel.sd-panel--as-page>.sd-panel__errbox{margin:0 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;padding:calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding)}
.sd-panel.sd-panel--as-page>.sd-panel__content{padding-top:0}
.sd-root--compact .sd-panel--as-page>.sd-panel__errbox{margin:0 0 var(--sd-base-vertical-padding) 0}
.sd-row~.sd-row .sd-panel--as-page{padding-top:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-panel__required-text{color:var(--sjs-special-red, var(--red, #e60a3e))}
.sd-panel__footer{box-sizing:border-box;padding-left:calc(var(--sd-base-padding) - 3*var(--sjs-base-unit, var(--base-unit, 8px)));margin-left:calc(-1*var(--sd-base-padding));width:calc(100% + 2*var(--sd-base-padding));margin-bottom:calc(-1*var(--sd-base-padding) + .5*var(--sd-base-vertical-padding));margin-top:calc(.5*var(--sd-base-vertical-padding));border-top:1px solid var(--sjs-border-light, var(--border-light, #eaeaea));padding-top:calc(.5*var(--sd-base-vertical-padding))}
.sd-panel--as-page .sd-panel__footer{padding:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0;margin:0;border:none;width:initial}
.sd-panel__content{padding-top:var(--sd-base-padding)}
.sd-panel.sd-element--nested>.sd-panel__content{padding-bottom:var(--sd-base-padding);--animation-padding-top: var(--sd-base-padding)}
.sd-panel__content{--animation-padding-top: var(--sd-base-padding)}
.sjs_sp_placeholder{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));color:var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));font-size:var(--sjs-internal-font-editorfont-size);line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)))}
.sjs_sp_container{border:1px dashed var(--sjs-border-default, var(--border, #d6d6d6));box-sizing:content-box}
.sd-question--readonly .sjs_sp_container,.sd-question--preview .sjs_sp_container{border:none}
.sd-question--readonly .sjs_sp_placeholder,.sd-question--preview .sjs_sp_placeholder{color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sjs_sp_controls.sd-signaturepad__controls{right:var(--sjs-base-unit, var(--base-unit, 8px));top:var(--sjs-base-unit, var(--base-unit, 8px));left:auto;bottom:auto}
.sd-question--signature.sd-question--error .sjs_sp_placeholder{background-color:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))}
.sd-signaturepad__background-image{position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover}
.sd-signaturepad__loading-indicator{width:100%;height:100%;position:absolute;left:0;top:0}
.sd-signaturepad__loading-indicator .sd-loading-indicator{position:absolute;right:var(--sjs-base-unit, var(--base-unit, 8px));top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-checkbox__decorator{border-radius:calc(0.5*(var(--sjs-corner-radius, 4px)))}
.sd-checkbox__svg{display:block;width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-checkbox__svg use{fill:rgba(0,0,0,0);transition:fill var(--sjs-transition-duration, 150ms)}
.sd-checkbox--checked .sd-checkbox__svg use{fill:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}
.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use{fill:var(--sjs-border-default, var(--border, #d6d6d6))}
.sd-checkbox--checked .sd-checkbox__control:focus+.sd-checkbox__decorator .sd-checkbox__svg use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use{fill:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use{fill:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn{position:sticky;left:calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));z-index:12}
.sd-matrixdynamic__footer:first-child{padding-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-matrixdynamic__footer{padding-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-action.sd-matrixdynamic__remove-btn{opacity:.5}
.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));width:calc(1.5*(var(--sjs-internal-font-editorfont-size)));height:calc(1.5*(var(--sjs-internal-font-editorfont-size)))}
.sd-matrixdynamic__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:none;line-height:calc(1.5*(var(--sjs-font-size, 16px)));font-size:var(--sjs-font-size, 16px);font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:600;padding:var(--sjs-base-unit, var(--base-unit, 8px)) 0}
.sd-matrixdynamic__drag-element{padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-matrixdynamic__drag-element:hover{background-color:var(--sjs-general-backcolor, var(--background, #fff))}
.sd-matrixdynamic__drag-element:after{content:" ";display:block;height:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));border:1px solid var(--sjs-border-default, var(--border, #d6d6d6));box-sizing:border-box;border-radius:calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn{margin-left:0}
.sd-drag-element__svg{width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));display:block}
.sd-drag-element__svg use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
@keyframes borderAnimation{from{border-width:0px}to{border-width:8px}}
@keyframes paddingAnimation{from{padding-top:0;padding-bottom:0}to{padding-top:24px;padding-bottom:32px}}
@keyframes empty{}
.sd-table__row--leave,.sd-table__row--enter{animation-name:empty;--move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));--fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));animation-duration:max(var(--fade-whole-animation-duration),var(--move-whole-animation-duration))}
.sd-table__row--leave>td,.sd-table__row--enter>td{animation-name:borderAnimation;animation-direction:var(--animation-direction);animation-timing-function:var(--animation-timing-function);animation-duration:var(--move-animation-duration);animation-fill-mode:forwards;animation-delay:var(--move-animation-delay)}
.sd-table__row--leave>td>div,.sd-table__row--enter>td>div{animation-name:fadeIn,moveInWithOverflow;opacity:0;animation-direction:var(--animation-direction);animation-timing-function:var(--animation-timing-function);animation-fill-mode:forwards;animation-duration:var(--fade-animation-duration),var(--move-animation-duration);animation-delay:var(--fade-animation-delay),var(--move-animation-delay)}
.sd-table__row--enter{--move-animation-delay: 0s;--move-animation-duration: var(--sjs-matrix-row-move-in-duration, 150ms);--fade-animation-duration: var(--sjs-matrix-row-fade-in-duration, 250ms);--fade-animation-delay: var(--sjs-matrix-row-fade-in-delay, 150ms);--animation-direction: normal;--animation-timing-function: cubic-bezier(0, 0, 0.58, 1)}
.sd-table__row--leave{--move-animation-delay: var(--sjs-matrix-row-move-out-delay, 100ms);--move-animation-duration: var(--sjs-matrix-row-move-out-duration, 250ms);--fade-animation-duration: var(--sjs-matrix-row-fade-out-duration, 100ms);--fade-animation-delay: 0s;--animation-direction: reverse;--animation-timing-function: cubic-bezier(0.42, 0, 1, 1)}
.sd-table__row--detail.sd-table__row--enter>td,.sd-table__row--detail.sd-table__row--leave>td{animation-name:borderAnimation,paddingAnimation;animation-duration:var(--move-animation-duration);animation-fill-mode:forwards;animation-direction:var(--animation-direction);animation-timing-function:var(--animation-timing-function)}
.sd-table__row--detail.sd-table__row--enter{--move-animation-delay: 0s;--move-animation-duration: var(--sjs-matrix-detail-row-move-in-duration, 150ms);--fade-animation-duration: var(--sjs-matrix-detail-row-fade-in-duration, 500ms);--fade-animation-delay: var(--sjs-matrix-detail-row-fade-in-delay, 150ms);--animation-direction: normal;--animation-timing-function: cubic-bezier(0, 0, 0.58, 1)}
.sd-table__row--detail.sd-table__row--leave{--move-animation-delay: var(--sjs-matrix-detail-row-move-out-delay, 100ms);--move-animation-duration: var(--sjs-matrix-detail-row-move-out-duration, 250ms);--fade-animation-duration: var(--sjs-matrix-detail-row-fade-out-duration, 150ms);--fade-animation-delay: 0s;--animation-direction: reverse;--animation-timing-function: cubic-bezier(0.42, 0, 1, 1)}
.sd-table{width:100%;background:var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));border-collapse:separate;border-spacing:0;white-space:normal}
.sd-table>thead>tr>th{border-top:0;border-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0,0,0,0)}
.sd-table__cell{border-top:var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0,0,0,0);border-bottom:var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0,0,0,0);border-left:none;border-right:none;background-clip:padding-box;box-sizing:content-box}
.sd-table.sd-table--columnsautowidth .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(.sd-table__cell--empty.sd-table__cell--error){width:10000px}
.sd-table__row:first-of-type>.sd-table__cell{border-top:0}
.sd-table__row:last-of-type>.sd-table__cell{border-bottom:0}
.sd-table--align-top .sd-table__cell{vertical-align:top}
.sd-table--no-header{padding-top:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-panel:not(.sd-panel--as-page)>.sd-panel__content .sd-table--no-header{padding-top:0}
.sd-panel:not(.sd-panel--as-page)>.sd-panel__content .sd-question--table .sd-question__content{padding-bottom:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:calc(-0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-top:var(--sjs-base-unit, var(--base-unit, 8px));margin-top:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-panel:not(.sd-panel--as-page)>.sd-panel__content .sd-question--table>.sd-question__header~.sd-question__content{padding-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));--animation-padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-panel:not(.sd-panel--as-page)>.sd-panel__content .sd-question--table>.sd-question__header~.sd-question__content .sd-table--no-header{padding-top:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-panel:not(.sd-panel--as-page)>.sd-panel__content .sd-question--table>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header){margin-top:calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-panel:not(.sd-panel--as-page)>.sd-panel__content .sd-question--table.sd-question--error-top>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header){margin-top:0}
.sd-panel:not(.sd-panel--as-page)>.sd-panel__content>.sd-row:not(:first-of-type) .sd-question--table>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header){margin-top:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-panel:not(.sd-panel--as-page)>.sd-panel__content>.sd-row:not(:first-of-type) .sd-question--table.sd-question--error-top>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header){margin-top:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-panel:not(.sd-panel--as-page)>.sd-panel__content .sd-question--table>.sd-question__header~.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header){margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-panel:not(.sd-panel--as-page)>.sd-panel__content>.sd-row:not(:first-of-type) .sd-question--table>.sd-question__header~.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header){margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows{margin-left:var(--sjs-base-unit, var(--base-unit, 8px));margin-right:var(--sjs-base-unit, var(--base-unit, 8px));width:calc(100% - 2*var(--sjs-base-unit, var(--base-unit, 8px)))}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type{padding-left:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:last-of-type{padding-right:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:first-of-type>.sd-table__cell{border-top:var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0,0,0,0)}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:last-of-type>.sd-table__cell{border-bottom:var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0,0,0,0)}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd)>td.sd-table__cell:not(.sd-table__cell--actions),.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type{border-top-color:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));border-bottom-color:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));background-color:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)))}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd)>td.sd-table__cell:not(.sd-table__cell--actions).sd-matrix__text--checked,.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type.sd-matrix__text--checked{background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd)>td.sd-table__cell:not(.sd-table__cell--actions) .sd-input,.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input{background-color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd)>td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error) .sd-item__decorator,.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator{background-color:var(--sjs-general-backcolor, var(--background, #fff))}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd)>td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator,.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator{background-color:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd)>td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__control:focus+.sd-item__decorator,.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__control:focus+.sd-item__decorator{background-color:var(--sjs-general-backcolor, var(--background, #fff))}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd)>td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator,.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator{background-color:var(--sjs-general-backcolor, var(--background, #fff))}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd)>td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator,.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator{background-color:rgba(0,0,0,0)}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd)>td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus+.sd-radio__decorator:after,.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus+.sd-radio__decorator:after{background-color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}
.sd-table__cell{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));font-weight:normal;font-size:var(--sjs-internal-font-editorfont-size);line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));padding:0 var(--sjs-base-unit, var(--base-unit, 8px));color:var(--sjs-general-forecolor, var(--foreground, #161616));text-align:center}
.sd-table__cell:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty){min-width:calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-table__cell .sd-item{text-align:initial}
.sd-table__cell--error{border:none;padding:0 var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-table__cell--error .sd-question__erbox{margin:0}
.sd-table__cell--error-top{vertical-align:bottom;padding-top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-table__cell--error-bottom{vertical-align:top;padding-bottom:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-table__cell--item .sd-selectbase__item{text-align:center}
.sd-table__cell--item .sd-selectbase__label{justify-content:center}
.sd-question--disabled .sd-table__cell{opacity:.25}
.sd-root--readonly .sd-question--disabled .sd-table__cell{opacity:1}
.sd-table__cell--header .sv-vue-title-additional-div,.sd-table__cell--header{font-size:0;line-height:0}
.sd-table__cell--header span{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));font-size:var(--sjs-internal-font-editorfont-size);line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));font-weight:var(--sjs-font-questiontitle-weight, 600)}
.sd-table__cell--header{font-weight:600;color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));vertical-align:top;padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-table__cell--header:not(.sd-table__cell--empty){min-width:calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty{min-width:calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action{min-width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty){min-width:calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--dropdown,.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--rating{min-width:calc(22*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean{min-width:calc(18*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-table__cell--footer{text-align:end;padding-top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-table__cell--footer-total{font-weight:600;text-align:start}
.sd-table__cell--detail-panel{border-top:var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0,0,0,0);padding:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));border-bottom:var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0,0,0,0)}
.sd-table__cell--actions .sv-action-bar,.sd-matrixdynamic__add-btn .sv-action-bar{overflow:visible}
.sd-table__cell--actions:not(.sd-table__cell--vertical){width:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-table__cell--actions:not(.sd-table__cell--vertical):not(.sd-table__cell--drag):first-of-type{padding-left:0;width:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));min-width:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-table__cell--detail-button{border:none;background:rgba(0,0,0,0);border-radius:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:var(--sjs-base-unit, var(--base-unit, 8px));transition:background var(--sjs-transition-duration, 150ms)}
.sd-table__cell--detail-button svg{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));display:block;width:var(--sjs-internal-font-editorfont-size);height:var(--sjs-internal-font-editorfont-size);fill:var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));transition:fill var(--sjs-transition-duration, 150ms)}
.sd-table__cell--detail-button:hover,.sd-table__cell--detail-button:focus{background:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));outline:none}
.sd-table__cell--detail-button:hover svg,.sd-table__cell--detail-button:focus svg{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-table__cell--actions{white-space:nowrap}
.sd-table__cell--actions.sd-table__cell--vertical .sd-action-bar{justify-content:center}
.sd-table__cell--row-text{font-weight:var(--sjs-font-questiontitle-weight, 600);color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));text-align:start;min-width:calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-matrix__question-wrapper{position:relative}
.sd-table__question-wrapper:not(:focus-within):hover{position:relative}
.sd-table__cell--actions:not(.sd-table__cell--vertical),.sd-table__cell--empty,.sd-table__cell--row-text,.sd-table__cell--footer-total,.sd-matrix__cell:first-of-type,.sd-matrix tr>td:first-of-type{position:sticky;background-color:var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));z-index:12}
.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,.sd-table__cell--empty:first-of-type,.sd-table__cell--row-text:first-of-type,.sd-table__cell--footer-total:first-of-type,.sd-matrix__cell:first-of-type:first-of-type,.sd-matrix tr>td:first-of-type:first-of-type{left:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,.sd-table__cell--empty:last-of-type,.sd-table__cell--row-text:last-of-type,.sd-table__cell--footer-total:last-of-type,.sd-matrix__cell:first-of-type:last-of-type,.sd-matrix tr>td:first-of-type:last-of-type{right:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar{margin-right:calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));justify-content:flex-end;background:var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))))}
.sd-question.sd-question--table{position:relative;overflow-x:auto}
.sd-question--table.sd-element--collapsed,.sd-question--table.sd-element--nested{overflow-x:visible}
.sd-question--table .sd-question__header--location--left{z-index:12}
.sd-table-wrapper{display:flex;margin:0 calc(-1*var(--sd-base-padding));width:-moz-fit-content;width:fit-content;min-width:calc(100% + 2*var(--sd-base-padding))}
.sd-table-wrapper:before,.sd-table-wrapper:after{content:"";display:block;position:sticky;min-height:100%;width:calc(var(--sd-base-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));flex-shrink:0;background:var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));z-index:11}
.sd-table-wrapper::before{left:calc(-1*var(--sd-base-padding))}
.sd-table-wrapper:after{right:calc(-1*var(--sd-base-padding))}
.sd-table-wrapper>*{flex-basis:100%}
.sd-element--with-frame.sd-element--compact .sd-table{background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}
.sd-element--with-frame.sd-element--compact .sd-table-wrapper:before,.sd-element--with-frame.sd-element--compact .sd-table-wrapper:after{background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}
.sd-element--with-frame.sd-element--compact .sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar{background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}
.sd-element--with-frame.sd-element--compact .sd-table__cell--actions:not(.sd-table__cell--vertical),.sd-element--with-frame.sd-element--compact .sd-table__cell--empty,.sd-element--with-frame.sd-element--compact .sd-table__cell--row-text,.sd-element--with-frame.sd-element--compact .sd-table__cell--footer-total,.sd-element--with-frame.sd-element--compact .sd-matrix__cell:first-of-type,.sd-element--with-frame.sd-element--compact .sd-matrix tr>td:first-of-type{background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}
.sd-question--table>.sd-question__header,.sd-question--table .sd-question__description--under-input .sv-string-viewer{position:sticky;left:0}
.sd-question--table>.sd-question__content{padding-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));--animation-padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));min-width:-moz-min-content;min-width:min-content}
.sd-question--table.sd-element--nested>.sd-question__content{min-width:auto;overflow-x:auto}
.sd-question--table.sd-element--nested>.sd-question__content,.sd-question--table:not(.sd-element--with-frame):not(.sd-element--nested){padding-right:var(--sd-base-padding);margin-right:calc(-1*var(--sd-base-padding));padding-left:var(--sd-base-padding);margin-left:calc(-1*var(--sd-base-padding));box-sizing:content-box}
.sd-row--multiple .sd-question--table.sd-element--nested>.sd-question__content{padding-right:calc(var(--sd-base-padding) + 2px)}
.sd-question--scroll{overflow-x:scroll}
.sd-table__row-disabled>.sd-table__cell{opacity:.25}
.sd-question--mobile.sd-question.sd-question--table>.sd-question__content{padding-top:0;--animation-padding-top: 0}
.sd-question--mobile.sd-question--table,.sd-question--mobile.sd-question--scroll{overflow-x:visible}
.sd-question--mobile .sd-table__cell.sd-matrix__cell{display:flex;align-items:flex-start;border-top:none;border-bottom:none}
.sd-question--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title{margin-left:var(--sjs-base-unit, var(--base-unit, 8px));text-align:start}
.sd-question--mobile .sd-table__cell.sd-matrix__cell:first-of-type{padding-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-question--mobile .sd-table thead{display:none}
.sd-question--mobile .sd-table tr{display:flex;flex-direction:column}
.sd-question--mobile .sd-matrix__table .sd-table__row{padding-top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-question--mobile .sd-table__row{padding-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail-mobile{display:none}
.sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row{padding-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row.sd-table__row--has-end-actions{padding-bottom:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions){padding-bottom:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type){padding-bottom:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type)::after{bottom:calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before,.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after{content:" ";display:block;position:relative;height:1px;background-color:var(--sjs-border-light, var(--border-light, #eaeaea));left:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(100% + 4*var(--sjs-base-unit, var(--base-unit, 8px)));z-index:12}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after{bottom:0}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr{padding-top:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before{background-color:rgba(0,0,0,0)}
.sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--show-detail-mobile,.sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--remove-row{margin-bottom:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--mobile .sd-matrix__label{justify-content:flex-start}
.sd-question--mobile .sd-table__cell{border-top:none;border-bottom:none;display:block;padding-top:0;padding-bottom:0;text-align:start;margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--mobile .sd-table__cell--error{margin-top:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--mobile .sd-table__cell--error.sd-table__cell--error-bottom .sd-question__erbox{margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-question--mobile .sd-table__cell:first-of-type,.sd-question--mobile .sd-matrix__cell{margin-top:0}
.sd-question--mobile .sd-table__cell--footer:not(.sd-question--answered){display:none}
.sd-question--mobile .sd-table__responsive-title{padding-bottom:var(--sjs-base-unit, var(--base-unit, 8px));font-weight:600;display:block;text-align:start}
.sd-question--mobile .sd-table__responsive-title .sv-string-viewer{white-space:normal}
.sd-question--mobile .sd-table--no-header{padding-top:0}
.sd-question--mobile .sd-table--no-header .sd-table__responsive-title{display:none}
.sd-question--mobile .sd-table__cell--detail-panel{padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}
.sd-question--mobile .sd-table__cell--detail-panel .sd-panel__content{padding-top:0}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions{width:auto;margin-top:var(--sjs-base-unit, var(--base-unit, 8px));margin-bottom:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar{margin-right:calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));background:var(--sjs-general-backcolor, var(--background, #fff))}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions #show-detail-mobile{flex-grow:1}
.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn{opacity:1;padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon{display:none}
.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after{content:attr(title)}
.sd-question--mobile .sd-matrixdynamic__footer{padding-top:var(--sjs-base-unit, var(--base-unit, 8px));margin-bottom:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--mobile .sd-table__cell--footer-total:not(.sd-matrix__cell),.sd-question--mobile .sd-table__cell--row-text:not(.sd-matrix__cell){color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sd-question--mobile .sd-matrixdropdown.sd-table tr::after{bottom:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--mobile .sd-matrixdropdown.sd-table tr:last-child:after{content:none}
.sd-question--mobile .sd-table__cell.sd-table__cell--error-top{margin-top:0}
.sd-question--mobile .sd-table__cell--error-top:first-of-type~.sd-table__cell:nth-of-type(2){margin-top:0}
.sd-question--mobile .sd-table__cell--error-top .sd-question__erbox{margin-top:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-question--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox{margin-top:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-question--mobile .sd-table__question-wrapper .sd-boolean-root{margin:initial}
.sd-table__cell--detail-panel .sd-panel__content{padding-top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-table__question-wrapper .sd-boolean-root{margin:auto}
.sd-table__cell--footer .sd-table__question-wrapper--expression .sd-expression{padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));border-bottom:1px solid var(--sjs-border-light, var(--border-light, #eaeaea));font-size:var(--sjs-font-size, 16px);font-weight:600;line-height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-table__cell--footer .sd-table__question-wrapper--left{text-align:start}
.sd-table__cell--footer .sd-table__question-wrapper--center{text-align:center}
.sd-table__cell--footer .sd-table__question-wrapper--right{text-align:end}
.sd-table.sd-matrixdynamic{table-layout:auto}
.sd-page{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:0 calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));width:100%;box-sizing:border-box}
.sd-root-modern--mobile .sd-page{padding:0}
.sd-page .sd-page__title{--page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));font-family:var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-pagetitle-weight, 700);font-size:var(--page-title-font-size);color:var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));position:static;line-height:calc(1.33*(var(--page-title-font-size)));margin:0 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0px}
.sd-page .sd-page__description{font-family:var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-pagedescription-weight, 400);font-size:var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));color:var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));position:static;line-height:calc(1.5*(var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));margin:0 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0}
.sd-page__errbox{padding:calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding)}
.sd-page__title~.sd-page__errbox,.sd-page__description~.sd-page__errbox{margin-top:calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));margin-bottom:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-root--compact .sd-page__title~.sd-page__errbox,.sd-root--compact .sd-page__description~.sd-page__errbox{margin-bottom:0}
.sd-row{display:flex;flex-direction:row;width:100%;box-sizing:border-box;margin-top:var(--sd-base-vertical-padding)}
.sd-row.sd-page__row{margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-page__row.sd-row--compact{margin-top:var(--sd-base-vertical-padding)}
.sd-row:first-of-type{margin-top:0}
.sd-page__title~.sd-row.sd-page__row:not(.sd-row--compact),.sd-page__description~.sd-row.sd-page__row:not(.sd-row--compact){margin-top:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-page__title~.sd-page__row.sd-row--compact,.sd-page__description~.sd-page__row.sd-row--compact{margin-top:var(--sd-base-vertical-padding)}
.sd-page__title~.sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter,.sd-page__description~.sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter{margin-top:0}
.sd-row.sd-page__row:not(.sd-row--compact)~.sd-row.sd-page__row:not(.sd-row--compact){margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-row.sd-page__row:not(.sd-row--compact)~.sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter{margin-top:0}
.sd-row--multiple{row-gap:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:calc(-1*var(--sd-base-padding));width:calc(100% + var(--sd-base-padding));flex-wrap:wrap}
.sd-row--multiple>div{box-sizing:border-box;--animation-padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));padding-left:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex;align-items:stretch}
.sd-panel.sd-panel--as-page>.sd-panel__content>.sd-row--multiple:not(.sd-row--compact){margin-left:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(100% + var(--base-unit)*2)}
.sd-panel:not(.sd-panel--as-page) .sd-row--multiple{row-gap:var(--sd-base-vertical-padding)}
.sd-panel:not(.sd-panel--as-page) .sd-row--multiple>div{--animation-padding-left: var(--sd-base-padding);padding-left:var(--sd-base-padding)}
.sd-row--multiple.sd-row--compact>div{--animation-padding-left: var(--sd-base-padding);padding-left:var(--sd-base-padding)}
.sd-page__row.sd-row--multiple{margin-left:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(100% + 2*var(--sjs-base-unit, var(--base-unit, 8px)))}
.sd-page__row.sd-row--multiple.sd-row--compact{padding:0;row-gap:var(--sd-base-vertical-padding);margin-left:calc(-1*var(--sd-base-padding));width:calc(100% + var(--sd-base-padding))}
.sd-row__panel{box-sizing:border-box;width:100%}
.sd-row__question{box-sizing:border-box;width:100%;white-space:nowrap}
.sd-row.sd-row--enter{margin-top:0}
.sd-row--enter{animation-fill-mode:forwards;animation-name:fadeIn,moveInWithOverflow;min-height:0 !important;opacity:0;height:0;animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-delay:var(--sjs-row-fade-in-delay, 150ms),0s,0s;animation-duration:var(--sjs-row-fade-in-duration, 500ms),var(--sjs-row-move-in-duration, 150ms),var(--sjs-row-move-in-duration, 150ms)}
.sd-row--delayed-enter{animation-delay:calc(var(--sjs-row-fade-in-delay, 150ms) + var(--sjs-row-fade-in-animation-delay, 400ms)),var(--sjs-row-fade-in-animation-delay, 400ms),var(--sjs-row-fade-in-animation-delay, 400ms)}
.sd-row--leave{animation-name:fadeIn,moveInWithOverflow;animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-fill-mode:forwards;animation-direction:reverse;min-height:0 !important;animation-delay:0s,var(--sjs-row-move-out-delay, 100ms),var(--sjs-row-move-out-delay, 100ms);animation-duration:var(--sjs-row-fade-out-duration, 150ms),var(--sjs-row-move-out-duration, 250ms),var(--sjs-row-move-out-duration, 250ms)}
.sd-row--enter .sd-element-wrapper--enter{animation:none}
.sd-row--leave .sd-element-wrapper--leave{animation:none}
.sd-title{display:block;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-style:normal;color:var(--sjs-general-forecolor, var(--foreground, #161616));flex-direction:row;white-space:normal}
.sd-title.sd-container-modern__title{display:flex;align-items:center;padding:var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);overflow:auto;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));gap:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));box-shadow:0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-title.sd-container-modern__title .sd-logo.sv-logo--right{margin-left:auto}
.sd-title.sd-container-modern__title .sd-logo__image{margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-header__text{display:flex;flex-direction:column;gap:var(--sjs-base-unit, var(--base-unit, 8px));flex-grow:1}
.sd-header__text .sd-title{--survey-title-font-size: var(--sjs-font-surveytitle-size, calc(2 * (var(--sjs-font-size, 16px))));font-size:var(--survey-title-font-size);line-height:calc(1.25*(var(--survey-title-font-size)));color:var(--sjs-font-surveytitle-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));font-family:var(--sjs-font-surveytitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-surveytitle-weight, 700)}
.sd-header__text h3{line-height:calc(2.5*(var(--sjs-font-size, 16px)))}
.sd-header__text h5{font-size:var(--sjs-font-size, 16px);font-weight:400;line-height:calc(1.5*(var(--sjs-font-size, 16px)))}
.sd-header__text .sd-description{--survey-description-font-size: var(--sjs-font-surveydescription-size, var(--sjs-font-size, 16px));font-size:var(--survey-description-font-size);line-height:calc(1.5*(var(--survey-description-font-size)));color:var(--sjs-font-surveydescription-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));font-family:var(--sjs-font-surveydescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-surveydescription-weight, 400)}
.sd-title .sv-title-actions{width:100%;justify-content:space-between}
.sd-root-modern .sd-container-modern__title{background-color:var(--sjs-general-backcolor, var(--background, #fff))}
.sd-root-modern .sd-container-modern__title .sd-header__text h3{margin:0}
.sd-root-modern .sd-container-modern__title .sd-description{margin:0;color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sd-title .sv-title-actions{align-items:flex-start;width:calc(100% + 3*var(--sjs-base-unit, var(--base-unit, 8px)))}
.sd-title .sv-title-actions .sv-title-actions__title{flex-wrap:wrap;flex:0 1 auto;max-width:calc(100% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));white-space:initial;min-width:unset}
.sd-root--compact .sd-title .sv-title-actions{width:100%}
.sd-action-title-bar{flex:1 9 auto;min-width:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));justify-content:flex-end;margin:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0}
.sd-action-title-bar .sv-action{flex:0 0 auto}
.sd-action-title-bar.sd-action-bar--empty{min-width:0}
.sd-description{font-style:normal;font-family:var(--sjs-font-questiondescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-questiondescription-weight, 400);color:var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));font-size:var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px));line-height:calc(1.5*(var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px))));white-space:normal}
.sd-description.sd-question__description--under-input{padding-top:calc(.375*var(--sd-base-vertical-padding))}
.sd-element__header .sd-description{margin-top:calc(.25*var(--sd-base-vertical-padding) - .5*var(--sjs-base-unit, var(--base-unit, 8px)))}
.sd-item{padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0}
.sd-item--disabled.sd-item--disabled .sd-item__decorator,.sd-item__decorator{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));display:flex;align-items:center;justify-content:center;width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;background-color:var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));border:none;flex-shrink:0;margin-top:calc((1.5*(var(--sjs-internal-font-editorfont-size)) - 3*(var(--sjs-base-unit, var(--base-unit, 8px))))/2);box-shadow:var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)),0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));transition:box-shadow var(--sjs-transition-duration, 150ms),background var(--sjs-transition-duration, 150ms)}
.sd-item--readonly.sd-item--readonly .sd-item__decorator{background-color:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));box-shadow:none;transition:none}
.sd-item--preview.sd-item--preview .sd-item__decorator{background-color:rgba(0,0,0,0);box-shadow:none;transition:none}
.sd-item--checked .sd-item__decorator{box-shadow:none}
.sd-item__control:focus+.sd-item__decorator{background:var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));outline:none;box-shadow:var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-item--allowhover:not(.sd-item--readonly) .sd-selectbase__label:hover .sd-item__decorator{background:var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));outline:none}
.sd-item--checked .sd-item__decorator{background:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-item__control-label{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));font-family:var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-style:normal;font-weight:var(--sjs-font-editorfont-weight, 400);line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));font-size:var(--sjs-internal-font-editorfont-size);color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));white-space:normal;width:100%;text-align:start;min-width:0}
.sd-item__control-label .sv-string-viewer{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:block}
.sd-item--disabled .sd-item__control-label{color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));opacity:.25}
.sd-root--readonly .sd-item--disabled .sd-item__control-label{color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}
.sd-item--error .sd-item__decorator{background:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))}
.sd-selectbase{border:none;margin:0;padding:0;min-inline-size:0;min-width:0}
.sd-selectbase--row{border:none;margin:0;padding:0;display:flex;flex-wrap:wrap;-moz-column-gap:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));column-gap:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-selectbase--multi-column{display:flex;flex:1 1 0px;flex-wrap:nowrap;overflow:auto;padding:0 2px;margin:0 -2px}
.sd-selectbase__label{display:inline-flex;position:relative;gap:var(--sjs-base-unit, var(--base-unit, 8px));vertical-align:top;max-width:100%}
.sd-selectbase__column{vertical-align:top;display:block;box-sizing:border-box;flex:1 1 0px;max-width:100%}
.sd-selectbase__column:not(:last-child){padding-right:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-selectbase__column.sv-q-column-1{width:100%}
.sd-item--enter,.sd-item--leave{animation-name:moveInWithOverflow,fadeIn;opacity:0;animation-fill-mode:forwards;animation-timing-function:linear;animation-direction:var(--animation-direction);animation-duration:var(--move-animation-duration),var(--fade-animation-duration);animation-delay:var(--move-animation-delay),var(--fade-animation-delay)}
.sd-item--enter{--animation-direction: normal;--move-animation-duration: var(--sjs-ranking-move-in-duration, 150ms);--move-animation-delay: 0s;--fade-animation-duration: var(--sjs-ranking-fade-in-duration, 100ms);--fade-animation-delay: var(--sjs-ranking-fade-in-delay, 150ms)}
.sd-item--leave{--animation-direction: reverse;--move-animation-duration: var(--sjs-ranking-move-out-duration, 150ms);--move-animation-delay: var(--sjs-ranking-move-out-delay, 0ms);--fade-animation-duration: var(--sjs-ranking-fade-out-duration, 100ms);--fade-animation-delay: 0s}
div[class*=sv-q-column-]:not(:first-of-type) .sd-item--enter{--move-animation-duration: 0s;--fade-animation-delay: 0s}
.sd-checkbox__decorator{border-radius:calc(0.5*(var(--sjs-corner-radius, 4px)))}
.sd-checkbox__svg{display:block;width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-checkbox__svg use{fill:rgba(0,0,0,0);transition:fill var(--sjs-transition-duration, 150ms)}
.sd-checkbox--checked .sd-checkbox__svg use{fill:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}
.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use{fill:var(--sjs-border-default, var(--border, #d6d6d6))}
.sd-checkbox--checked .sd-checkbox__control:focus+.sd-checkbox__decorator .sd-checkbox__svg use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use{fill:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use{fill:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-radio__decorator{border-radius:50%}
.sd-radio__decorator:after{content:" ";display:block;width:var(--sjs-base-unit, var(--base-unit, 8px));height:var(--sjs-base-unit, var(--base-unit, 8px));border-radius:50%;background-color:rgba(0,0,0,0);transition:background-color var(--sjs-transition-duration, 150ms)}
.sd-radio--checked .sd-radio__decorator:after{content:" ";display:block;width:var(--sjs-base-unit, var(--base-unit, 8px));height:var(--sjs-base-unit, var(--base-unit, 8px));border-radius:50%;background-color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}
.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after{background-color:var(--sjs-border-default, var(--border, #d6d6d6))}
.sd-radio--checked.sd-radio--readonly .sd-radio__decorator:after{background-color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-radio--checked.sd-radio--preview .sd-radio__decorator:after{display:none}
.sd-radio--checked.sd-radio--preview .sd-radio__decorator .sd-radio__svg{fill:var(--sjs-general-forecolor, var(--foreground, #161616));display:block;width:calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-radio--checked .sd-radio__control:focus+.sd-radio__decorator:after{background-color:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-radio__svg{display:none}
.sd-visuallyhidden{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px)}
.sd-matrix fieldset{border:none;padding:0;margin:0}
.sd-matrix__label{display:flex;position:relative;justify-content:center}
.sd-matrix__text{padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-matrix__text--checked{background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-matrix__cell:first-of-type{font-weight:var(--sjs-font-questiontitle-weight, 600);text-align:start}
:root{--sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e));--sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814));--sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394));--sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));--sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));--sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)))}
.sd-rating{overflow-x:auto;min-height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-rating fieldset{display:flex;border:none;padding:0 0 2px 0;flex-wrap:nowrap;gap:var(--sjs-base-unit, var(--base-unit, 8px));margin-inline-start:0;align-items:center}
.sd-rating.sd-rating--wrappable fieldset{flex-wrap:wrap;min-width:0}
.sd-rating.sd-rating--labels-top fieldset{padding-top:calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));position:relative}
.sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text{position:absolute;margin:0;left:0;top:0;border:0}
.sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text{position:absolute;margin:0;right:0;top:0;border:0}
.sd-rating.sd-rating--labels-bottom fieldset{padding-bottom:calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));position:relative}
.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text{position:absolute;margin:0;left:0;bottom:0;border:0}
.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text{position:absolute;margin:0;right:0;bottom:0;border:0}
.sd-rating.sd-rating--labels-diagonal fieldset{padding-top:calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));position:relative}
.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text{position:absolute;margin:0;left:0;top:0;border:0}
.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text{position:absolute;margin:0;right:0;bottom:0;border:0}
.sd-rating--small{min-height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:auto}
.sd-rating--small fieldset{padding:0;gap:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-rating__item{position:relative;background:var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));white-space:nowrap;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));text-align:center;border:0px solid rgba(0,0,0,0);color:var(--sjs-general-forecolor, var(--foreground, #161616));fill:var(--sjs-general-forecolor, var(--foreground, #161616));font-size:var(--sjs-font-size, 16px);box-shadow:var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)),inset 0 0 0 0px var(--sjs-general-backcolor, var(--background, #fff));transition:box-shadow var(--sjs-transition-duration, 150ms),background-color var(--sjs-transition-duration, 150ms)}
.sd-rating__item--fixed-size{width:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:0}
legend+.sd-rating__item,legend+sv-ng-rating-item-smiley+.sd-rating__item-smiley,legend+sv-ng-rating-item+.sd-rating__item{margin-inline-start:2px}
.sd-rating__item--error{background-color:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));box-shadow:0px 1px 2px rgba(0,0,0,0);border:none}
.sd-rating__item.sd-rating__item--disabled{color:var(--sjs-general-forecolor, var(--foreground, #161616));fill:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled{color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff));fill:var(--sjs-general-forecolor, var(--foreground, #161616));background-color:var(--background-semitransparent, rgba(144, 144, 144, 0.5));border:none}
.sd-rating__item.sd-rating__item--readonly{fill:rgba(0,0,0,0);background-color:rgba(0,0,0,0);border:2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));box-shadow:none;transform:none}
.sd-rating__item.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly{border-color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text{color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-rating__item.sd-rating__item--preview{fill:rgba(0,0,0,0);background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);box-shadow:none;transform:none}
.sd-rating__item.sd-rating__item--preview:focus-within{box-shadow:none}
.sd-rating__item.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text{color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview{border-color:var(--sjs-general-forecolor, var(--foreground, #161616));border-width:1px}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text{color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-question--disabled .sd-rating__item-text{opacity:.25}
.sd-rating__item--allowhover:hover{background-color:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)))}
.sd-rating__item:focus-within{box-shadow:0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-rating__item--selected{background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff));font-weight:600;box-shadow:0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-rating__item--selected:focus-within{box-shadow:var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),inset 0 0 0 4px var(--sjs-general-backcolor, var(--background, #fff)),0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-rating__item-smiley{position:relative;border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));white-space:nowrap;padding:calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;min-width:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));min-height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex;justify-content:center;align-items:center;text-align:center;border:2px solid var(--sjs-border-default, var(--border, #d6d6d6));color:var(--sjs-general-forecolor, var(--foreground, #161616));fill:var(--sjs-border-default, var(--border, #d6d6d6));box-shadow:var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),inset 0 0 0 0px var(--sjs-general-backcolor, var(--background, #fff));transition:box-shadow var(--sjs-transition-duration, 150ms),background-color var(--sjs-transition-duration, 150ms)}
.sd-rating__item-smiley svg{display:block;width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-rating__item-smiley--small{padding:calc(0.625*(var(--sjs-base-unit, var(--base-unit, 8px))));min-width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));min-height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));border-width:1px}
.sd-rating__item-smiley--small svg{width:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within{box-shadow:0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-rating__item-smiley--colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within{box-shadow:0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)))}
.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within{box-shadow:inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff)),0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)))}
legend+.sd-rating__item-smiley,legend+sv-ng-rating-item+.sd-rating__item-smiley{margin-inline-start:2px}
.sd-rating__item-smiley--scale-colored{border-color:var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));fill:var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));transition:box-shadow var(--sjs-transition-duration, 150ms),opacity var(--sjs-transition-duration, 150ms),background-color var(--sjs-transition-duration, 150ms)}
.sd-rating__item-smiley--error{background-color:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));border-color:rgba(0,0,0,0);fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:hover{fill:var(--sd-rating-item-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}
.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected){opacity:initial}
.sd-rating__item-smiley.sd-rating__item-smiley--disabled{opacity:.5}
.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled{opacity:initial;fill:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}
.sd-rating__item-smiley.sd-rating__item-smiley--readonly{fill:var(--sjs-border-default, var(--border, #d6d6d6));border-color:var(--sjs-border-default, var(--border, #d6d6d6))}
.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--readonly{fill:var(--sjs-general-forecolor, var(--foreground, #161616));border-color:var(--sjs-general-forecolor, var(--foreground, #161616));background-color:unset}
.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview{border:1px solid var(--sjs-general-forecolor, var(--foreground, #161616));fill:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview:focus-within{box-shadow:none}
.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview svg{margin:1px}
.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview{fill:var(--sjs-general-backcolor, var(--background, #fff));background-color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-rating__item-smiley--allowhover:hover{background-color:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));border-color:var(--sjs-border-default, var(--border, #d6d6d6))}
.sd-rating__item-smiley:focus-within{border:none;box-shadow:var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-rating__item-smiley--selected{background-color:var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));border-color:var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));fill:var(--sjs-primary-forecolor, var(--primary-foreground, #fff));font-weight:600}
.sd-rating__item-smiley--selected:focus-within{border:0px solid var(--sjs-general-backcolor, var(--background, #fff));box-shadow:var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),inset 0 0 0 4px var(--sjs-general-backcolor, var(--background, #fff)),0 0 0 2px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)))}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected){opacity:.25}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover{background-color:var(--sd-rating-item-color-light, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));border-color:var(--sd-rating-item-color, var(--sjs-border-default, var(--border, #d6d6d6)));opacity:.5}
.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover{opacity:.5}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within{opacity:1;box-shadow:var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),0 0 0 2px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)))}
.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within{opacity:1;box-shadow:var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)))}
.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--selected,.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--readonly,.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--preview{opacity:1}
.sd-rating__item-star{position:relative;width:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:content-box}
.sd-rating__item-star:not(:first-of-type){padding-left:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-rating__item-star:not(:last-of-type){padding-right:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-right:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-rating__item-star svg{stroke:var(--sjs-border-default, var(--border, #d6d6d6));stroke-width:2px;fill:rgba(0,0,0,0);width:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));display:block;position:absolute;transition:stroke var(--sjs-transition-duration, 150ms),opacity var(--sjs-transition-duration, 150ms),fill var(--sjs-transition-duration, 150ms)}
.sd-rating__item-star .sv-star{opacity:1}
.sd-rating__item-star .sv-star-2{opacity:0}
.sd-rating__item-star--small{width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-rating__item-star--small svg{width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-rating__item-star--small.sd-rating__item-star--selected svg{stroke-width:1px}
.sd-rating__item-star--selected svg{stroke:rgba(0,0,0,0);fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-rating__item-star--selected:nth-child(1) svg{transition-delay:0ms}
.sd-rating__item-star--selected:nth-child(2) svg{transition-delay:25ms}
.sd-rating__item-star--selected:nth-child(3) svg{transition-delay:50ms}
.sd-rating__item-star--selected:nth-child(4) svg{transition-delay:75ms}
.sd-rating__item-star--selected:nth-child(5) svg{transition-delay:100ms}
.sd-rating__item-star--selected:nth-child(6) svg{transition-delay:125ms}
.sd-rating__item-star--selected:nth-child(7) svg{transition-delay:150ms}
.sd-rating__item-star--selected:nth-child(8) svg{transition-delay:175ms}
.sd-rating__item-star--selected:nth-child(9) svg{transition-delay:200ms}
.sd-rating__item-star--selected:nth-child(10) svg{transition-delay:225ms}
.sd-rating__item-star--selected:nth-child(11) svg{transition-delay:250ms}
.sd-rating__item-star--selected:nth-child(12) svg{transition-delay:275ms}
.sd-rating__item-star--selected:nth-child(13) svg{transition-delay:300ms}
.sd-rating__item-star--selected:nth-child(14) svg{transition-delay:325ms}
.sd-rating__item-star--selected:nth-child(15) svg{transition-delay:350ms}
.sd-rating__item-star--selected:nth-child(16) svg{transition-delay:375ms}
.sd-rating__item-star--selected:nth-child(17) svg{transition-delay:400ms}
.sd-rating__item-star--selected:nth-child(18) svg{transition-delay:425ms}
.sd-rating__item-star--selected:nth-child(19) svg{transition-delay:450ms}
.sd-rating__item-star--selected:nth-child(20) svg{transition-delay:475ms}
.sd-rating__item-star--selected:nth-child(21) svg{transition-delay:500ms}
.sd-rating__item-star--selected:nth-child(22) svg{transition-delay:525ms}
.sd-rating__item-star--selected:nth-child(23) svg{transition-delay:550ms}
.sd-rating__item-star--selected:nth-child(24) svg{transition-delay:575ms}
.sd-rating__item-star--selected:nth-child(25) svg{transition-delay:600ms}
.sd-rating__item-star--error svg{stroke:none;fill:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))}
.sd-rating__item-star--disabled{opacity:.5}
.sd-rating__item-star--disabled svg{stroke:var(--sjs-border-default, var(--border, #d6d6d6));fill:none}
.sd-rating__item-star--selected.sd-rating__item-star--disabled svg{stroke:none;fill:var(--sjs-border-default, var(--border, #d6d6d6))}
.sd-rating__item-star--readonly svg{stroke:var(--sjs-border-default, var(--border, #d6d6d6));fill:none}
.sd-rating__item-star--selected.sd-rating__item-star--readonly svg{stroke:none;fill:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-rating__item-star--preview svg{stroke:var(--sjs-general-forecolor, var(--foreground, #161616));stroke-width:1px;fill:none}
.sd-rating__item-star--selected.sd-rating__item-star--preview svg{stroke:none;fill:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-rating__item-star:not(.sd-rating__item-star--preview):focus-within svg{stroke:var(--sjs-primary-backcolor, var(--primary, #19b394));fill:rgba(0,0,0,0)}
.sd-rating__item-star--unhighlighted svg{stroke:rgba(0,0,0,0);fill:var(--sjs-border-default, var(--border, #d6d6d6))}
.sd-rating__item-star--highlighted svg{stroke:var(--sjs-border-default, var(--border, #d6d6d6));fill:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)))}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview).sd-rating__item-star--unhighlighted:focus-within svg{stroke:var(--sjs-border-default, var(--border, #d6d6d6));fill:var(--sjs-border-default, var(--border, #d6d6d6))}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within svg{stroke:var(--sjs-primary-backcolor, var(--primary, #19b394));fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star{opacity:0}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star-2{opacity:1}
.sd-rating__item-text.sd-rating__item-text{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));font-family:var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-editorfont-weight, 400);color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));font-size:var(--sjs-internal-font-editorfont-size);line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));display:inline-block;box-sizing:border-box;transition:color var(--sjs-transition-duration, 150ms)}
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text,.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text{margin-top:calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));color:var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));border:2px solid rgba(0,0,0,0)}
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text{margin-right:var(--sjs-base-unit, var(--base-unit, 8px));border-left:0px}
.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text{margin-right:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-rating__item-text.sd-rating__item-text .sv-string-editor{white-space:nowrap}
.sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size{min-width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-rating__item-text.sd-rating__item-text::after{display:block;content:attr(data-text);font-weight:600;height:0;color:rgba(0,0,0,0);overflow:hidden;visibility:hidden}
.sd-rating--wrappable .sd-rating__item-text{max-width:100%}
.sd-rating--wrappable .sd-rating__item-text .sv-string-viewer{max-width:100%;text-overflow:ellipsis;overflow:hidden;display:block}
.sd-rating__item:focus-within .sd-rating__item-text.sd-rating__item-text{border:none}
.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text{color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff));font-weight:inherit;border:none}
.sd-rating-dropdown-item{display:flex;width:100%;justify-content:space-between;align-items:center;gap:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-rating-dropdown-item_description{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-style:normal;font-weight:normal;font-size:calc(0.75*(var(--sjs-font-size, 16px)));line-height:var(--sjs-font-size, 16px)}
.sv-list__item.sv-list__item--selected .sd-rating-dropdown-item_description{color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}
.sv-ranking-item--error .sv-ranking-item__index{background-color:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));box-shadow:0px 1px 2px rgba(0,0,0,0);border-color:rgba(0,0,0,0)}
.sd-element--with-frame .sv-ranking-item{left:calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-ranking.sd-ranking--readonly{-moz-user-select:initial;user-select:initial;-webkit-user-select:initial}
.sv-ranking.sd-ranking--readonly.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider{visibility:hidden}
.sv-ranking.sd-ranking--readonly .sv-ranking__container--empty{visibility:hidden}
.sv-ranking.sd-ranking--preview{-moz-user-select:initial;user-select:initial;-webkit-user-select:initial}
.sv-ranking.sd-ranking--preview.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider{visibility:hidden}
.sv-ranking.sd-ranking--preview .sv-ranking__container--empty{visibility:hidden}
@container (max-width: 496px){.sv-ranking--select-to-rank-horizontal{flex-direction:column-reverse}.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider{margin:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;height:1px;width:initial}.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty{padding-top:var(--sjs-base-unit, var(--base-unit, 8px));padding-bottom:var(--sjs-base-unit, var(--base-unit, 8px));display:flex;justify-content:center;align-items:center}.sv-ranking--select-to-rank-horizontal .sv-ranking__container{max-width:initial}.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item{left:initial}.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item{left:initial}.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder{padding-left:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-right:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder{padding-right:initial}}
@container (max-width: 176px){.sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder{margin-left:calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-right:calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))))}}
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container{margin-left:0;margin-right:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item{left:0}
.sv-ranking-item__content.sd-ranking-item__content{line-height:calc(1.5*(var(--sjs-font-size, 16px)))}
.sv-dragdrop-movedown{transform:translate(0, 0);animation:svdragdropmovedown .1s;animation-timing-function:ease-in-out}
@keyframes svdragdropmovedown{0%{transform:translate(0, -50px)}100%{transform:translate(0, 0)}}
.sv-dragdrop-moveup{transform:translate(0, 0);animation:svdragdropmoveup .1s;animation-timing-function:ease-in-out}
@keyframes svdragdropmoveup{0%{transform:translate(0, 50px)}100%{transform:translate(0, 0)}}
.sv-dropdown_select-wrapper{position:relative}
.sv-dropdown_select-wrapper use{fill:var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}
.sd-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-end:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-inline-start:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));opacity:1;display:flex;justify-content:space-between;word-spacing:normal}
.sd-dropdown[disabled]{pointer-events:none}
.sd-dropdown--empty:not(.sd-input--disabled),.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sd-dropdown__input-field-component{height:auto}
.sd-dropdown option{color:var(--sjs-general-forecolor, var(--foreground, #161616));font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-size:var(--sjs-font-size, 16px)}
.sd-dropdown input[readonly]{pointer-events:none}
.sd-dropdown__value{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));width:100%;min-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));font-family:var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-editorfont-weight, 400);color:var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));font-size:var(--sjs-internal-font-editorfont-size);position:relative}
.sd-dropdown_clean-button{display:flex;justify-content:center;align-items:center;padding:0 var(--sjs-base-unit, var(--base-unit, 8px));margin:auto 0}
.sd-dropdown_chevron-button{position:absolute;width:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));top:0;bottom:0;inset-inline-end:0;display:flex;justify-content:center;align-items:center;padding-inline-end:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:content-box}
.sd-dropdown_chevron-button-svg,.sd-dropdown_clean-button-svg{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));width:calc(1.5*(var(--sjs-internal-font-editorfont-size)));height:calc(1.5*(var(--sjs-internal-font-editorfont-size)))}
.sd-input.sd-dropdown:focus-within{box-shadow:var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-input.sd-dropdown.sd-input--readonly{box-shadow:none;transition:none}
.sd-dropdown__filter-string-input{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));position:absolute;left:0;top:0;bottom:0;width:100%;max-width:100%;border:none;outline:none;padding:0;font-family:var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-editorfont-weight, 400);color:var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));font-size:var(--sjs-internal-font-editorfont-size);line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));background-color:rgba(0,0,0,0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::-moz-placeholder{color:var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}
.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder{color:var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}
.sd-dropdown--empty div{min-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)))}
.sd-dropdown__filter-string-input::-moz-placeholder{color:var(--sjs-general-forecolor, var(--foreground, #161616));width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;-moz-appearance:none;appearance:none}
.sd-dropdown__filter-string-input::placeholder{color:var(--sjs-general-forecolor, var(--foreground, #161616));width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.sd-dropdown__hint-prefix{color:var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}
.sd-dropdown__hint-prefix span{white-space:pre}
.sd-dropdown__hint-suffix{display:flex;color:var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}
.sd-dropdown__hint-suffix span{white-space:pre}
.sd-input--disabled .sv-string-viewer,.sd-input--readonly .sv-string-viewer,.sd-input--preview .sv-string-viewer{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.sd-question--readonly .sd-dropdown_chevron-button use{opacity:.24}
.sd-question--preview .sd-dropdown_chevron-button{display:none}
.sv-dropdown-popup .sd-list__item-body{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));font-size:var(--sjs-internal-font-editorfont-size);font-weight:var(--sjs-font-editorfont-weight, 400);font-family:var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));padding-inline-end:calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-block:calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-inline-start:calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));border:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0,0,0,0);border-radius:var(--sjs-corner-radius, 4px);transition:border-color var(--sjs-transition-duration, 150ms)}
.sv-dropdown-popup .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body{border:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));padding-inline-end:calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-block:calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-inline-start:calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-dropdown-popup .sv-list__item span{margin-inline-start:calc(-0.25*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-dropdown-popup.sv-single-select-list.sv-popup--leave .sd-list__item.sv-list__item--selected .sv-list__item-body{font-weight:normal;color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));background-color:rgba(0,0,0,0)}
.sv-dropdown-popup.sv-popup--dropdown.sv-popup--top .sv-popup__container{transform:translateY(-2px)}
.sv-dropdown-popup.sv-popup--dropdown.sv-popup--bottom .sv-popup__container{transform:translateY(2px)}
[dir=rtl] .sd-dropdown,[style*="direction:rtl"] .sd-dropdown,[style*="direction: rtl"] .sd-dropdown{background-position:left calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%,0 0}
.sd-input.sd-tagbox:not(.sd-tagbox--empty).sd-input--editable{height:auto;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-inline-end:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-inline-start:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-tagbox.sd-input--disabled,.sd-tagbox.sd-input--readonly,.sd-tagbox.sd-input--preview{white-space:normal}
.sd-tagbox_clean-button{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));padding:calc(0.5*(var(--sjs-internal-font-editorfont-size)));margin:auto 0}
.sd-input.sd-tagbox:focus-within{box-shadow:var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sv-tagbox__item{position:relative;display:flex;align-items:center;padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));border-radius:calc(0.5*(var(--sjs-corner-radius, 4px)));max-width:100%;box-sizing:border-box}
.sv-tagbox__item-text{color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff));min-width:calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));text-align:center;font-weight:600}
.sv-tagbox__item-text span{display:block;text-overflow:ellipsis;overflow:hidden}
.sv-tagbox__item:hover .sd-tagbox-item_clean-button,.sv-tagbox__item:focus .sd-tagbox-item_clean-button,.sv-tagbox__item:focus-within .sd-tagbox-item_clean-button{align-self:center;opacity:1}
.sd-tagbox-item_clean-button{display:flex;position:absolute;inset-inline-end:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:0;padding-inline-start:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));background:linear-gradient(270deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);opacity:0;transition:opacity var(--sjs-transition-duration, 150ms)}
.sd-tagbox-item_clean-button-svg{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));display:block;padding:calc(0.25*(var(--sjs-internal-font-editorfont-size)));width:var(--sjs-internal-font-editorfont-size);height:var(--sjs-internal-font-editorfont-size);box-sizing:content-box}
.sd-tagbox-item_clean-button-svg:hover{border-radius:100px;background:var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)))}
.sd-tagbox-item_clean-button-svg use{fill:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}
.sd-tagbox__value.sd-dropdown__value{position:relative;gap:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex;flex-wrap:wrap;flex-grow:1;padding-inline:unset;margin-inline:unset;margin-block:unset}
.sd-tagbox__filter-string-input{width:100%;display:flex;flex-grow:1}
.sd-tagbox__placeholder{position:absolute;top:0;left:0;max-width:100%;width:auto;height:100%;text-align:start;cursor:text;pointer-events:none;color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
[dir=rtl] .sd-tagbox-item_clean-button,[style*="direction:rtl"] .sd-tagbox-item_clean-button,[style*="direction: rtl"] .sd-tagbox-item_clean-button{background:linear-gradient(90deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%)}
.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper,.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input{width:100%}
.sd-tagbox__hint{display:flex;flex-grow:1}
.sd-tagbox__hint-suffix-wrapper{position:relative;width:100%}
.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));height:100%;display:flex;align-items:center}
.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));height:100%;display:flex;align-items:center}
.sd-imagepicker{display:flex;flex-wrap:wrap;padding:0;border:none;gap:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));width:100%;margin:0}
.sd-imagepicker--column{align-items:flex-start;flex-direction:column}
@supports not (aspect-ratio: 1/1){.sd-imagepicker>div{margin-right:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}}
.sd-imagepicker__item img,.sd-imagepicker__item .sd-imagepicker__image-container>div{border-radius:var(--sjs-corner-radius, 4px);background-color:var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))}
.sd-imagepicker__item-decorator{position:relative;display:flex;flex-direction:column;align-items:center}
.sd-imagepicker__label{position:relative}
.sd-imagepicker__label .sd-visuallyhidden{height:100%;margin:0}
.sd-imagepicker__image-container{position:relative}
.sd-imagepicker__check-decorator{display:block;opacity:0;position:absolute;top:var(--sjs-base-unit, var(--base-unit, 8px));right:var(--sjs-base-unit, var(--base-unit, 8px));padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;border-radius:100%;background-color:var(--sjs-general-backcolor, var(--background, #fff));z-index:1;transition:opacity var(--sjs-transition-duration, 150ms)}
.sd-imagepicker__check-icon{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));display:block;width:calc(1.5*(var(--sjs-internal-font-editorfont-size)));height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-imagepicker__item--checked .sd-imagepicker__check-decorator{opacity:1}
.sd-imagepicker__item--error .sd-imagepicker__image-container::before{display:block;position:absolute;content:" ";left:0;top:0;width:100%;height:100%;background-color:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));border-radius:var(--sjs-corner-radius, 4px);background:linear-gradient(0deg, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))))}
.sd-imagepicker__item:focus-within .sd-imagepicker__image .sd-imagepicker__image:hover,.sd-imagepicker__item--allowhover:not(.sd-imagepicker__item--readonly,.sd-imagepicker__item--preview) .sd-imagepicker__image:hover{opacity:.5}
.sd-imagepicker__image{display:block;box-sizing:border-box;max-width:100%;transition:opacity var(--sjs-transition-duration, 150ms)}
.sd-imagepicker__text{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));font-size:var(--sjs-internal-font-editorfont-size);line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));margin-top:var(--sjs-base-unit, var(--base-unit, 8px));color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}
.sd-imagepicker__no-image{display:flex;background-color:var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));inset-block-start:0}
.sd-imagepicker__no-image-svg{height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:auto}
.sd-imagepicker__no-image-svg use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));opacity:.5}
.sd-imagepicker__column{display:flex;flex-direction:column;gap:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));align-items:flex-start;padding-right:0}
.sd-imagepicker__column.sd-selectbase__column{min-width:0}
.sd-imagepicker__column .sd-imagepicker__item{width:100%}
.sd-imagepicker__column .sd-imagepicker__text{width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;text-align:center}
.sd-selectbase__column.sd-imagepicker__column:not(:last-child){padding-right:0}
.sd-imagepicker__item--readonly .sd-imagepicker__check-icon{fill:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-imagepicker__item--preview .sd-imagepicker__check-decorator{display:none}
.sd-imagepicker__item--preview .sd-imagepicker__image{filter:grayscale(100%);opacity:.25}
.sd-imagepicker__item--preview.sd-imagepicker__item--checked .sd-imagepicker__image{filter:grayscale(0%);opacity:1}
.sd-image__image{display:block;max-width:100%;border-radius:var(--sjs-corner-radius, 4px)}
.sd-image__image--adaptive{width:100%;height:auto;max-width:calc(80*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-image__no-image{background:var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));min-width:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));min-height:calc(27.5*(var(--sjs-base-unit, var(--base-unit, 8px))));width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
.sd-image__no-image use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));opacity:.5}
.sd-question--image{width:100%}
:root{--sjs-transition-duration: 150ms}
.sd-html{white-space:initial;font-size:var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));-webkit-text-decoration:var(--sjs-article-font-default-textDecoration, "none");text-decoration:var(--sjs-article-font-default-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-default-fontWeight, 400);font-style:var(--sjs-article-font-default-fontStyle, "normal");font-stretch:var(--sjs-article-font-default-fontStretch, "normal");letter-spacing:var(--sjs-article-font-default-letterSpacing, 0);line-height:var(--sjs-article-font-default-lineHeight, 28px);text-indent:var(--sjs-article-font-default-paragraphIndent, 0px);text-transform:var(--sjs-article-font-default-textCase, "none");color:var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)))}
.sd-html h1{font-size:var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));-webkit-text-decoration:var(--sjs-article-font-xx-large-textDecoration, "none");text-decoration:var(--sjs-article-font-xx-large-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-xx-large-fontWeight, 700);font-style:var(--sjs-article-font-xx-large-fontStyle, "normal");font-stretch:var(--sjs-article-font-xx-large-fontStretch, "normal");letter-spacing:var(--sjs-article-font-xx-large-letterSpacing, 0);line-height:var(--sjs-article-font-xx-large-lineHeight, 64px);text-indent:var(--sjs-article-font-xx-large-paragraphIndent, 0px);text-transform:var(--sjs-article-font-xx-large-textCase, "none")}
.sd-html h2{font-size:var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));-webkit-text-decoration:var(--sjs-article-font-x-large-textDecoration, "none");text-decoration:var(--sjs-article-font-x-large-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-x-large-fontWeight, 700);font-style:var(--sjs-article-font-x-large-fontStyle, "normal");font-stretch:var(--sjs-article-font-x-large-fontStretch, "normal");letter-spacing:var(--sjs-article-font-x-large-letterSpacing, 0);line-height:var(--sjs-article-font-x-large-lineHeight, 56px);text-indent:var(--sjs-article-font-x-large-paragraphIndent, 0px);text-transform:var(--sjs-article-font-x-large-textCase, "none")}
.sd-html h3{font-size:var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));-webkit-text-decoration:var(--sjs-article-font-large-textDecoration, "none");text-decoration:var(--sjs-article-font-large-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-large-fontWeight, 700);font-style:var(--sjs-article-font-large-fontStyle, "normal");font-stretch:var(--sjs-article-font-large-fontStretch, "normal");letter-spacing:var(--sjs-article-font-large-letterSpacing, 0);line-height:var(--sjs-article-font-large-lineHeight, 40px);text-indent:var(--sjs-article-font-large-paragraphIndent, 0px);text-transform:var(--sjs-article-font-large-textCase, "none")}
.sd-html h4,.sd-html h5,.sd-html h6{font-size:var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));-webkit-text-decoration:var(--sjs-article-font-medium-textDecoration, "none");text-decoration:var(--sjs-article-font-medium-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-medium-fontWeight, 700);font-style:var(--sjs-article-font-medium-fontStyle, "normal");font-stretch:var(--sjs-article-font-medium-fontStretch, "normal");letter-spacing:var(--sjs-article-font-medium-letterSpacing, 0);line-height:var(--sjs-article-font-medium-lineHeight, 32px);text-indent:var(--sjs-article-font-medium-paragraphIndent, 0px);text-transform:var(--sjs-article-font-medium-textCase, "none")}
.sd-html td,.sd-html span,.sd-html div,.sd-html p{font-size:var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));-webkit-text-decoration:var(--sjs-article-font-default-textDecoration, "none");text-decoration:var(--sjs-article-font-default-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-default-fontWeight, 400);font-style:var(--sjs-article-font-default-fontStyle, "normal");font-stretch:var(--sjs-article-font-default-fontStretch, "normal");letter-spacing:var(--sjs-article-font-default-letterSpacing, 0);line-height:var(--sjs-article-font-default-lineHeight, 28px);text-indent:var(--sjs-article-font-default-paragraphIndent, 0px);text-transform:var(--sjs-article-font-default-textCase, "none")}
.sd-html a{color:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-html button{display:flex;align-items:center;padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));vertical-align:baseline;text-align:center;background-color:var(--sjs-general-backcolor, var(--background, #fff));border:none;border-radius:var(--sjs-corner-radius, 4px);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0,0,0,0);color:var(--sjs-primary-backcolor, var(--primary, #19b394));font-weight:600;font-style:normal;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-size:var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));line-height:calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));box-shadow:var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)),0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));transition:box-shadow var(--sjs-transition-duration, 150ms)}
.sd-html button:hover{background-color:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)))}
.sd-html button:focus{box-shadow:var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-html button span{display:flex;align-items:center;flex-grow:1;justify-content:center}
.sd-html--nested{color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}
.sd-expression{color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));font-size:var(--sjs-font-size, 16px);white-space:break-spaces}
.sd-question__content--left .sd-expression{line-height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0}
.sd-progress{height:2px;background-color:var(--sjs-border-light, var(--border-light, #eaeaea));position:relative}
.sd-progress__bar{position:relative;height:100%;background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));overflow:hidden}
.sd-progress__text{position:absolute;margin-top:var(--sjs-base-unit, var(--base-unit, 8px));padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));right:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));color:var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));font-size:calc(0.75*(var(--sjs-font-size, 16px)));line-height:var(--sjs-font-size, 16px);font-weight:600}
@media only screen and (min-width: 1000px){.sd-progress__text{margin-left:5%}}
@media only screen and (max-width: 1000px){.sd-progress__text{margin-left:10px}}
.sd-body__progress--top{margin-bottom:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));position:sticky;top:0;z-index:50}
.sd-body__progress--bottom .sd-progress__text{margin-top:calc(-3.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-root--sticky-top .sd-progress__text{border-radius:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));color:var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));opacity:.75;background:var(--sjs-general-backcolor, var(--background, #fff));box-shadow:var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)),var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15))}
.sd-boolean{display:flex;width:-moz-max-content;width:max-content;position:relative;gap:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));background-color:var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));box-shadow:var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)),0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));transition:box-shadow var(--sjs-transition-duration, 150ms)}
.sd-boolean.sd-boolean--allowhover:focus-within{box-shadow:var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-boolean__thumb,.sd-boolean__label{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));display:block;font-family:var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-editorfont-weight, 400);font-size:var(--sjs-internal-font-editorfont-size);color:var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-boolean__switch{display:flex;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));align-items:center;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));overflow:hidden}
.sd-boolean.sd-boolean--checked .sd-boolean__label--true,.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false{color:rgba(0,0,0,0);transition-duration:.15s;transition-property:color;transition-timing-function:linear}
.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch{display:none}
.sd-boolean--indeterminate .sd-boolean__thumb{display:none}
.sd-boolean__thumb{position:absolute;left:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));transform:translateX(0);background-color:var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));box-shadow:var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));transition-duration:.2s;transition-property:transform,left;transition-timing-function:linear;color:var(--sjs-primary-backcolor, var(--primary, #19b394));font-weight:600;z-index:2}
.sd-boolean__thumb .sv-string-viewer.sv-string-viewer--multiline{white-space:nowrap}
.sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,.sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb{left:calc(100% - .5*var(--sjs-base-unit, var(--base-unit, 8px)));transform:translateX(-100%)}
.sd-boolean--exchanged.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false,.sd-boolean--exchanged.sd-boolean.sd-boolean--checked .sd-boolean__label--true{color:var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}
.sd-boolean--disabled{pointer-events:none}
.sd-boolean--disabled .sd-boolean__thumb,.sd-boolean--disabled .sd-boolean__label{color:var(--sjs-general-forecolor, var(--foreground, #161616));opacity:.25}
.sd-boolean--readonly{pointer-events:none;box-shadow:none;transition:none;background:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)))}
.sd-boolean--readonly .sd-boolean__thumb{box-shadow:inset 0px 0px 0px 2px var(--sjs-general-forecolor, var(--foreground, #161616));transition:none;color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-boolean--preview{pointer-events:none;box-shadow:none;transition:none;background:rgba(0,0,0,0)}
.sd-boolean--preview .sd-boolean__thumb{border:1px solid var(--sjs-general-forecolor, var(--foreground, #161616));box-shadow:none;transition:none;color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-boolean--preview.sd-boolean--checked .sd-boolean__thumb,.sd-boolean--preview.sd-boolean--indeterminate .sd-boolean__thumb{margin-left:auto}
.sd-boolean--preview .sd-checkbox__label--preview{color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-boolean__thumb-ghost{z-index:1;border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));background-color:rgba(0,0,0,0);transition:background-color var(--sjs-transition-duration, 150ms)}
.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover{background-color:var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)))}
.sd-boolean--error{background-color:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))}
.sd-paneldynamic .sd-progress{position:absolute;left:0;right:0;height:2px;z-index:2;transform:translateY(-1px)}
.sd-paneldynamic>.sd-panel{padding-top:1px;padding-bottom:calc(.5*var(--sd-base-vertical-padding))}
.sd-paneldynamic .sd-paneldynamic__panel-wrapper>.sd-panel>.sd-panel__header{padding-top:var(--sd-base-vertical-padding);padding-bottom:0}
.sd-paneldynamic .sd-paneldynamic__panel-wrapper>.sd-panel>.sd-panel__header:after{display:none}
.sd-paneldynamic .sd-paneldynamic__panel-wrapper>.sd-panel>.sd-panel__header>.sd-panel__title{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sd-question--readonly .sd-paneldynamic .sd-question__placeholder,.sd-question--preview .sd-paneldynamic .sd-question__placeholder{color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-paneldynamic__separator{display:none}
.sd-paneldynamic__panel-wrapper{box-sizing:border-box;padding-bottom:calc(1*var(--sd-base-padding))}
.sd-paneldynamic__panel-wrapper:after{display:table;clear:both;content:" "}
.sd-paneldynamic__footer .sd-paneldynamic__separator,.sd-paneldynamic__panel-wrapper--list~.sd-paneldynamic__panel-wrapper--list:before{content:" ";display:block;position:absolute;left:0;right:0;margin:0;border-color:var(--sjs-border-light, var(--border-light, #eaeaea));background:var(--sjs-border-light, var(--border-light, #eaeaea));height:1px;border:none}
.sd-paneldynamic__separator:only-child{display:none}
.sd-paneldynamic__panel-wrapper--in-row{display:flex;flex-direction:row;align-items:center}
.sd-paneldynamic__footer{clear:both}
.sd-paneldynamic__footer .sd-paneldynamic__prev-btn,.sd-paneldynamic__footer .sd-paneldynamic__next-btn{display:block}
.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,.sd-paneldynamic__footer .sd-paneldynamic__next-btn svg{width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-paneldynamic__footer .sd-paneldynamic__add-btn,.sd-paneldynamic__footer .sd-paneldynamic__progress-text,.sd-paneldynamic__footer .sd-paneldynamic__progress--bottom{display:initial}
.sd-paneldynamic__buttons-container{display:flex;align-items:center;padding:calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px))) 0}
.sd-paneldynamic__progress-container{display:flex;align-items:center;margin-left:auto;margin-right:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-paneldynamic__progress-text{font-size:var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));line-height:calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));color:var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));margin:0;margin-right:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-paneldynamic__prev-btn,.sd-paneldynamic__next-btn{width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-paneldynamic__prev-btn .sv-svg-icon,.sd-paneldynamic__next-btn .sv-svg-icon{display:block}
.sd-paneldynamic__prev-btn{margin-right:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-paneldynamic__next-btn{margin-left:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-right:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));transform:rotate(180deg)}
.sd-paneldynamic__placeholder .sd-paneldynamic__add-btn{display:initial;margin-left:0}
.sd-question--empty.sd-question--paneldynamic>.sd-question__content{padding-bottom:var(--sd-base-padding);--animation-padding-bottom: var(--sd-base-padding)}
.sd-question--paneldynamic:not(.sd-question--empty)>.sd-question__content>.sd-question__comment-area{padding-bottom:var(--sd-base-padding)}
.sd-paneldynamic__buttons-container .sd-action-bar{width:100%;margin:0 calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(100% + 6*var(--sjs-base-unit, var(--base-unit, 8px)))}
.sd-paneldynamic__panel-footer{border-top:none;position:relative;top:calc(.5*var(--sd-base-vertical-padding));margin-right:calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));justify-content:flex-end}
.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden){margin-bottom:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-tabs-toolbar.sv-action-bar{align-items:flex-start;margin:var(--sjs-base-unit, var(--base-unit, 8px)) 0 -1px calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(100% + 4*var(--sjs-base-unit, var(--base-unit, 8px)));z-index:1}
.sd-tabs-toolbar.sd-tabs-toolbar--left{justify-content:flex-start}
.sd-tabs-toolbar.sd-tabs-toolbar--right{justify-content:flex-end}
.sd-tabs-toolbar.sd-tabs-toolbar--center{justify-content:center}
.sd-tab-item{margin:0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));padding:var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;box-sizing:border-box;border:none;background-color:rgba(0,0,0,0);cursor:pointer;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-size:var(--sjs-internal-font-editorfont-size);line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));color:var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));overflow-x:hidden;white-space:nowrap;box-shadow:inset 0px 0px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));transition:box-shadow var(--sjs-transition-duration, 150ms)}
.sd-tab-item:hover,.sd-tab-item:focus-visible{outline:none;box-shadow:inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-tab-item.sd-tab-item--pressed{color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));box-shadow:inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-tab-item--icon{padding:var(--sjs-base-unit, var(--base-unit, 8px));width:auto;border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-tab-item--icon use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));opacity:.5}
.sd-tab-item--icon:hover,.sd-tab-item--icon.sd-tab-item--pressed{background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));box-shadow:none}
.sd-tab-item--icon:hover use,.sd-tab-item--icon.sd-tab-item--pressed use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-tab-item--icon:hover use{opacity:1}
.sd-tabs-toolbar .sv-dots{width:auto}
.sd-tabs-toolbar .sv-dots.sv-action--hidden{width:0}
.sd-tab-item__title{line-height:calc(1.5*(var(--sjs-font-size, 16px)));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex;align-items:center}
.sd-question__title~.sd-tabs-toolbar{margin-top:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab{padding-bottom:0}
.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after{bottom:0}
.sd-question--paneldynamic.sd-element--with-frame{padding-bottom:0}
.sd-paneldynamic__panels-container{position:relative;overflow:hidden;margin-left:calc(-1*var(--sd-base-padding));padding-left:var(--sd-base-padding);margin-right:calc(-1*var(--sd-base-padding));padding-right:var(--sd-base-padding)}
.sd-paneldynamic__panel-wrapper{box-sizing:border-box}
@keyframes movePanel{from{transform:translateX(var(--sjs-pd-tab-move-margin))}to{transform:translateX(0)}}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left,.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right{--sjs-pd-tab-animation-delay: 0ms;animation-name:movePanel,changeHeight,paddingFadeIn,fadeIn;animation-duration:var(--sjs-pd-tab-move-in-duration, 250ms),var(--sjs-pd-tab-height-change-duration, 250ms),var(--sjs-pd-tab-height-change-duration, 250ms),var(--sjs-pd-tab-fade-in-duration, 250ms);animation-delay:calc(var(--sjs-pd-tab-move-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay)),calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)),calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)),calc(var(--sjs-pd-tab-fade-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay));animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-fill-mode:forwards;opacity:0;padding-bottom:0;transform:translateX(var(--sjs-pd-tab-move-margin));height:var(--animation-height-from);--animation-padding-top: 0;--animation-padding-bottom: calc(1 * var(--sd-base-padding))}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left{--sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-in-margin, 50%))}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right{--sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-in-margin, 50%))}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left,.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right{animation-name:fadeIn,movePanel;animation-duration:var(--sjs-pd-tab-fade-out-duration, 250ms),var(--sjs-pd-tab-move-out-duration, 250ms);animation-delay:var(--sjs-pd-tab-fade-out-delay, 0ms),var(--sjs-pd-tab-move-out-delay, 0ms);animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-direction:reverse;animation-fill-mode:forwards;position:absolute;left:var(--sd-base-padding);top:0;width:calc(100% - 2*var(--sd-base-padding))}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left{--sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-out-margin, 50%))}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right{--sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-out-margin, 50%))}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-adding{animation-name:fadeIn,changeHeight,paddingFadeIn;animation-duration:var(--sjs-pd-tab-add-fade-in-duration, 500ms),var(--sjs-pd-tab-height-change-duration, 250ms),var(--sjs-pd-tab-height-change-duration, 250ms);animation-delay:calc(var(--sjs-pd-tab-add-fade-in-delay, 250ms) + var(--sjs-pd-tab-animation-delay)),calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)),calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay));animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-fill-mode:forwards;transform:translateX(0)}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-removing{--sjs-pd-tab-animation-delay: var(--sjs-pd-tab-remove-fade-in-delay, 150ms)}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-removing{animation-name:fadeIn;animation-duration:var(--sjs-pd-tab-remove-fade-out-duration, 150ms);animation-delay:var(--sjs-pd-tab-remove-fade-out-delay, 0ms);animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-direction:reverse;animation-fill-mode:forwards;position:absolute;left:var(--sd-base-padding);top:0;width:calc(100% - 2*var(--sd-base-padding))}
.sd-paneldynamic__panel-wrapper--enter,.sd-paneldynamic__panel-wrapper--leave{animation-name:fadeIn,moveInWithOverflow;animation-fill-mode:forwards;--animation-padding-top: 0;--animation-padding-bottom: calc(1 * var(--sd-base-padding));min-height:0 !important}
.sd-paneldynamic__panel-wrapper--enter{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-duration:var(--sjs-pd-list-fade-in-duration, 500ms),var(--sjs-pd-list-move-in-duration, 250ms),var(--sjs-pd-list-move-in-duration, 250ms);animation-delay:var(--sjs-pd-list-fade-in-delay, 250ms),0s,0s}
.sd-paneldynamic__panel-wrapper--leave{animation-direction:reverse;animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-duration:var(--sjs-pd-list-fade-out-duration, 150ms),var(--sjs-pd-list-move-out-duration, 250ms),var(--sjs-pd-list-move-out-duration, 250ms);animation-delay:0s,var(--sjs-pd-list-move-out-delay, 100ms),var(--sjs-pd-list-move-out-delay, 100ms);--animation-padding-bottom: calc(1 * var(--sd-base-padding))}
:root{--sjs-transition-duration: 150ms}
.sd-file{position:relative;font-size:var(--sjs-font-size, 16px);line-height:calc(1.5*(var(--sjs-font-size, 16px)));min-height:calc(36*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;padding:0 calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-file .sv-action-bar{padding:var(--sjs-base-unit, var(--base-unit, 8px)) 0;justify-content:center;position:absolute;width:100%;left:0;bottom:0}
.sd-file .sv-action-bar .sv-action-bar-item{height:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));border-radius:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item{padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;font-weight:600}
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover{background-color:var(--sjs-general-backcolor, var(--background, #fff))}
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:disabled{opacity:initial}
.sd-file__decorator{display:flex;flex-direction:column;position:absolute;left:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:center;border:1px dashed var(--sjs-border-default, var(--border, #d6d6d6));container-type:inline-size}
.sd-file--answered .sd-file__decorator{container-type:unset}
.sd-file__decorator--drag{z-index:1;border:1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));background:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));box-shadow:inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-file__no-file-chosen{display:none}
.sd-file__drag-area-placeholder{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));text-align:center;white-space:normal;color:var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));font-size:var(--sjs-internal-font-editorfont-size);line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)));padding:0 calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))))}
@container (max-width: 496px){.sd-file__drag-area-placeholder{padding:0 var(--sjs-base-unit, var(--base-unit, 8px))}}
@container (max-width: 176px){.sd-file__drag-area-placeholder{display:none}.sd-file__decorator .sd-action{padding:var(--sjs-base-unit, var(--base-unit, 8px))}.sd-file__decorator .sd-action .sv-svg-icon{margin-left:0}.sd-file__decorator .sd-file__actions-container{flex-direction:column}.sd-file__decorator .sd-file__actions-container span{display:none}}
.sd-root-modern--mobile .sd-file__decorator{padding:0 calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-file__choose-btn--text{display:block;font-weight:600;color:var(--sjs-primary-backcolor, var(--primary, #19b394));cursor:pointer}
.sd-file__choose-btn--text .sv-svg-icon{margin-left:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));width:24px;height:24px;fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-file__choose-btn--icon>span{display:none}
.sd-file__wrapper{width:-moz-max-content;width:max-content;max-width:100%}
.sd-question--answered .sd-file__drag-area-placeholder{display:none}
.sd-file__actions-container{margin-top:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));flex-wrap:wrap;justify-content:center}
.sd-file__actions-container .sv-action--hidden{display:none}
.sd-file--answered .sd-file__actions-container{z-index:2;margin-top:0;gap:var(--sjs-base-unit, var(--base-unit, 8px));top:var(--sjs-base-unit, var(--base-unit, 8px));right:var(--sjs-base-unit, var(--base-unit, 8px));position:absolute}
.sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));inset-inline-end:calc(1.5*(var(--sjs-internal-font-editorfont-size)) + 5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-file__list{display:flex;position:relative;overflow:hidden;box-sizing:content-box;flex-direction:row;padding:calc(10.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;min-height:calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));max-height:calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));width:100%}
.sd-file__page{display:flex;left:0;align-items:stretch;justify-content:center;gap:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(100% - 21*var(--sjs-base-unit, var(--base-unit, 8px)));width:100%;position:absolute}
@keyframes file-page-to-right{from{opacity:1;left:0}to{opacity:0;left:100%}}
@keyframes file-page-from-right{from{opacity:0;left:100%}to{opacity:1;left:0}}
@keyframes file-page-from-left{from{opacity:0;left:-100%}to{opacity:1;left:0}}
@keyframes file-page-to-left{from{opacity:1;left:0}to{opacity:0;left:-100%}}
.sd-file__page--leave-to-right,.sd-file__page--enter-from-right,.sd-file__page--leave-to-left,.sd-file__page--enter-from-left{animation-duration:.5s;animation-fill-mode:forwards}
.sd-file__page--leave-to-right{animation-name:file-page-to-right}
.sd-file__page--enter-from-right{animation-name:file-page-from-right}
.sd-file__page--leave-to-left{animation-name:file-page-to-left}
.sd-file__page--enter-from-left{animation-name:file-page-from-left}
.sd-file__preview-item{position:relative;display:flex;align-items:stretch;flex-direction:column;min-height:100%;width:calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:0;cursor:pointer}
.sd-file__preview-item .sd-file__default-image{width:calc(9*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(9*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-file__preview-item .sd-file__default-image use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sd-file__preview-item:hover .sd-file__remove-file-button{opacity:1}
.sd-file__preview-item:hover .sd-file__sign a{text-decoration:underline}
.sd-file__sign{margin-top:var(--sjs-base-unit, var(--base-unit, 8px));text-align:center;font-size:calc(0.75*(var(--sjs-font-size, 16px)));line-height:var(--sjs-font-size, 16px)}
.sd-file__sign a{display:block;text-decoration:none;color:var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));white-space:normal;word-break:break-all;width:calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));min-width:100%;max-width:100%;overflow:hidden;max-height:calc(3*(var(--sjs-font-size, 16px)));text-overflow:ellipsis;line-height:var(--sjs-font-size, 16px);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.sd-file__remove-file-button{display:block;opacity:0;position:absolute;left:100%;top:0;transform:translate(-50%, -50%);transition:opacity var(--sjs-transition-duration, 150ms)}
.sd-file__image-wrapper--default-image .sd-file__remove-file-button{left:50%;top:50%;transform:translate(calc(3.5 * var(--sjs-base-unit, var(--base-unit, 8px)) - 50% - 1.5px), calc(-4.25 * var(--sjs-base-unit, var(--base-unit, 8px)) - 50% + 1.5px))}
.sd-file__decorator--error{background-color:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))}
.sd-file__image-wrapper{position:relative;text-align:center;display:flex;align-items:center;justify-content:center;width:calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));min-height:calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}
.sd-file__image-wrapper img:not(.sd-file__default-image){display:block;max-width:100%;max-height:100%;width:calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));-o-object-fit:contain;object-fit:contain}
.sd-file__image-wrapper--default-image{background:rgba(0,0,0,0)}
.sd-file--single .sd-file__preview-item .sd-file__remove-file-button{display:none}
.sd-file--single-image{height:calc(36*var(--sjs-base-unit, var(--base-unit, 8px)))}
.sd-file--single-image .sd-file__page{height:100%}
.sd-file--single-image .sd-file__preview-item{width:100%;margin:0}
.sd-file--single-image .sd-file__list{position:absolute;left:0;padding:0;height:100%;max-height:100%;width:100%}
.sd-file--single-image .sd-file__image-wrapper{background-color:var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));min-height:100%;min-width:100%}
.sd-file--single-image .sd-file__image-wrapper img{width:100%;height:100%}
.sd-file--single-image .sd-file__sign{position:absolute;margin:0;width:100%;min-height:100%}
.sd-file--single-image .sd-file__sign a{color:rgba(0,0,0,0);width:100%;min-width:100%;max-width:100%;height:100%;outline:none}
.sd-file__image-wrapper.sd-file__image-wrapper--default-image{background:rgba(0,0,0,0)}
.sd-file>input:focus+.sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-file>input:focus+.sd-file__decorator .sd-file__choose-btn:not(.sd-file__choose-btn--icon){background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}
.sd-file__drag-area{position:static;width:100%}
.sd-file__change-camera-button{position:absolute;z-index:2;left:var(--sjs-base-unit, var(--base-unit, 8px));top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-file__close-camera-button{position:absolute;z-index:2;right:var(--sjs-base-unit, var(--base-unit, 8px));top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-context-btn.sd-file__take-picture-button{background-color:var(--sjs-special-red, var(--red, #e60a3e));position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-context-btn.sd-file__take-picture-button:hover,.sd-context-btn.sd-file__take-picture-button:focus{box-shadow:0 0 0 2px var(--sjs-special-red, var(--red, #e60a3e))}
.sd-context-btn.sd-file__take-picture-button .sv-svg-icon{height:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-context-btn.sd-file__take-picture-button .sv-svg-icon use{fill:var(--sjs-general-backcolor, var(--background, #fff))}
.sd-file__video-container{background-color:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));position:absolute;top:0;left:0;width:100%;height:100%}
.sd-file__loading-indicator{width:100%;height:100%;box-sizing:border-box;position:absolute;border:1px dashed var(--sjs-border-default, var(--border, #d6d6d6));left:0}
.sd-file__loading-indicator .sd-loading-indicator{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.sd-file__choose-file-btn--disabled{opacity:.25;cursor:default}
.sd-file--readonly .sd-context-btn{display:none}
.sd-file--readonly .sd-file__decorator{border-color:rgba(0,0,0,0)}
.sd-file--readonly .sd-file__actions-container{display:none}
.sd-file--readonly .sd-file__image-wrapper{background:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)))}
.sd-file--readonly .sd-file__drag-area-placeholder{color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-file--preview .sd-context-btn{display:none}
.sd-file--preview .sd-file__decorator{border-color:rgba(0,0,0,0)}
.sd-file--preview .sd-file__image-wrapper{background:rgba(0,0,0,0)}
.sd-file--preview .sd-file__actions-container{display:none}
.sd-file--preview .sd-file__drag-area-placeholder{color:var(--sjs-general-forecolor, var(--foreground, #161616))}
.sd-hidden{display:none !important}
.sd-body__navigation .sd-btn{padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));font-size:var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));line-height:calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))))}
.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action){background-color:var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))}
.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action):hover{background-color:var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)))}
.sd-root-modern--mobile .sd-body__navigation .sv-action:not(.sv-action--hidden),.sd-root-modern--mobile .sd-body__navigation .sd-btn{flex-grow:1}
.sd-root-modern--mobile .sd-body__navigation .sd-btn{padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-body__navigation .sv-action--hidden{display:none}
:root{--sjs-transition-duration: 150ms}
.sd-btn{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));background:var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));border-radius:var(--sjs-corner-radius, 4px);cursor:pointer;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-style:normal;font-weight:600;font-size:var(--sjs-font-size, 16px);line-height:calc(1.5*(var(--sjs-font-size, 16px)));text-align:center;color:var(--sjs-primary-backcolor, var(--primary, #19b394));border:none;outline:none;box-shadow:var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)),0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));transition:box-shadow var(--sjs-transition-duration, 150ms),background var(--sjs-transition-duration, 150ms)}
.sd-btn--small{flex-grow:1;padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-btn:hover{background-color:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)))}
.sd-btn:focus-visible{box-shadow:var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-btn:disabled{color:var(--sjs-general-forecolor, var(--foreground, #161616));opacity:.25;pointer-events:none}
.sd-btn--action{background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}
.sd-btn--action:hover{color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff));background-color:var(--sjs-primary-backcolor-dark, rgb(20, 164, 139))}
.sd-btn--action:disabled{color:var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));pointer-events:none}
.sd-btn--danger{background-color:var(--sjs-special-red, var(--red, #e60a3e));color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}
.sd-btn--danger:hover{background-color:var(--sjs-special-red, var(--red, #e60a3e));color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}
.sd-btn--danger:disabled{color:var(--sjs-special-red-forecolor, #ffffff);pointer-events:none}
:root{--sjs-transition-duration: 150ms}
.sd-body{width:100%;box-sizing:border-box}
.sd-body .sd-body__page{min-width:min(100%,300px)}
.sd-body .sd-body__timer{padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;box-sizing:border-box}
.sd-body.sd-body--static{max-width:calc(90*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:auto;margin-right:auto;padding-top:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-body.sd-body--static .sd-body__timer,.sd-body.sd-body--static .sd-body__navigation,.sd-body.sd-body--static .sd-body__page{margin-left:0;margin-right:0}
.sd-body.sd-body--static .sd-body__navigation{padding-top:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-body.sd-body--static .sd-body__navigation.sd-action-bar{padding-left:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-right:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-body.sd-body--responsive{max-width:initial;padding:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box}
.sd-body.sd-body--responsive .sd-page{padding:0}
.sd-body.sd-body--responsive .sd-body__timer,.sd-body.sd-body--responsive .sd-body__navigation{padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0}
.sd-body.sd-body--responsive .sd-body__navigation{padding-top:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-body.sd-body--responsive.sd-body--with-timer{max-width:calc(100% + var(--sd-timer-size)*-1.4444444444 + 6*var(--sjs-base-unit, var(--base-unit, 8px)));margin-left:auto;margin-right:auto}
.sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive{max-width:initial;margin-left:0;margin-right:0}
.sd-root-modern--mobile .sd-body.sd-body--responsive,.sd-root-modern--mobile .sd-body.sd-body--static{padding:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-root-modern--mobile .sd-body.sd-body--responsive .sd-body__navigation,.sd-root-modern--mobile .sd-body.sd-body--static .sd-body__navigation{padding-left:0;padding-right:0;padding-bottom:0}
.sd-root--compact .sd-body.sd-body--responsive .sd-body__navigation,.sd-root--compact .sd-body.sd-body--static .sd-body__navigation{padding-top:calc(7*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-body__navigation.sd-action-bar{box-sizing:border-box;padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));flex-wrap:wrap;gap:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-body--empty{min-height:400px;text-align:center;padding-top:180px;box-sizing:border-box}
.sd-body--empty,.sd-body--loading{font-size:var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));-webkit-text-decoration:var(--sjs-article-font-default-textDecoration, "none");text-decoration:var(--sjs-article-font-default-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-default-fontWeight, 400);font-style:var(--sjs-article-font-default-fontStyle, "normal");font-stretch:var(--sjs-article-font-default-fontStretch, "normal");letter-spacing:var(--sjs-article-font-default-letterSpacing, 0);line-height:var(--sjs-article-font-default-lineHeight, 28px);text-indent:var(--sjs-article-font-default-paragraphIndent, 0px);text-transform:var(--sjs-article-font-default-textCase, "none");color:var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)))}
.sd-body--empty h1,.sd-body--loading h1{font-size:var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));-webkit-text-decoration:var(--sjs-article-font-xx-large-textDecoration, "none");text-decoration:var(--sjs-article-font-xx-large-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-xx-large-fontWeight, 700);font-style:var(--sjs-article-font-xx-large-fontStyle, "normal");font-stretch:var(--sjs-article-font-xx-large-fontStretch, "normal");letter-spacing:var(--sjs-article-font-xx-large-letterSpacing, 0);line-height:var(--sjs-article-font-xx-large-lineHeight, 64px);text-indent:var(--sjs-article-font-xx-large-paragraphIndent, 0px);text-transform:var(--sjs-article-font-xx-large-textCase, "none")}
.sd-body--empty h2,.sd-body--loading h2{font-size:var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));-webkit-text-decoration:var(--sjs-article-font-x-large-textDecoration, "none");text-decoration:var(--sjs-article-font-x-large-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-x-large-fontWeight, 700);font-style:var(--sjs-article-font-x-large-fontStyle, "normal");font-stretch:var(--sjs-article-font-x-large-fontStretch, "normal");letter-spacing:var(--sjs-article-font-x-large-letterSpacing, 0);line-height:var(--sjs-article-font-x-large-lineHeight, 56px);text-indent:var(--sjs-article-font-x-large-paragraphIndent, 0px);text-transform:var(--sjs-article-font-x-large-textCase, "none")}
.sd-body--empty h3,.sd-body--loading h3{font-size:var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));-webkit-text-decoration:var(--sjs-article-font-large-textDecoration, "none");text-decoration:var(--sjs-article-font-large-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-large-fontWeight, 700);font-style:var(--sjs-article-font-large-fontStyle, "normal");font-stretch:var(--sjs-article-font-large-fontStretch, "normal");letter-spacing:var(--sjs-article-font-large-letterSpacing, 0);line-height:var(--sjs-article-font-large-lineHeight, 40px);text-indent:var(--sjs-article-font-large-paragraphIndent, 0px);text-transform:var(--sjs-article-font-large-textCase, "none")}
.sd-body--empty h4,.sd-body--empty h5,.sd-body--empty h6,.sd-body--loading h4,.sd-body--loading h5,.sd-body--loading h6{font-size:var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));-webkit-text-decoration:var(--sjs-article-font-medium-textDecoration, "none");text-decoration:var(--sjs-article-font-medium-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-medium-fontWeight, 700);font-style:var(--sjs-article-font-medium-fontStyle, "normal");font-stretch:var(--sjs-article-font-medium-fontStretch, "normal");letter-spacing:var(--sjs-article-font-medium-letterSpacing, 0);line-height:var(--sjs-article-font-medium-lineHeight, 32px);text-indent:var(--sjs-article-font-medium-paragraphIndent, 0px);text-transform:var(--sjs-article-font-medium-textCase, "none")}
.sd-body--empty td,.sd-body--empty span,.sd-body--empty div,.sd-body--empty p,.sd-body--loading td,.sd-body--loading span,.sd-body--loading div,.sd-body--loading p{font-size:var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));-webkit-text-decoration:var(--sjs-article-font-default-textDecoration, "none");text-decoration:var(--sjs-article-font-default-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-default-fontWeight, 400);font-style:var(--sjs-article-font-default-fontStyle, "normal");font-stretch:var(--sjs-article-font-default-fontStretch, "normal");letter-spacing:var(--sjs-article-font-default-letterSpacing, 0);line-height:var(--sjs-article-font-default-lineHeight, 28px);text-indent:var(--sjs-article-font-default-paragraphIndent, 0px);text-transform:var(--sjs-article-font-default-textCase, "none")}
.sd-body--empty a,.sd-body--loading a{color:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-body--empty button,.sd-body--loading button{display:flex;align-items:center;padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));vertical-align:baseline;text-align:center;background-color:var(--sjs-general-backcolor, var(--background, #fff));border:none;border-radius:var(--sjs-corner-radius, 4px);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0,0,0,0);color:var(--sjs-primary-backcolor, var(--primary, #19b394));font-weight:600;font-style:normal;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-size:var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));line-height:calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));box-shadow:var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)),0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));transition:box-shadow var(--sjs-transition-duration, 150ms)}
.sd-body--empty button:hover,.sd-body--loading button:hover{background-color:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)))}
.sd-body--empty button:focus,.sd-body--loading button:focus{box-shadow:var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-body--empty button span,.sd-body--loading button span{display:flex;align-items:center;flex-grow:1;justify-content:center}
.sd-root_background-image{background-position-x:center;position:absolute;top:0;bottom:0;left:0;right:0}
:root{--sjs-transition-duration: 150ms}
.sd-multipletext{width:100%;table-layout:fixed;border-spacing:0;height:1px}
.sd-multipletext__cell{height:100%}
.sd-multipletext__cell:not(:first-of-type){padding-left:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-multipletext__item-container.sd-input:focus-within{box-shadow:var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-multipletext__item-container{display:flex;align-items:flex-start;height:100%;padding-top:0;padding-bottom:0}
.sd-multipletext__item-container .sd-input{padding-top:0;padding-right:0;padding-bottom:0;border:none;box-shadow:none}
.sd-multipletext__item-container .sd-input,.sd-multipletext__item-title{margin-top:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-multipletext__item-title{font-size:0;line-height:0}
.sd-multipletext__item-title span{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));font-size:var(--sjs-internal-font-editorfont-size);line-height:calc(1.5*(var(--sjs-internal-font-editorfont-size)))}
.sd-multipletext__item-title{height:calc(100% - var(--sjs-base-unit, var(--base-unit, 8px))*3);max-width:30%;padding-right:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));border-right:1px solid var(--sjs-border-default, var(--border, #d6d6d6));white-space:normal;color:var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));box-sizing:content-box}
.sd-question--preview .sd-multipletext__item-title{border:none}
.sd-multipletext__item{flex-grow:1}
.sd-multipletext__content .sd-multipletext__item-container{position:relative}
.sd-multipletext__item-container--error{background-color:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))}
.sd-multipletext__item-container--error .sd-input--error{background-color:rgba(0,0,0,0)}
.sd-multipletext-item__character-counter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-question__content:focus-within .sd-multipletext-item__character-counter{padding-inline-end:calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-multipletext__cell{padding-left:0;padding-right:0;padding-bottom:var(--sjs-base-unit, var(--base-unit, 8px));padding-top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-multipletext__cell--error-bottom,.sd-multipletext__row:first-of-type .sd-multipletext__cell{padding-top:0}
.sd-multipletext__cell--error-top,.sd-multipletext__row:last-of-type .sd-multipletext__cell{padding-bottom:0}
.sd-multipletext__cell--error .sd-question__erbox{margin:0}
.sd-multipletext .sd-input .sd-input{background:rgba(0,0,0,0)}
.sd-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;display:flex;align-items:center;gap:var(--sjs-base-unit, var(--base-unit, 8px));background:rgba(0,0,0,0);padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));color:var(--sjs-primary-backcolor, var(--primary, #19b394));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));font-weight:600;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-style:normal;font-size:var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));line-height:calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));outline:none;transition:background-color var(--sjs-transition-duration, 150ms);box-sizing:content-box}
.sd-action--negative{color:var(--sjs-special-red, var(--red, #e60a3e))}
.sd-action--icon{padding:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-action__icon{margin-left:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-action__icon use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-action--icon .sd-action__icon{margin-left:0}
.sd-action--icon use{fill:var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));transition:fill var(--sjs-transition-duration, 150ms)}
svg.sd-action--icon{fill:var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)))}
.sd-action:disabled,.sd-action--disabled{color:var(--sjs-general-forecolor, var(--foreground, #161616));cursor:default;opacity:.25;pointer-events:none}
.sd-action:disabled use,.sd-action--disabled use{fill:var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)))}
.sd-action:not(.sd-action--pressed):hover,.sd-action:not(.sd-action--pressed):focus{outline:none;background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));cursor:pointer;opacity:1}
.sd-action:not(.sd-action--pressed):hover.sd-action--icon,.sd-action:not(.sd-action--pressed):focus.sd-action--icon{background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}
.sd-action:not(.sd-action--pressed):hover.sd-action--negative,.sd-action:not(.sd-action--pressed):focus.sd-action--negative{background-color:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))}
.sd-action:not(.sd-action--pressed):hover.sd-action--negative.sd-action--icon use,.sd-action:not(.sd-action--pressed):focus.sd-action--negative.sd-action--icon use{fill:var(--sjs-special-red, var(--red, #e60a3e))}
.sd-action:not(.sd-action--pressed):hover:active,.sd-action:not(.sd-action--pressed):focus:active{opacity:.5}
.sd-action__icon{display:block;width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-action--pressed:not(.sd-action--active){background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));opacity:.5}
.sd-action-bar{display:flex;align-items:center}
.sd-action-bar .sv-action:not(:last-child) .sv-action__content{padding-right:0}
.sd-context-btn{background-color:var(--sjs-general-backcolor, var(--background, #fff));padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));border:none;outline:none;cursor:pointer}
.sd-context-btn .sv-svg-icon{margin:0}
.sd-context-btn svg{--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));display:block;width:calc(1.5*(var(--sjs-internal-font-editorfont-size)));height:calc(1.5*(var(--sjs-internal-font-editorfont-size)))}
.sd-context-btn use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));transition:fill var(--sjs-transition-duration, 150ms)}
.sd-context-btn:hover use,.sd-context-btn:focus use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-context-btn:hover.sd-context-btn--negative use,.sd-context-btn:focus.sd-context-btn--negative use{fill:var(--sjs-special-red, var(--red, #e60a3e))}
.sd-context-btn:disabled{opacity:.25}
.sd-context-btn--small{padding:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-context-btn--small svg{width:var(--sjs-internal-font-editorfont-size);height:var(--sjs-internal-font-editorfont-size)}
.sd-context-btn--with-border{--box-shadow-color: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));box-shadow:0 0 0 1px var(--box-shadow-color)}
.sd-context-btn--colorful use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-context-btn--colorful.sd-context-btn--negative use{fill:red}
.sd-context-btn--colorful:focus,.sd-context-btn--colorful:hover{background:linear-gradient(var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))), var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))),linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff)))}
.sd-context-btn--colorful:focus.sd-context-btn--negative,.sd-context-btn--colorful:hover.sd-context-btn--negative{background:linear-gradient(var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))),linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff)))}
.sd-context-btn--colorful:focus.sd-context-btn--with-border,.sd-context-btn--colorful:hover.sd-context-btn--with-border{--box-shadow-color: var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-context-btn--colorful:focus.sd-context-btn--with-border.sd-context-btn--negative,.sd-context-btn--colorful:hover.sd-context-btn--with-border.sd-context-btn--negative{--box-shadow-color: var(--sjs-special-red, var(--red, #e60a3e))}
:root{--sjs-transition-duration: 150ms}
.sd-completedpage,.sd-completed-before-page{align-items:center;font-weight:bold;box-sizing:border-box;text-align:center;height:auto;font-size:var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));-webkit-text-decoration:var(--sjs-article-font-default-textDecoration, "none");text-decoration:var(--sjs-article-font-default-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-default-fontWeight, 400);font-style:var(--sjs-article-font-default-fontStyle, "normal");font-stretch:var(--sjs-article-font-default-fontStretch, "normal");letter-spacing:var(--sjs-article-font-default-letterSpacing, 0);line-height:var(--sjs-article-font-default-lineHeight, 28px);text-indent:var(--sjs-article-font-default-paragraphIndent, 0px);text-transform:var(--sjs-article-font-default-textCase, "none");color:var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)))}
.sd-completedpage h1,.sd-completed-before-page h1{font-size:var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));-webkit-text-decoration:var(--sjs-article-font-xx-large-textDecoration, "none");text-decoration:var(--sjs-article-font-xx-large-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-xx-large-fontWeight, 700);font-style:var(--sjs-article-font-xx-large-fontStyle, "normal");font-stretch:var(--sjs-article-font-xx-large-fontStretch, "normal");letter-spacing:var(--sjs-article-font-xx-large-letterSpacing, 0);line-height:var(--sjs-article-font-xx-large-lineHeight, 64px);text-indent:var(--sjs-article-font-xx-large-paragraphIndent, 0px);text-transform:var(--sjs-article-font-xx-large-textCase, "none")}
.sd-completedpage h2,.sd-completed-before-page h2{font-size:var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));-webkit-text-decoration:var(--sjs-article-font-x-large-textDecoration, "none");text-decoration:var(--sjs-article-font-x-large-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-x-large-fontWeight, 700);font-style:var(--sjs-article-font-x-large-fontStyle, "normal");font-stretch:var(--sjs-article-font-x-large-fontStretch, "normal");letter-spacing:var(--sjs-article-font-x-large-letterSpacing, 0);line-height:var(--sjs-article-font-x-large-lineHeight, 56px);text-indent:var(--sjs-article-font-x-large-paragraphIndent, 0px);text-transform:var(--sjs-article-font-x-large-textCase, "none")}
.sd-completedpage h3,.sd-completed-before-page h3{font-size:var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));-webkit-text-decoration:var(--sjs-article-font-large-textDecoration, "none");text-decoration:var(--sjs-article-font-large-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-large-fontWeight, 700);font-style:var(--sjs-article-font-large-fontStyle, "normal");font-stretch:var(--sjs-article-font-large-fontStretch, "normal");letter-spacing:var(--sjs-article-font-large-letterSpacing, 0);line-height:var(--sjs-article-font-large-lineHeight, 40px);text-indent:var(--sjs-article-font-large-paragraphIndent, 0px);text-transform:var(--sjs-article-font-large-textCase, "none")}
.sd-completedpage h4,.sd-completedpage h5,.sd-completedpage h6,.sd-completed-before-page h4,.sd-completed-before-page h5,.sd-completed-before-page h6{font-size:var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));-webkit-text-decoration:var(--sjs-article-font-medium-textDecoration, "none");text-decoration:var(--sjs-article-font-medium-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-medium-fontWeight, 700);font-style:var(--sjs-article-font-medium-fontStyle, "normal");font-stretch:var(--sjs-article-font-medium-fontStretch, "normal");letter-spacing:var(--sjs-article-font-medium-letterSpacing, 0);line-height:var(--sjs-article-font-medium-lineHeight, 32px);text-indent:var(--sjs-article-font-medium-paragraphIndent, 0px);text-transform:var(--sjs-article-font-medium-textCase, "none")}
.sd-completedpage td,.sd-completedpage span,.sd-completedpage div,.sd-completedpage p,.sd-completed-before-page td,.sd-completed-before-page span,.sd-completed-before-page div,.sd-completed-before-page p{font-size:var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));-webkit-text-decoration:var(--sjs-article-font-default-textDecoration, "none");text-decoration:var(--sjs-article-font-default-textDecoration, "none");font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:var(--sjs-article-font-default-fontWeight, 400);font-style:var(--sjs-article-font-default-fontStyle, "normal");font-stretch:var(--sjs-article-font-default-fontStretch, "normal");letter-spacing:var(--sjs-article-font-default-letterSpacing, 0);line-height:var(--sjs-article-font-default-lineHeight, 28px);text-indent:var(--sjs-article-font-default-paragraphIndent, 0px);text-transform:var(--sjs-article-font-default-textCase, "none")}
.sd-completedpage a,.sd-completed-before-page a{color:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-completedpage button,.sd-completed-before-page button{display:flex;align-items:center;padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));vertical-align:baseline;text-align:center;background-color:var(--sjs-general-backcolor, var(--background, #fff));border:none;border-radius:var(--sjs-corner-radius, 4px);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0,0,0,0);color:var(--sjs-primary-backcolor, var(--primary, #19b394));font-weight:600;font-style:normal;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-size:var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));line-height:calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));box-shadow:var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)),0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));transition:box-shadow var(--sjs-transition-duration, 150ms)}
.sd-completedpage button:hover,.sd-completed-before-page button:hover{background-color:var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)))}
.sd-completedpage button:focus,.sd-completed-before-page button:focus{box-shadow:var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-completedpage button span,.sd-completed-before-page button span{display:flex;align-items:center;flex-grow:1;justify-content:center}
.sd-completedpage:before,.sd-completedpage:after{display:block;width:calc(9*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:calc(50% - 4.5*var(--sjs-base-unit, var(--base-unit, 8px)));content:""}
.sd-completedpage:before{height:calc(13*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-completedpage:after{height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-progress-buttons__image-button-left{display:none}
.sd-progress-buttons__image-button-right{display:none}
.sd-progress-buttons__image-button--hidden{visibility:hidden}
.sd-progress-buttons__page-description{display:none}
.sd-progress-buttons{padding:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex;flex-direction:column}
.sd-progress-buttons__list-container{display:flex;overflow:hidden;margin:0 calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-progress-buttons__connector{display:none}
.sd-progress-buttons__list{display:inline-flex;flex-direction:row;flex-grow:1;margin:0 auto;padding:0}
.sd-progress-buttons__list li{display:flex;flex-grow:1;flex-shrink:1;flex-basis:0;position:relative;flex-wrap:nowrap;text-align:center;flex-direction:column;cursor:pointer}
.sd-progress-buttons__list li:not(:first-child)>.sd-progress-buttons__connector{display:block;content:"";height:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));background-color:var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));opacity:.5;position:absolute;bottom:calc(1.125*(var(--sjs-base-unit, var(--base-unit, 8px))));right:calc(50% + 10px);width:calc(100% - 20px);pointer-events:none}
.sd-progress-buttons__list li .sd-progress-buttons__button{position:relative;display:flex;content:attr(data-page-number);width:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));border:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0,0,0,0);border-radius:50%;align-self:center;z-index:1;font-size:calc(0.75*(var(--sjs-font-size, 16px)));font-weight:600;line-height:var(--sjs-font-size, 16px);justify-content:center;color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));box-sizing:content-box}
.sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background{position:absolute;width:calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));top:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));left:calc(-1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));z-index:-2}
.sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-content{position:absolute;width:100%;height:100%;top:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));left:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));background-color:var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));opacity:.5;z-index:-1;border:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0,0,0,0);border-radius:50%;box-sizing:content-box}
.sd-progress-buttons__list li:hover .sd-progress-buttons__button{color:var(--sjs-primary-backcolor, var(--primary, #19b394));padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));border:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));background-color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}
.sd-progress-buttons__list li:hover .sd-progress-buttons__button .sd-progress-buttons__button-background{left:calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-progress-buttons__list li:hover .sd-progress-buttons__button .sd-progress-buttons__button-content{top:calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));left:calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));border:calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));background-color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff));opacity:1}
.sd-progress-buttons__list .sd-progress-buttons__list-element--passed:not(:first-child)>.sd-progress-buttons__connector{background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));opacity:1}
.sd-progress-buttons__list .sd-progress-buttons__list-element--passed .sd-progress-buttons__button{background-color:var(--sjs-primary-backcolor, var(--primary, #19b394))}
.sd-progress-buttons__list .sd-progress-buttons__list-element--passed .sd-progress-buttons__button .sd-progress-buttons__button-content{background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));opacity:1}
.sd-progress-buttons__list .sd-progress-buttons__list-element--current:not(:first-child)>.sd-progress-buttons__connector{background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));opacity:1}
.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button{border:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));background-color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff));color:var(--sjs-primary-backcolor, var(--primary, #19b394));padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__button-background{left:calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__button-content{border:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));background-color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff));opacity:1}
.sd-progress-buttons__page-title{display:flex;justify-content:center;align-items:center;font-size:calc(0.75*(var(--sjs-font-size, 16px)));font-weight:600;line-height:var(--sjs-font-size, 16px);flex-grow:1;text-align:center;padding:0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-progress-buttons__header .sd-progress-buttons__page-title{margin-bottom:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-progress-buttons__footer .sd-progress-buttons__page-title{margin-top:var(--sjs-base-unit, var(--base-unit, 8px));margin-bottom:0;justify-content:flex-end;padding:0;color:var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))}
.sd-progress-buttons--bottom{padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));flex-direction:column-reverse}
.sd-progress-buttons--bottom .sd-progress-buttons__list li{flex-direction:column-reverse}
.sd-progress-buttons--bottom .sd-progress-buttons__list li:not(:first-child)>.sd-progress-buttons__connector{top:calc(1.125*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-progress-buttons--bottom .sd-progress-buttons__page-title{margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:0}
.sd-progress-buttons--bottom .sd-progress-buttons__header .sd-progress-buttons__page-title{margin-top:var(--sjs-base-unit, var(--base-unit, 8px));margin-bottom:0}
.sd-progress-buttons--bottom .sd-progress-buttons__footer .sd-progress-buttons__page-title{margin-top:0;margin-bottom:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-progress-buttons--numbered .sd-progress-buttons__list-container{margin:0 calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child)>.sd-progress-buttons__connector{bottom:calc(2.175*(var(--sjs-base-unit, var(--base-unit, 8px))));right:calc(50% + 18px);width:calc(100% - 36px)}
.sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button{width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background{height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-progress-buttons--numbered .sd-progress-buttons__list li:hover .sd-progress-buttons__button{padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-progress-buttons--with-titles .sd-progress-buttons__list-container{margin:0}
.sd-root-modern--mobile .sd-progress-buttons__list,.sd-progress-buttons--no-titles .sd-progress-buttons__list{justify-content:space-between;width:100%}
.sd-root-modern--mobile .sd-progress-buttons__list li,.sd-progress-buttons--no-titles .sd-progress-buttons__list li{flex-grow:0}
.sd-progress-buttons--bottom.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child)>.sd-progress-buttons__connector{top:calc(2.175*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-root-modern--mobile .sd-progress-buttons{padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-progress-buttons--fit-survey-width{max-width:calc(90*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;width:100%;margin:auto}
[dir=rtl] .sd-progress-buttons__list li:not(:first-child)>.sd-progress-buttons__connector,[style*="direction:rtl"] .sd-progress-buttons__list li:not(:first-child)>.sd-progress-buttons__connector,[style*="direction: rtl"] .sd-progress-buttons__list li:not(:first-child)>.sd-progress-buttons__connector{right:unset;left:calc(50% + 10px)}
[dir=rtl] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child)>.sd-progress-buttons__connector,[style*="direction:rtl"] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child)>.sd-progress-buttons__connector,[style*="direction: rtl"] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child)>.sd-progress-buttons__connector{right:unset;left:calc(50% + 20px)}
.sv_progress-toc{padding:var(--sjs-base-unit, var(--base-unit, 8px));max-width:calc(42*(var(--sjs-base-unit, var(--base-unit, 8px))));height:100%;background:var(--sjs-general-backcolor, var(--background, #fff));box-sizing:border-box;min-width:calc(32*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body{background:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));color:var(--sjs-general-forecolor, var(--foreground, #161616));font-weight:400}
.sv_progress-toc .sv-list__item span{white-space:break-spaces}
.sv_progress-toc .sv-list__item-body{padding-inline-start:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-inline-end:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:var(--sjs-corner-radius, 4px);padding-top:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv_progress-toc use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv_progress-toc--left{border-right:1px solid var(--sjs-border-default, var(--border, #d6d6d6))}
.sv_progress-toc--right{border-left:1px solid var(--sjs-border-default, var(--border, #d6d6d6))}
.sv_progress-toc--mobile{position:fixed;top:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));right:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));width:auto;min-width:auto;height:auto;background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));z-index:15;border-radius:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv_progress-toc--mobile>div{width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv_progress-toc--mobile:hover{background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}
.sd-title+.sv-components-row>.sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile),.sd-title~.sv-components-row>.sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile){margin-top:2px}
.sv_progress-toc.sv_progress-toc--sticky{position:sticky;height:auto;overflow-y:auto;top:0}
.sd-list{padding-right:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-left:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-list__item{padding:0}
.sd-list__item-body{padding-block:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:var(--sjs-corner-radius, 4px);font-size:var(--sjs-font-size, 16px);line-height:calc(1.5*(var(--sjs-font-size, 16px)))}
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected){outline:none}
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body{padding-block:calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-timer{z-index:2;position:fixed;bottom:calc(var(--sd-timer-size)/144*32);right:var(--sjs-base-unit, var(--base-unit, 8px));background:#fff;width:var(--sd-timer-size);height:var(--sd-timer-size);margin-right:calc(var(--sd-timer-size)/144*32);display:flex;border-radius:100%;padding:calc(var(--sd-timer-size)/144*8);box-shadow:var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)),var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));box-sizing:border-box}
.sd-timer--top{top:calc(var(--sd-timer-size)/144*32);margin-top:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:calc(-1*var(--sd-timer-size))}
.sd-timer--bottom{bottom:calc(var(--sd-timer-size)/144*32);margin-top:calc(var(--sd-timer-size)*-1.2222222222)}
.sd-timer__progress{--sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);--sd-timer-stroke-background-width: 2px;stroke-linecap:round;height:100%;width:100%;transform:rotate(-90deg);stroke:var(--sjs-primary-backcolor, var(--primary, #19b394));stroke-dashoffset:0;fill:none;stroke-width:4px}
.sd-timer__progress--animation{stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}
.sd-timer__text-container{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:var(--sjs-base-unit, var(--base-unit, 8px));color:var(--sjs-primary-backcolor, var(--primary, #19b394));font-weight:700;font-size:calc(var(--sd-timer-size)/144*32)}
.sd-timer__text--major{color:var(--sjs-primary-backcolor, var(--primary, #19b394));font-weight:700;font-size:calc(var(--sd-timer-size)/144*32)}
.sd-timer__text--minor{color:var(--lbr-timer-text-color-secondary, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));font-size:var(--lbr-font-default-size, var(--sjs-font-size, 16px));font-style:normal;font-weight:600;line-height:var(--lbr-font-default-line-height, calc(1.5 * (var(--sjs-font-size, 16px))));margin-top:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-header{position:relative;background-color:var(--sjs-header-backcolor, var(--sjs-primary-backcolor, var(--primary, #19b394)))}
.sv-header__overlap{padding-bottom:calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:content-box}
.sv-header__overlap~div .sd-body,.sv-header__overlap~div .sv-body{margin-top:calc(-14*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-root-modern--mobile .sv-header__overlap{padding-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-root-modern--mobile .sv-header__overlap~div .sd-body,.sd-root-modern--mobile .sv-header__overlap~div .sv-body{margin-top:calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-header__overlap.sv-header__without-background{margin-bottom:0;padding-bottom:0}
.sv-header__overlap.sv-header__without-background~div .sd-body,.sv-header__overlap.sv-header__without-background~div .sv-body{margin-top:0}
.sv-header__without-background .sv-header--mobile,.sv-header__without-background .sv-header__content{padding-bottom:0}
.sv-header__content{padding:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;height:100%;position:relative;display:grid;gap:0;grid-auto-columns:1fr 1fr 1fr;grid-auto-rows:1fr 1fr 1fr}
.sv-header__content--static{max-width:calc(90*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:auto;margin-right:auto}
.sv-header__background-image{width:100%;height:100%;position:absolute;top:0;left:0;right:0;border:0;background-position-x:center}
.sv-header__background-image--contain{background-repeat:no-repeat}
.sv-header__cell{position:relative}
.sv-header__cell-content{display:flex;flex-direction:column;position:absolute;width:-moz-max-content;width:max-content;top:0;bottom:0}
.sv-header__cell--left .sv-header__cell-content{left:0}
.sv-header__cell--center .sv-header__cell-content{min-width:100%;left:50%;transform:translateX(-50%)}
.sv-header__cell--right .sv-header__cell-content{right:0}
.sv-header__logo{display:flex}
.sv-header__logo img{display:block}
.sv-header__title{display:flex}
.sv-header__title .sd-title{--header-title-font-size: var(--sjs-font-headertitle-size, calc(2 * (var(--sjs-font-size, 16px))));font-size:var(--header-title-font-size);line-height:calc(1.25*(var(--header-title-font-size)));color:var(--sjs-font-headertitle-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));font-family:var(--sjs-font-headertitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-headertitle-weight, 700);margin:0}
.sv-header__logo~.sv-header__title{margin-top:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-header__logo~.sv-header__description{margin-top:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-header__title~.sv-header__description{margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sv-header__description{display:flex}
.sv-header__description .sd-description{--header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px));font-size:var(--header-description-font-size);line-height:calc(1.5*(var(--header-description-font-size)));color:var(--sjs-font-headerdescription-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));font-family:var(--sjs-font-headerdescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));font-weight:var(--sjs-font-headerdescription-weight, 600);margin:0}
.sv-header__content .sd-header__text h3{margin:0}
.sv-header--mobile{padding:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));position:relative;z-index:1}
.sv-header--mobile .sv-header__logo img{max-width:100%}
.sv-header__background-color--none .sv-header__title .sd-title,.sv-header__background-color--custom .sv-header__title .sd-title{color:var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)))}
.sv-header__background-color--none .sv-header__description .sd-description,.sv-header__background-color--custom .sv-header__description .sd-description{--header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px));font-size:var(--header-description-font-size);line-height:calc(1.5*(var(--header-description-font-size)));color:var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)))}
@keyframes rotationAnimation{from{rotate:0deg}to{rotate:360deg}}
.sd-loading-indicator{height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-loading-indicator .sv-svg-icon{height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));animation-name:rotationAnimation;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:1s}
sv-components-container,.sd-components-container{display:flex}
.sv-components-row{display:flex;flex-direction:row;width:100%}
.sv-components-column{display:flex;flex-direction:column}
.sv-components-column--expandable{flex-grow:1}
.sv-components-row>.sv-components-column--expandable{width:1px}
.sjs_sp_container{position:relative;max-width:100%}
.sjs_sp_controls{position:absolute;left:0;bottom:0}
.sjs_sp_controls>button{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.sjs_sp_container>div>canvas:focus{outline:none}
.sjs_sp_placeholder{display:flex;align-items:center;justify-content:center;position:absolute;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%}
.sjs_sp_canvas{position:relative;max-width:100%;display:block}
.sjs_sp__background-image{position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;max-width:100%;width:100%;height:100%}
.sd-root-modern{--sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));--sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));--sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)))}
.sd-root-modern.sd-root-modern--mobile{--sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));--sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));--sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));--sjs-mobile-font-editorfont-size: Max(16px, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)))}
.sd-root-modern.sd-root-modern--mobile .sd-element__num{float:none;margin-inline-start:0;width:auto;padding-inline-start:0;padding-inline-end:0}
.sd-root-modern.sd-root-modern--mobile .sd-element__num+span{float:none;width:auto}
.sd-root-modern.sd-root-modern--mobile .sd-element__title-expandable-svg{inset-inline-start:calc(-2.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title{flex-direction:column}
.sd-root-modern.sd-root-modern--mobile .sd-header__text{min-width:100%}
.sd-multipletext--mobile .sd-multipletext__cell{display:block}
.sd-multipletext--mobile .sd-multipletext__cell:not(:first-of-type){padding-left:0;padding-top:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-multipletext--mobile .sd-multipletext__cell :not(:last-of-type){padding-bottom:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-multipletext--mobile .sd-multipletext__item-container{padding-top:var(--sjs-base-unit, var(--base-unit, 8px));padding-bottom:var(--sjs-base-unit, var(--base-unit, 8px))}
.sd-multipletext--mobile .sd-multipletext__item-title{max-width:none;border-right:none;width:100%;padding:var(--sjs-base-unit, var(--base-unit, 8px)) 0;margin:0}
.sd-multipletext--mobile .sd-multipletext__item{flex-basis:0;min-width:0}
.sd-multipletext--mobile .sd-multipletext__item .sd-input{padding:0;margin:0}
.sd-multipletext--mobile .sd-multipletext__item-container--answered,.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within{flex-direction:column}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title,.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title{padding:0}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title span,.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title span{font-size:calc(0.75*(var(--sjs-font-size, 16px)));line-height:var(--sjs-font-size, 16px)}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item,.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item{flex-basis:auto;min-width:auto;width:100%}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item .sd-input,.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item .sd-input{width:100%}
.sd-selectbase--mobile .sd-selectbase--multi-column{flex-direction:column}
.sd-selectbase--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child){padding-right:0}
body{--sv-defaultV2-mark: true}
.sd-root-modern{-webkit-font-smoothing:antialiased;--sd-mobile-width: 600px;--sd-timer-size: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));width:100%;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));position:relative}
@-moz-document url-prefix(){.sd-root-modern,.sd-root-modern *{scrollbar-width:thin;scrollbar-color:var(--sjs-border-default, var(--border, #d6d6d6)) rgba(0,0,0,0)}}
.sd-root-modern::-webkit-scrollbar,.sd-root-modern *::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(0,0,0,0)}
.sd-root-modern::-webkit-scrollbar-thumb,.sd-root-modern *::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:32px;background-color:var(--sjs-border-default, var(--border, #d6d6d6))}
.sd-root-modern::-webkit-scrollbar-track,.sd-root-modern *::-webkit-scrollbar-track{background:rgba(0,0,0,0)}
.sd-root-modern::-webkit-scrollbar-thumb:hover,.sd-root-modern *::-webkit-scrollbar-thumb:hover{border:2px solid rgba(0,0,0,0);background-color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sd-root-modern form{position:relative}
.sd-root-modern--animation-disabled *{transition:none !important}
.sd-root-modern.sd-root-modern--full-container{width:100%;height:100%;overflow:auto;position:relative}
.sd-root-modern--mobile{--sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)))}
.sd-root-modern__wrapper{position:relative}
.sd-root-modern__wrapper--has-image{min-height:100%}
.sd-root-modern--full-container .sd-root-modern__wrapper--fixed{position:static;width:100%;height:100%}
.sd-root-modern--full-container .sd-root-modern__wrapper--fixed form{overflow:auto;width:100%;max-height:100%}
.sv-popup .sv-popup__scrolling-content{box-sizing:content-box}
@-moz-document url-prefix(){.sv-popup .sv-popup__scrolling-content,.sv-popup .sv-popup__scrolling-content *{scrollbar-width:thin;scrollbar-color:var(--sjs-border-default, var(--border, #d6d6d6)) rgba(0,0,0,0)}}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar,.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(0,0,0,0)}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb,.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:32px;background-color:var(--sjs-border-default, var(--border, #d6d6d6))}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-track,.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-track{background:rgba(0,0,0,0)}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb:hover,.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb:hover{border:2px solid rgba(0,0,0,0);background-color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-components-container-center{position:sticky;top:0}
.sv-root--sticky-top .sv-components-container-center{z-index:15}
.sv-root--sticky-top.sd-progress--pages .sv-components-container-center,.sv-root--sticky-top.sd-progress--buttons .sv-components-container-center{background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));box-shadow:var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)),var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15))}
.sv-components-container-right,.sv-components-container-left{width:-moz-fit-content;width:fit-content}

.sr-root {
  --primary: var(--primary-color);
}

.sr-radio-box:active{
  background: rgba(0, 64, 57, 0.05);
  border: 1px solid #004039;
}

.sr-panel__content{
  padding: 0!important;
}

.sd-item--disabled.sd-item--disabled .sd-item__decorator, .sd-item__decorator{
  width: calc(3 * var(--base-unit, 0.4rem))!important;
  height: calc(3 * var(--base-unit, 0.4rem))!important;
}

.sd-radio--checked .sd-radio__decorator:after{
  width: calc(1 * var(--base-unit, 0.3rem))!important;
  height: calc(1 * var(--base-unit, 0.3rem))!important;
}

.sr-element__title{
  margin-right: 40px;
}

.sr-element__title:after{
  content: "";
  display: inline-block;
  height: calc(2 * var(--base-unit, 0.8rem));
  width: calc(2 * var(--base-unit, 0.8rem));
  position: absolute;
  right: calc(1 * var(--base-unit, 0.5rem));
  top: calc(0.5 * var(--base-unit, 0.5rem));
}

.sr-element__title--expanded:after{
  background-image: url('chevron--up.777bc5ebe5fe86485aac.svg');
}

.sr-element__title--collapsed:after{
  background-image: url('chevron--down.90bbdb1c877a5e74c586.svg');
}

.sd-panel .sd-row{
  margin-top: calc(2 * var(--base-unit, 0.8rem))
}

.sd-element--nested.sd-panel, .sd-element--nested.sd-question--paneldynamic{
  border: none;
}

.sd-row__question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.sd-panel__content[style*="padding-left: 20px;"]:nth-child(-n+1){
  background: rgba(0, 64, 57, 0.02);
  padding: 25px;
}

.sv-tagbox__item{
  height: auto;
}

[data-key="MedicationPanel0"] .sd-question--paneldynamic {
  flex-direction: column;
  align-items: start;
  padding: 25px;
}

[data-key="MedicationPanel0"] .sd-question--paneldynamic > div {
  width: 100%;
}

[data-key="MedicationPanel0"] .sd-paneldynamic {
  display: flex;
  align-items: end;
  flex-direction: column;
}

[data-key="MedicationPanel0"] .sd-paneldynamic__panel-wrapper {
  margin-bottom: 20px;
  padding: 1px 20px 20px 20px;
  background: rgba(0, 64, 57, 0.02);
}

[data-key="MedicationPanel0"] .sd-paneldynamic__panel-wrapper--list:before,
[data-key="MedicationPanel0"] .sd-paneldynamic__header:after {
  content: none !important;
}

[data-key="MedicationPanel0"] .sd-paneldynamic__panels-container {
  width: 100%;
}

/* Disable wheel scroll on number inputs */

input[type="number"] {
  -moz-appearance: textfield; /* Firefox */
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none; /* Chrome, Safari, Edge */
  margin: 0;
}

/* Clases personalizadas para evitar el bug de querySelector de SurveyJS con caracteres especiales en Tailwind */

/* Body */

.sr-body {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 91.666667%;
}

/* Question styles */

.sr-question-header {
  width: 45%;
  white-space: pre-line;
}

@media (min-width: 1280px) {
  .sr-question-header {
    width: 50%;
  }
}

.sr-question-title {
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
}

@media (min-width: 1280px) {
  .sr-question-title {
    font-size: 1rem;
  }
}

.sr-question-content {
  width: 45%;
}

@media (min-width: 1280px) {
  .sr-question-content {
    width: 40%;
  }
}

/* Radio group styles */

.sr-radiogroup-root {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.625rem;
}

.sr-radiogroup-row {
  display: flex;
  gap: 0.625rem;
  flex-wrap: wrap;
}

.sr-radio-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.5rem;
  gap: 0.5rem;
  font-size: 0.875rem;
  border-width: 1px;
  border-color: #D4D4D8;
  color: #71717A;
  border-radius: 0.25rem;
  width: 100%;
}

@media (min-width: 1280px) {
  .sr-radio-box {
    font-size: 1rem;
    padding: 0.625rem;
    gap: 0.625rem;
  }
}

/* Text input styles */

.sr-text-input {
  display: flex;
  align-items: center;
  padding: 0.625rem;
  gap: 0.625rem;
  border-width: 1px;
  border-color: #D4D4D8;
  color: #71717A;
  border-radius: 0.25rem;
  width: 100%;
}

/* Panel styles */

.sr-panel-header {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom-width: 1px;
  border-color: #D9D9D9;
}

/* Desactivar animaciones de SurveyJS para evitar el bug de querySelector con selectores CSS complejos */

.sr-root * {
  animation: none !important;
  transition: none !important;
}

.campaign-type {display: flex;gap: 0.5rem
}.campaign-type__modal {max-height: 90%;width: 864px;overflow-y: auto
}.campaign-type__modal-title {padding-bottom: 1.5rem;font-size: 1.25rem;line-height: 1.75rem;font-weight: 500;color: var(--primary-color)
}.campaign-type__modal-description {line-height: 1.75rem
}
input:checked~.dot{transform:translateX(100%);background-color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}
/**
 * Do not edit directly
 * Generated from design tokens
 */

:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base styles for the radio button group */
.qida-radio-group {
  font-family: var(--font-family-primary);
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
/* Desktop variant */
.qida-radio-group--desktop {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #f5f5f5;
  padding: 4px 4px 4px 16px;
  gap: 8px;
}
/* Mobile variant */
.qida-radio-group--mobile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
}
/* Header section */
.qida-radio-group__header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.qida-radio-group--desktop .qida-radio-group__header {
  gap: 8px;
}
.qida-radio-group--mobile .qida-radio-group__header {
  width: 100%;
  justify-content: space-between;
  gap: 16px;
}
/* Label styling */
.qida-radio-group__label {
  font-size: 16px;
  line-height: 24px;
  color: #333;
  font-weight: 400;
  flex: 1;
  mix-blend-mode: multiply;
}
.qida-radio-group--mobile .qida-radio-group__label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
/* Icons container */
.qida-radio-group__icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
/* Icon styles */
.qida-radio-group__icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  overflow: hidden;
}
.qida-radio-group__icon--help {
  padding: 1px;
}
.qida-radio-group__icon--warning {
  padding: 1.5px;
}
/* Tag styles */
.qida-radio-group__tag {
  border-radius: 4px;
  background-color: #a52222;
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  box-sizing: border-box;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}
/* Options container */
.qida-radio-group__options-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.qida-radio-group--desktop .qida-radio-group__options {
  width: 400px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.qida-radio-group--mobile .qida-radio-group__options {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 16px;
}
/* Radio option styles */
.qida-radio-group__option {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  padding: 8px 16px 8px 8px;
}
.qida-radio-group--desktop .qida-radio-group__option {
  border-radius: 4px;
  height: 40px;
}
.qida-radio-group--mobile .qida-radio-group__option {
  border-radius: 8px;
  height: 48px;
}
/* Selected option */
.qida-radio-group__option--selected {
  border-color: #004039;
}
/* Radio button component */
.qida-radio-group__radio {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
}
.qida-radio-group__radio-icon {
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.qida-radio-group__radio-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #444;
  box-sizing: border-box;
}
.qida-radio-group__radio-circle--selected {
  border: 5px solid #004039;
}
/* Option label */
.qida-radio-group__option-label {
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  color: #333;
}
/* Error message */
.qida-radio-group__error-message {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #a52222;
  padding: 0 16px;
}
.qida-radio-group--desktop .qida-radio-group__error-message {
  margin-left: auto;
}
/* View mode styles */
.qida-radio-group--view-mode .qida-radio-group__details {
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 16px;
  font-size: 16px;
  line-height: 24px;
  color: #333;
  width: 100%;
  display: flex;
  align-items: center;
  height: 48px;
  box-sizing: border-box;
}
/* Error state */
.qida-radio-group--error.qida-radio-group--desktop {
  background-color: #fdeaea;
}
.qida-radio-group--error .qida-radio-group__option {
  border-color: #a52222;
}
/* Disabled state */
.qida-radio-group--disabled {
  opacity: 0.7;
}
.qida-radio-group--disabled .qida-radio-group__option {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.qida-radio-group--disabled .qida-radio-group__radio-circle {
  border-color: #999;
}
.qida-radio-group--disabled .qida-radio-group__option-label {
  color: #666;
}
/* Mobile text and icons container */
.qida-radio-group--mobile .qida-radio-group__header {
  display: flex;
  flex-direction: row;
  width: 100%;
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Accordion base styles */
.qida-accordion {
  width: 100%;
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-16);
  overflow: hidden;
  transition: all 0.3s ease;
}
.qida-accordion__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-8);
  padding: var(--spacing-16);
  background: transparent;
  cursor: pointer;
  border: none;
  text-align: left;
  transition: background-color 0.2s ease;
}
.qida-accordion__header:hover {
  background-color: var(--colors-neutral-50);
}
.qida-accordion__header:focus-visible {
  outline: 2px solid var(--colors-primary-500);
  outline-offset: 2px;
}
.qida-accordion__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-medium);
  color: var(--colors-zinc-800);
  flex: 1;
}
.qida-accordion__icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  position: relative;
}
.qida-accordion__icon::before {
  content: "";
  display: block;
  width: 14px;
  height: 8px;
  background-color: var(--colors-zinc-800);
  /* Arrow icon - pointing down by default */
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transition: transform 0.3s ease;
}
.qida-accordion--expanded .qida-accordion__icon::before {
  /* Arrow pointing up when expanded */
  transform: rotate(180deg);
}
.qida-accordion__content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-height 0.3s ease,
    opacity 0.3s ease,
    padding 0.3s ease;
}
.qida-accordion--expanded .qida-accordion__content {
  max-height: 1000px; /* This is a fallback, will be overridden by JS in real implementation */
  opacity: 1;
  padding: var(--spacing-16);
  padding-top: 0;
}
.qida-accordion__content-inner {
  color: var(--colors-neutral-800);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-16);
  line-height: var(--font-line-height-24);
}
/* Accordion group styles */
.qida-accordion-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}
/* Responsive styles */
@media (max-width: 767px) {
  .qida-accordion {
    max-width: 100%;
  }

  .qida-accordion__header {
    padding: var(--spacing-12);
  }

  .qida-accordion__title {
    font-size: var(--font-size-16);
  }

  .qida-accordion--expanded .qida-accordion__content {
    padding: var(--spacing-12);
    padding-top: 0;
  }
}
/* Optional: add border styles */
.qida-accordion {
  border: 1px solid var(--colors-neutral-200);
}
.qida-accordion--expanded {
  border: 1px solid var(--colors-neutral-300);
}
/* Focus styles for better keyboard navigation */
.qida-accordion__header:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--colors-primary-100);
}
/* Animation when content is shown/hidden */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.qida-accordion--expanded .qida-accordion__content-inner {
  animation: fadeIn 0.3s ease forwards;
}

/* Base styles for Alert Sticky */
.qida-alert-sticky {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000; /* High z-index to stay on top */
  box-shadow:
    0 1px 2px 0 rgba(0, 0, 0, 0.06),
    0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
  opacity: 1;
  border-radius: var(--radius-lg, 8px);
  width: auto; /* Ancho definido por el contenido */
}
/* Position variants */
.qida-alert-sticky--top {
  top: 16px;
}
.qida-alert-sticky--bottom {
  bottom: 16px;
}
/* Exit animation states */
.qida-alert-sticky--exiting {
  opacity: 0;
}
.qida-alert-sticky--top.qida-alert-sticky--exiting {
  transform: translate(-50%, -100%);
}
.qida-alert-sticky--bottom.qida-alert-sticky--exiting {
  transform: translate(-50%, 100%);
}
/* Type variants backgrounds */
.qida-alert-sticky--informative {
  background-color: var(--colors-emerald-50, #ecfdf5);
}
.qida-alert-sticky--success {
  background-color: var(--colors-emerald-50, #ecfdf5);
}
.qida-alert-sticky--warning {
  background-color: var(--colors-yellow-50, #fffbeb);
}
.qida-alert-sticky--error {
  background-color: var(--colors-rose-100, #ffe4e6);
}
/* Content container */
.qida-alert-sticky__content {
  width: 720px; /* Ancho fijo como en el diseño */
  display: flex;
  align-items: flex-start;
  padding: var(--spacing-16, 16px);
  gap: var(--spacing-16, 16px);
}
/* Multi-line variant */
.qida-alert-sticky--multi-line .qida-alert-sticky__message-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8, 8px);
}
/* Icon styles */
.qida-alert-sticky__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
}
/* Type-specific icons using pseudo-elements */
.qida-alert-sticky--informative .qida-alert-sticky__icon::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--colors-teal-600, #0d9488);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z' clip-rule='evenodd'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z' clip-rule='evenodd'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  position: absolute;
  top: 2px;
  left: 2px;
}
.qida-alert-sticky--success .qida-alert-sticky__icon::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--colors-green-700, #15803d);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  position: absolute;
  top: 2px;
  left: 2px;
}
.qida-alert-sticky--warning .qida-alert-sticky__icon::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--colors-yellow-600, #ca8a04);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  position: absolute;
  top: 2px;
  left: 2px;
}
.qida-alert-sticky--error .qida-alert-sticky__icon::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--colors-red-800, #991b1b);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z' clip-rule='evenodd'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z' clip-rule='evenodd'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  position: absolute;
  top: 2px;
  left: 2px;
}
/* Message container and text */
.qida-alert-sticky__message-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.qida-alert-sticky__message {
  font-family: var(--font-family-primary, "Aeonik", sans-serif);
  font-size: var(--font-size-16, 16px);
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--font-line-height-24, 24px);
  color: var(--colors-zinc-800, #27272a);
  mix-blend-mode: multiply;
}
/* Link styles */
.qida-alert-sticky__link-container {
  display: flex;
  align-items: center;
  gap: var(--spacing-8, 8px);
  margin-top: var(--spacing-4, 4px);
}
.qida-alert-sticky__link {
  font-family: var(--font-family-primary, "Aeonik", sans-serif);
  font-size: var(--font-size-16, 16px);
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--font-line-height-24, 24px);
  color: var(--colors-teal-950, #042f2e);
  text-decoration: underline;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--spacing-8, 8px);
}
.qida-alert-sticky__link:hover {
  color: var(--colors-teal-700, #0f766e);
}
.qida-alert-sticky__link:focus-visible {
  outline: 2px solid var(--colors-teal-500, #14b8a6);
  outline-offset: 2px;
}
.qida-alert-sticky__link-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
}
.qida-alert-sticky__link-icon::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: var(--colors-emerald-900, #064e3b);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
/* Close button styles */
.qida-alert-sticky__close-button {
  width: 24px;
  height: 24px;
  padding: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm, 4px);
  flex-shrink: 0;
}
.qida-alert-sticky__close-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.qida-alert-sticky__close-button:focus-visible {
  outline: 2px solid var(--colors-teal-500, #14b8a6);
  outline-offset: 2px;
}
/* Responsive styles for mobile */
@media (max-width: 767px) {
  .qida-alert-sticky__content {
    width: 384px; /* Ancho fijo para móvil según el diseño w-96 */
    padding: var(--spacing-16, 16px);
  }

  /* El resto del código responsivo se mantiene igual */
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Toast container */
.qida-toast-container {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 100%;
  pointer-events: none; /* Permite interactuar con elementos debajo */
}
/* Base styles for Toast */
.qida-toast {
  padding: 16px;
  border-radius: var(--radius-lg, 8px);
  box-shadow:
    0px 10px 10px -5px rgba(0, 0, 0, 0.04),
    0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 8px;
  pointer-events: auto; /* Re-habilita eventos de puntero */
  transform: translateY(100%);
  opacity: 0;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
  max-width: 320px; /* Ancho máximo para evitar que sean demasiado largos */
}
.qida-toast--visible {
  transform: translateY(0);
  opacity: 1;
}
.qida-toast--exiting {
  transform: translateY(10%);
  opacity: 0;
}
/* Toast types */
.qida-toast--informative {
  background-color: var(--colors-emerald-50, #ecfdf5);
}
.qida-toast--success {
  background-color: var(--colors-emerald-50, #ecfdf5);
}
.qida-toast--warning {
  background-color: var(--colors-yellow-50, #fffbeb);
}
.qida-toast--error {
  background-color: var(--colors-rose-100, #ffe4e6);
}
/* Toast icon */
.qida-toast__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  position: relative;
}
/* Type-specific icons using pseudo-elements */
.qida-toast--informative .qida-toast__icon::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--colors-teal-600, #0d9488);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z' clip-rule='evenodd'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z' clip-rule='evenodd'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  position: absolute;
  top: 2px;
  left: 2px;
}
.qida-toast--success .qida-toast__icon::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--colors-green-700, #15803d);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  position: absolute;
  top: 2px;
  left: 2px;
}
.qida-toast--warning .qida-toast__icon::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--colors-yellow-600, #ca8a04);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  position: absolute;
  top: 2px;
  left: 2px;
}
.qida-toast--error .qida-toast__icon::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--colors-red-800, #991b1b);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z' clip-rule='evenodd'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z' clip-rule='evenodd'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  position: absolute;
  top: 2px;
  left: 2px;
}
/* Toast message */
.qida-toast__message {
  font-family: var(--font-family-primary, "Aeonik", sans-serif);
  font-size: var(--font-size-16, 16px);
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--font-line-height-24, 24px);
  color: var(--colors-zinc-800, #27272a);
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .qida-toast-container {
    right: 16px;
    bottom: 16px;
    left: 16px;
    align-items: center;
  }

  .qida-toast {
    max-width: calc(100% - 32px);
  }
}
/* Multiple toasts stacking */
.qida-toast-container .qida-toast:nth-child(1) {
  z-index: 9999;
}
.qida-toast-container .qida-toast:nth-child(2) {
  z-index: 9998;
  transform: translateY(-8px) scale(0.95);
  opacity: 0.9;
}
.qida-toast-container .qida-toast:nth-child(3) {
  z-index: 9997;
  transform: translateY(-16px) scale(0.9);
  opacity: 0.8;
}
.qida-toast-container .qida-toast:nth-child(n + 4) {
  display: none; /* Oculta toasts adicionales para evitar sobrecarga visual */
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Base styles for all avatars */
.qida-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--colors-neutral-100, #f5f5f5);
  color: var(--colors-zinc-800, #27272a);
  font-family: var(--font-family-primary, "Aeonik", sans-serif);
  font-weight: var(--font-weight-medium, 500);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/* Size variants */
.qida-avatar--sm {
  width: 24px;
  height: 24px;
  font-size: var(--font-size-12, 12px);
  line-height: var(--font-line-height-none, 1);
}
.qida-avatar--md {
  width: 32px;
  height: 32px;
  font-size: var(--font-size-14, 14px);
  line-height: var(--font-line-height-tight, 1.25);
}
.qida-avatar--lg {
  width: 48px;
  height: 48px;
  font-size: var(--font-size-18, 18px);
  line-height: var(--font-line-height-normal, 1.5);
}
/* Type variants */
.qida-avatar--text {
  background-color: var(--colors-emerald-50, #ecfdf5);
}
.qida-avatar--image {
  background-color: transparent;
}
.qida-avatar--icon svg {
  fill: currentColor;
}
/* Contenido específico para cada tipo */
.qida-avatar__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.qida-avatar__text {
  font-weight: var(--font-weight-medium, 500);
  text-align: center;
}
.qida-avatar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
/* Tamaños de ícono según tamaño del avatar */
.qida-avatar--sm .qida-avatar__icon {
  padding: 1px;
}
.qida-avatar--sm .qida-avatar__icon svg {
  width: 20px;
  height: 20px;
}
.qida-avatar--md .qida-avatar__icon {
  padding: 2px;
}
.qida-avatar--md .qida-avatar__icon svg {
  width: 28px;
  height: 28px;
}
.qida-avatar--lg .qida-avatar__icon {
  padding: 3px;
}
.qida-avatar--lg .qida-avatar__icon svg {
  width: 40px;
  height: 40px;
}
/* Estilos interactivos cuando es clickeable */
.qida-avatar[role="button"] {
  cursor: pointer;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.qida-avatar[role="button"]:hover {
  transform: scale(1.05);
}
.qida-avatar[role="button"]:focus-visible {
  outline: 2px solid var(--colors-emerald-500, #10b981);
  outline-offset: 2px;
}
/* Accesibilidad - asegurar contraste para texto */
.qida-avatar--text .qida-avatar__text {
  color: var(--colors-zinc-800, #27272a);
}
@media (prefers-reduced-motion) {
  .qida-avatar {
    transition: none;
  }
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Definición de variables para los colores */
:root {
  --badge-primary-color: var(--colors-emerald-900, #064e3b);
  --badge-error-color: var(--colors-red-800, #991b1b);
  --badge-white-color: var(--colors-white, #ffffff);
}
/* Base styles for badge */
.qida-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  overflow: hidden;
  font-family: var(--font-family-primary, "Aeonik", sans-serif);
  font-size: var(--font-size-12, 12px);
  font-weight: var(--font-weight-medium, 500);
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
/* Size variants */
.qida-badge--lg {
  height: 24px;
  min-width: 24px;
  max-width: 36px;
  padding: 0 4px;
  font-weight: var(--font-weight-normal, 400);
}
.qida-badge--md {
  height: 16px;
  min-width: 16px;
  max-width: 32px;
  padding: 0 4px;
}
.qida-badge--sm {
  height: 12px;
  min-width: 12px;
  max-width: 24px;
  padding: 0 3px;
  border-radius: 75px;
}
/* Type variants */
.qida-badge--filled.qida-badge--primary {
  background-color: var(--badge-primary-color);
  color: var(--badge-white-color);
}
.qida-badge--filled.qida-badge--error {
  background-color: var(--badge-error-color);
  color: var(--badge-white-color);
}
.qida-badge--filled.qida-badge--custom {
  background-color: var(--badge-color, #064e3b);
  color: var(--badge-text-color, #ffffff);
}
.qida-badge--outlined.qida-badge--primary {
  background-color: transparent;
  color: var(--badge-primary-color);
  box-shadow: 0 0 0 1px var(--badge-primary-color) inset;
}
.qida-badge--outlined.qida-badge--error {
  background-color: transparent;
  color: var(--badge-error-color);
  box-shadow: 0 0 0 1px var(--badge-error-color) inset;
}
.qida-badge--outlined.qida-badge--custom {
  background-color: transparent;
  color: var(--badge-color, #064e3b);
  box-shadow: 0 0 0 1px var(--badge-color, #064e3b) inset;
}
/* Size-specific outline adjustments */
.qida-badge--sm.qida-badge--outlined {
  box-shadow: 0 0 0 0.75px currentColor inset;
}
.qida-badge--md.qida-badge--outlined {
  box-shadow: 0 0 0 1px currentColor inset;
}
.qida-badge--lg.qida-badge--outlined {
  box-shadow: 0 0 0 1px currentColor inset;
}
/* Dot variant */
.qida-badge--dot {
  min-width: auto;
  width: 100%;
  padding: 0;
}
.qida-badge--dot.qida-badge--sm {
  height: 8px;
  width: 8px;
}
.qida-badge--dot.qida-badge--md {
  height: 10px;
  width: 10px;
}
.qida-badge--dot.qida-badge--lg {
  height: 12px;
  width: 12px;
}
/* BadgeIcon styles */
.qida-badge-icon {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.qida-badge-icon__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.qida-badge-icon__badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(25%, -25%);
  z-index: 1;
}
/* Interactive styles */
.qida-badge-icon[role="button"] {
  cursor: pointer;
}
.qida-badge-icon[role="button"]:focus-visible {
  outline: 2px solid var(--colors-emerald-500, #10b981);
  outline-offset: 2px;
}
/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .qida-badge {
    font-size: 10px;
  }

  .qida-badge--lg {
    height: 20px;
    min-width: 20px;
  }
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base styles for breadcrumb */
.qida-breadcrumb {
  font-family: var(--font-family-primary);
  display: flex;
  align-items: center;
}
.qida-breadcrumb__list {
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  gap: var(--spacing-4);
}
.qida-breadcrumb__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
}
.qida-breadcrumb__link {
  color: var(--colors-neutral-700);
  text-decoration: none;
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-28);
  transition: color 0.2s;
}
.qida-breadcrumb__link:hover {
  color: var(--colors-primary-500);
}
.qida-breadcrumb__link--current {
  color: var(--colors-neutral-900);
  pointer-events: none;
}
.qida-breadcrumb__ellipsis {
  color: var(--colors-neutral-700);
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-medium);
}
/* Separators */
.qida-breadcrumb__separator {
  width: 8px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qida-breadcrumb__separator::after {
  content: "";
  display: block;
  width: 8px;
  height: 14px;
  background-color: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.qida-breadcrumb__separator--ad::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 4.5l7.5 7.5-7.5 7.5' /%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 4.5l7.5 7.5-7.5 7.5' /%3E%3C/svg%3E");
  color: var(--colors-stone-500);
}
.qida-breadcrumb__separator--vcx::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 4.5l7.5 7.5-7.5 7.5' /%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 4.5l7.5 7.5-7.5 7.5' /%3E%3C/svg%3E");
  color: var(--colors-red-400);
}
/* Mobile styles */
.qida-breadcrumb__mobile-container {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
}
.qida-breadcrumb__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.qida-breadcrumb__arrow-icon {
  width: 8px;
  height: 14px;
  background-color: var(--colors-zinc-800);
}
.qida-breadcrumb__back-arrow {
  width: 14px;
  height: 0;
  border: 2px solid;
  transform: rotate(180deg);
  cursor: pointer;
}
.qida-breadcrumb__back-arrow--vcx {
  border-color: var(--colors-red-400);
}
.qida-breadcrumb__label {
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-medium);
  color: var(--colors-zinc-800);
}
/* AD Desktop specific */
.qida-breadcrumb--ad-desktop .qida-breadcrumb__link {
  color: var(--colors-stone-500);
}
.qida-breadcrumb--ad-desktop .qida-breadcrumb__link--current {
  color: var(--colors-zinc-800);
}
.qida-breadcrumb--ad-desktop .qida-breadcrumb__ellipsis {
  color: var(--colors-stone-500);
}
/* VCX Desktop specific */
.qida-breadcrumb--vcx-desktop .qida-breadcrumb__link {
  color: var(--colors-stone-500);
}
.qida-breadcrumb--vcx-desktop .qida-breadcrumb__link--current {
  color: var(--colors-zinc-800);
}
.qida-breadcrumb--vcx-desktop .qida-breadcrumb__ellipsis {
  color: var(--colors-stone-500);
}
/* Responsive */
@media (max-width: 767px) {
  .qida-breadcrumb__label {
    font-size: var(--font-size-16);
  }
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base button styles */
.qida-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  font-family: var(--font-family-primary);
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  border: 1px solid;
  outline: none;
}
/* Sizes */
.qida-button--sm {
  height: 24px;
  padding: 0 16px;
  font-size: var(--font-size-12);
  line-height: var(--font-line-height-16);
}
.qida-button--md {
  height: 40px;
  padding: 0 24px;
  font-size: var(--font-size-14);
  line-height: var(--font-line-height-20);
}
.qida-button--lg {
  height: 48px;
  padding: 0 24px;
  font-size: var(--font-size-14);
  line-height: var(--font-line-height-24);
}
/* Primary Variants */
.qida-button--primary {
  background-color: var(--colors-primary-500);
  color: var(--colors-base-white);
  border: none;
}
.qida-button--primary:hover {
  background-color: var(--colors-primary-400);
}
.qida-button--primary:active {
  background-color: var(--colors-primary-600);
}
.qida-button--primary:disabled {
  background-color: var(--colors-primary-200);
  cursor: not-allowed;
}
/* Secondary Variants */
.qida-button--secondary {
  background-color: transparent;
  color: var(--colors-primary-500);
  border-color: var(--colors-primary-500);
}
.qida-button--secondary:hover {
  background-color: var(--colors-primary-50);
}
.qida-button--secondary:active {
  background-color: var(--colors-primary-100);
}
.qida-button--secondary:disabled {
  background-color: transparent;
  color: var(--colors-primary-200);
  border-color: var(--colors-primary-200);
  cursor: not-allowed;
}
/* Tertiary Variants */
.qida-button--tertiary {
  background-color: transparent;
  color: var(--colors-primary-500);
  border: none;
}
/* Bordered variant */
.qida-button--bordered {
  border: 4px solid var(--colors-primary-200);
}
/* Full width */
.qida-button--full-width {
  width: 100%;
}
/* Icon styles */
.qida-button__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: -8px;
}
.qida-button--sm .qida-button__icon {
  width: 16px;
  height: 16px;
}
.qida-button--md .qida-button__icon,
.qida-button--lg .qida-button__icon {
  width: 24px;
  height: 24px;
}
/* Hover states */
.qida-button--primary-200:hover {
  background-color: var(--colors-primary-300);
}
.qida-button--primary-400:hover {
  background-color: var(--colors-primary-500);
}
.qida-button--primary-500:hover {
  background-color: var(--colors-primary-400);
}
.qida-button--primary-600:hover {
  background-color: var(--colors-primary-700);
}
.qida-button--secondary-default:hover {
  background-color: var(--colors-primary-50);
}
.qida-button--secondary-primary:hover {
  background-color: var(--colors-primary-50);
}
.qida-button--secondary-primary-light:hover {
  background-color: var(--colors-primary-100);
}
.qida-button--secondary-primary-dark:hover {
  background-color: var(--colors-primary-200);
}
.qida-button--secondary-thick-border:hover {
  background-color: var(--colors-primary-50);
}
/* Hover states for tertiary variants */
.qida-button--tertiary:hover {
  background-color: var(--colors-primary-50);
}
.qida-button--tertiary:disabled {
  background-color: var(--colors-primary-200);
  cursor: not-allowed;
}
/* Focus states */
.qida-button:focus {
  outline: 4px solid var(--colors-primary-200);
  outline-offset: -4px;
}
/* Icon-only button styles */
.qida-button--icon-only {
  padding: 0;
  width: 40px;
  height: 40px;
}
.qida-button--icon-only.qida-button--sm {
  width: 40px;
  height: 40px;
}
.qida-button--icon-only.qida-button--lg {
  width: 48px;
  height: 48px;
}
/* Icon button variants */
.qida-button--icon-primary-200 {
  background-color: var(--colors-primary-200);
  color: var(--colors-base-white);
  border: none;
}
.qida-button--icon-primary-400 {
  background-color: var(--colors-primary-400);
  color: var(--colors-base-white);
  border: none;
}
.qida-button--icon-primary-500 {
  background-color: var(--colors-primary-500);
  color: var(--colors-base-white);
  border: none;
}
.qida-button--icon-primary-600 {
  background-color: var(--colors-primary-600);
  color: var(--colors-base-white);
  border: none;
}
.qida-button--icon-bordered-default {
  background-color: transparent;
  color: var(--colors-primary-500);
  border-color: var(--colors-primary-500);
}
.qida-button--icon-bordered-primary {
  background-color: transparent;
  color: var(--colors-primary-500);
  border-color: var(--colors-primary-500);
}
.qida-button--icon-bordered-primary-light {
  background-color: var(--colors-primary-50);
  color: var(--colors-primary-500);
  border-color: var(--colors-primary-500);
}
.qida-button--icon-bordered-primary-dark {
  background-color: var(--colors-primary-100);
  color: var(--colors-primary-500);
  border-color: var(--colors-primary-500);
}
.qida-button--icon-transparent {
  background-color: transparent;
  color: var(--colors-neutral-900);
  border: none;
}
.qida-button--icon-neutral-200 {
  background-color: var(--colors-neutral-200);
  color: var(--colors-neutral-900);
  border: none;
}
.qida-button--icon-neutral-300 {
  background-color: var(--colors-neutral-300);
  color: var(--colors-neutral-900);
  border: none;
}
.qida-button--icon-neutral-100 {
  background-color: var(--colors-neutral-100);
  color: var(--colors-neutral-900);
  border: none;
}
/* Hover states for icon buttons */
.qida-button--icon-primary-200:hover {
  background-color: var(--colors-primary-300);
}
.qida-button--icon-primary-400:hover {
  background-color: var(--colors-primary-500);
}
.qida-button--icon-primary-500:hover {
  background-color: var(--colors-primary-600);
}
.qida-button--icon-primary-600:hover {
  background-color: var(--colors-primary-700);
}
.qida-button--icon-bordered-default:hover,
.qida-button--icon-bordered-primary:hover {
  background-color: var(--colors-primary-50);
}
.qida-button--icon-bordered-primary-light:hover {
  background-color: var(--colors-primary-100);
}
.qida-button--icon-bordered-primary-dark:hover {
  background-color: var(--colors-primary-200);
}
.qida-button--icon-transparent:hover {
  background-color: var(--colors-neutral-100);
}
.qida-button--icon-neutral-200:hover {
  background-color: var(--colors-neutral-300);
}
.qida-button--icon-neutral-300:hover {
  background-color: var(--colors-neutral-400);
}
.qida-button--icon-neutral-100:hover {
  background-color: var(--colors-neutral-200);
}
/* FAB button styles */
.qida-button--fab {
  padding: 0;
  border: none;
  box-shadow: var(--shadow-lg);
}
.qida-button--fab-sm {
  width: 40px;
  height: 40px;
  border-radius: 8px;
}
.qida-button--fab-lg {
  width: 56px;
  height: 56px;
  border-radius: 16px;
}
/* FAB variants */
.qida-button--fab-primary-200 {
  background-color: var(--colors-primary-200);
  color: var(--colors-base-white);
}
.qida-button--fab-primary-400 {
  background-color: var(--colors-primary-400);
  color: var(--colors-base-white);
}
.qida-button--fab-primary-500 {
  background-color: var(--colors-primary-500);
  color: var(--colors-base-white);
}
.qida-button--fab-primary-600 {
  background-color: var(--colors-primary-600);
  color: var(--colors-base-white);
}
/* Hover states for FAB buttons */
.qida-button--fab-primary-200:hover {
  background-color: var(--colors-primary-300);
}
.qida-button--fab-primary-400:hover {
  background-color: var(--colors-primary-500);
}
.qida-button--fab-primary-500:hover {
  background-color: var(--colors-primary-600);
}
.qida-button--fab-primary-600:hover {
  background-color: var(--colors-primary-700);
}
/* Focus states for FAB buttons */
.qida-button--fab:focus {
  outline: 2px solid var(--colors-primary-300);
  outline-offset: 2px;
}
/* Icon styles for FAB buttons */
.qida-button--fab .qida-button__icon {
  width: 24px;
  height: 24px;
}

/* Variables para facilitar la personalización */
:root {
  --calendar-font-family: var(--font-family-primary, "Aeonik", sans-serif);
  --calendar-primary-color: var(--colors-emerald-900, #064e3b);
  --calendar-text-color: var(--colors-zinc-800, #27272a);
  --calendar-muted-color: var(--colors-stone-500, #78716c);
  --calendar-border-color: var(--colors-neutral-200, #e5e5e5);
  --calendar-highlight-color: var(--colors-emerald-900, #064e3b);
  --calendar-special-color: var(--colors-yellow-600, #ca8a04);
  --calendar-selected-color: var(--colors-zinc-400, #a1a1aa);
  --calendar-day-width-desktop: 24px;
  --calendar-day-width-mobile: 40px;
  --calendar-day-height-desktop: 24px;
  --calendar-day-height-mobile: 40px;
  --calendar-border-radius: 50px;
}
/* Base del calendario */
.qida-calendar {
  display: flex;
  flex-direction: column;
  font-family: var(--calendar-font-family);
  color: var(--calendar-text-color);
  width: 100%;
}
/* Estilos para la navegación (versión móvil) */
.qida-calendar__navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  margin-bottom: 8px;
}
.qida-calendar__nav-button {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  transition: background-color 0.2s;
}
.qida-calendar__nav-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.qida-calendar__nav-button:focus-visible {
  outline: 2px solid var(--calendar-primary-color);
  outline-offset: 2px;
}
.qida-calendar__nav-title {
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  flex: 1;
}
/* Grid para visualización de calendario */
.qida-calendar__grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
/* Versión desktop (múltiples meses) */
.qida-calendar__grid--desktop {
  gap: 16px;
}
/* Estructura de cada mes */
.qida-calendar__month {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 200px;
}
.qida-calendar__month-name {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 8px;
  color: var(--calendar-text-color);
}
.qida-calendar__month-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px 0;
}
/* Etiquetas de días de la semana */
.qida-calendar__weekday {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: var(--calendar-text-color);
  padding-bottom: 8px;
}
/* Estilos para los días */
.qida-calendar__day {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  transition: all 0.2s;
  position: relative;
}
/* Versión desktop */
.qida-calendar--desktop .qida-calendar__day {
  height: var(--calendar-day-height-desktop);
  width: var(--calendar-day-width-desktop);
}
/* Versión mobile */
.qida-calendar--mobile .qida-calendar__day {
  height: var(--calendar-day-height-mobile);
  width: var(--calendar-day-width-mobile);
}
/* Día del mes actual vs otros meses */
.qida-calendar__day--current-month {
  color: var(--calendar-muted-color);
}
.qida-calendar__day--other-month {
  color: var(--calendar-muted-color);
  opacity: 0.5;
}
/* Día seleccionado */
.qida-calendar__day--selected {
  outline: 2px solid var(--calendar-selected-color);
  outline-offset: -2px;
  border-radius: var(--calendar-border-radius);
}
/* Día dentro de un rango seleccionado */
.qida-calendar__day--in-range {
  background-color: rgba(6, 78, 59, 0.1);
}
/* Día destacado (con borde inferior) */
.qida-calendar__day--highlighted {
  font-weight: bold;
  color: var(--calendar-highlight-color);
  border-bottom: 2px solid var(--calendar-highlight-color);
}
/* Día especial (con color personalizable) */
.qida-calendar__day--special {
  outline: 2px solid var(--day-special-color, var(--calendar-special-color));
  outline-offset: -2px;
  border-radius: var(--calendar-border-radius);
}
/* Día deshabilitado */
.qida-calendar__day--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
/* Hover y focus para mejor interactividad */
.qida-calendar__day:not(.qida-calendar__day--disabled):hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: var(--calendar-border-radius);
}
.qida-calendar__day:focus-visible {
  outline: 2px solid var(--calendar-primary-color);
  outline-offset: 2px;
  border-radius: var(--calendar-border-radius);
}
/* Chevron icons */
.qida-calendar__chevron {
  width: 24px;
  height: 24px;
  color: var(--calendar-text-color);
}
/* Responsive styles */
@media (max-width: 768px) {
  .qida-calendar__grid--desktop {
    flex-direction: column;
  }

  .qida-calendar__month {
    margin-bottom: 24px;
  }
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base styles for card */
.qida-card {
  position: relative;
  box-shadow:
    0px 4px 6px -1px rgba(0, 0, 0, 0.1),
    0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  background-color: #e6eceb;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
  gap: 32px;
  text-align: left;
  font-size: 18px;
  color: #333;
  font-family: Aeonik;
}
/* Size variants */
.qida-card--desktop {
  width: 830px;
}
.qida-card--mobile {
  width: 360px;
}
/* Variant specific styles */
.qida-card--home {
  gap: 32px;
}
.qida-card--evolution {
  background-color: #e6eceb;
  gap: 16px;
  align-items: flex-start;
}
.qida-card--best-action {
  background-color: #ffefda;
  padding: 12px 24px 24px;
  min-width: 360px;
  max-width: 830px;
}
.qida-card--best-action.qida-card--desktop {
  padding: 24px;
}
.qida-card--content {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  padding: 12px;
  gap: 0px;
  min-width: 245px;
  max-height: 385px;
  height: 385px;
  width: 245px;
  align-items: flex-end;
  justify-content: space-between;
  color: #7f6324;
}
/* Content styles */
.qida-card__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.qida-card--mobile .qida-card__content {
  align-self: stretch;
  flex-direction: column;
}
.qida-card__text {
  width: 598px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
}
.qida-card--mobile .qida-card__text {
  align-self: stretch;
  width: auto;
}
.qida-card--evolution .qida-card__text {
  align-self: stretch;
  flex: 1;
}
.qida-card__paragraph {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  color: #333;
}
.qida-card--best-action .qida-card__paragraph {
  align-self: stretch;
  flex: 1;
  display: flex;
  align-items: center;
}
.qida-card__image {
  width: 160px;
  position: relative;
  border-radius: 50%;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}
.qida-card--mobile .qida-card__image {
  width: 120px;
  height: 120px;
}
/* Avatar styles */
.qida-card__avatar-text {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.qida-card__avatar {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px;
}
.qida-card__avatar-image {
  width: 60px;
  position: relative;
  border-radius: 50%;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
}
/* Best action styles */
.qida-card__content-close {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
.qida-card__content-best-action {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.qida-card__close {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 10px 0px;
}
.qida-card__close-icon {
  width: 8px;
  position: relative;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.qida-card__text-icon {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
}
.qida-card__icon-services {
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.qida-card__vector-icon {
  width: 18px;
  position: relative;
  height: 21px;
}
/* Main content for best action desktop */
.qida-card__main-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.qida-card__heading-body {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.qida-card__heading {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}
.qida-card__icon-close {
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 6px;
  box-sizing: border-box;
  cursor: pointer;
}
.qida-card__icon-close-vector {
  width: 12px;
  position: relative;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.qida-card__text-button {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px;
}
/* Content card styles */
.qida-card__image-container {
  align-self: stretch;
  border-radius: 4px;
  height: 145px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 8px;
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.qida-card__title {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  color: #111827;
}
.qida-card__subtitle {
  align-self: stretch;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #666;
}
.qida-card__content-text {
  align-self: stretch;
  position: relative;
  font-size: 20px;
  line-height: 28px;
  color: #333;
}
.qida-card__icon-placeholder {
  width: 40px;
  border-radius: 20px;
  background-color: #f8f8f8;
  border: 0.5px solid #d9d9d9;
  box-sizing: border-box;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 10px;
}
.qida-card__icon-placeholder-inner {
  width: 20px;
  position: relative;
  background-color: #d9d9d9;
  height: 20px;
}
/* Button styles */
.qida-card__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.qida-card--mobile .qida-card__buttons {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}
.qida-card__button {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.qida-card__primary-button {
  border-radius: 8px;
  background-color: #004039;
  height: 40px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  box-sizing: border-box;
  min-width: 96px;
  cursor: pointer;
}
.qida-card--mobile .qida-card__primary-button {
  align-self: stretch;
  flex-shrink: 0;
}
.qida-card__secondary-button {
  border-radius: 8px;
  border: 1px solid #004039;
  box-sizing: border-box;
  height: 40px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  min-width: 96px;
  color: #004039;
  cursor: pointer;
}
.qida-card--mobile .qida-card__secondary-button {
  align-self: stretch;
  flex-shrink: 0;
}
.qida-card--content .qida-card__primary-button {
  align-self: stretch;
  height: 24px;
  font-size: 12px;
}
.qida-card--content .qida-card__label-text {
  line-height: 16px;
}
.qida-card__label-text {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  color: inherit;
}
/* Notification card styles */
.qida-card--notification {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  padding: 16px;
  width: 100%;
  max-width: 400px;
}
.qida-card__notification-content {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.qida-card__notification-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qida-card__notification-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.qida-card__notification-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.qida-card__notification-title {
  font-weight: 500;
  color: #111827;
  font-size: 14px;
  line-height: 20px;
}
.qida-card__notification-message {
  color: #4b5563;
  font-size: 14px;
  line-height: 20px;
}
.qida-card__notification-close {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  transition: color 0.2s;
}
.qida-card__notification-close:hover {
  color: #4b5563;
}
.qida-card__notification-close img {
  width: 16px;
  height: 16px;
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base styles for ChartPie */
.qida-chart-pie {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 64px;
  font-size: 18px;
  color: #333;
  font-family: var(--font-family-primary);
}
/* Size variants */
.qida-chart-pie--sm {
  width: 64px;
  height: 64px;
}
.qida-chart-pie--md {
  width: 80px;
  height: 80px;
}
/* Percentage container */
.qida-chart-pie__percentage {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  /* Rotamos el gradiente para que comience desde arriba */
  transform: rotate(-90deg);
}
/* Value text */
.qida-chart-pie__value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg); /* Contra-rotamos el texto */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70%;
  height: 70%;
  line-height: 24px;
  font-weight: var(--font-weight-medium);
  z-index: 10;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 0 0 2px white;
}
/* Specific size adjustments for text */
.qida-chart-pie--sm .qida-chart-pie__value {
  font-size: 16px;
}
.qida-chart-pie--md .qida-chart-pie__value {
  font-size: 18px;
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
.qida-checkbox-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.qida-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 16px 8px 8px;
  gap: 4px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  height: 48px;
  width: 100%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.qida-checkbox:hover {
  background-color: #e5e5e5;
  border-color: #999;
}
.qida-checkbox--error {
  border-color: #a52222;
}
.qida-checkbox--disabled {
  background-color: #f5f5f5;
  border-color: #e5e5e5;
  color: #666;
  cursor: not-allowed;
}
/* Estilizar el contenedor del input para que no sea visible */
.qida-checkbox__input-container {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.qida-checkbox__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
/* Estilo del icono del checkbox */
.qida-checkbox__icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: relative;
}
.qida-checkbox__box {
  width: 20px;
  height: 20px;
  border-radius: 4.44px;
  background-color: #fff;
  border: 2px solid #444;
  box-sizing: border-box;
}
.qida-checkbox:hover .qida-checkbox__box {
  border-color: #333;
}
.qida-checkbox--error .qida-checkbox__box {
  border-color: #a52222;
}
.qida-checkbox--disabled .qida-checkbox__box {
  border-color: #999;
}
/* Estado checked */
.qida-checkbox__icon--checked .qida-checkbox__box {
  background-color: #004039;
  border-color: #004039;
}
.qida-checkbox:hover .qida-checkbox__icon--checked .qida-checkbox__box {
  background-color: #336661;
  border-color: #336661;
}
.qida-checkbox--disabled .qida-checkbox__icon--checked .qida-checkbox__box {
  background-color: #b0c4c2;
  border-color: #b0c4c2;
}
/* Icono de check */
.qida-checkbox__check {
  position: absolute;
  width: 12px;
  height: 9px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
/* Etiqueta */
.qida-checkbox__label {
  flex: 1;
  line-height: 24px;
  font-size: 16px;
  color: #333;
  font-family: var(--font-family-primary);
}
.qida-checkbox--disabled .qida-checkbox__label {
  color: #666;
}
/* Mensaje de error */
.qida-checkbox__error-message {
  padding: 0 16px;
  font-size: 14px;
  line-height: 20px;
  color: #a52222;
  font-weight: 500;
  font-family: var(--font-family-primary);
}
/* Estado focus */
.qida-checkbox:focus-within {
  border: 4px solid #8aa7a4;
  height: 52px;
  padding: 6px 14px 6px 6px;
}
/* Checkbox con label seleccionado */
.qida-checkbox:has(input:checked) {
  border-color: #004039;
}
.qida-checkbox--disabled:has(input:checked) {
  border-color: #b0c4c2;
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
.qida-chip {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  gap: 8px;
  height: 24px;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  outline: none;
  color: #333;
}
.qida-chip:hover {
  background-color: #e5e5e5;
}
.qida-chip--disabled {
  background-color: #f5f5f5;
  color: #666;
  cursor: not-allowed;
}
.qida-chip:focus {
  border: 4px solid #8aa7a4;
  padding: 0px 4px;
  height: 28px;
}
.qida-chip__label {
  font-family: var(--font-family-primary);
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
}
.qida-chip__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  padding: 4px;
  cursor: pointer;
}
.qida-chip--disabled .qida-chip__close {
  cursor: not-allowed;
}
.qida-chip__close-icon {
  width: 8px;
  height: 8px;
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base styles for divider */
.qida-divider {
  position: relative;
  width: 100%;
  height: 24px;
  text-align: center;
  font-size: 14px;
  color: #333;
  font-family: var(--font-family-primary, "Aeonik");
}
.qida-divider__line {
  position: absolute;
  width: 100.15%;
  top: calc(50% - 0.5px);
  right: -0.08%;
  left: -0.08%;
  border-top: 1px solid #b3b3b3;
  box-sizing: border-box;
  height: 1px;
}
.qida-divider__label {
  position: absolute;
  top: calc(50% - 12px);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #b3b3b3;
  box-sizing: border-box;
  height: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  z-index: 1;
}
.qida-divider__label-text {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  white-space: nowrap;
}
/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .qida-divider__label {
    padding: 0 12px;
  }
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base styles for dropdown */
.qida-dropdown {
  position: relative;
  display: inline-block;
  font-family: var(--font-family-primary);
}
/* Trigger styles */
.qida-dropdown__trigger {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
/* Menu container */
.qida-dropdown__menu-container {
  position: absolute;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    visibility 0.2s ease;
}
.qida-dropdown__menu-container--open {
  visibility: visible;
  opacity: 1;
}
/* Positioning variants */
.qida-dropdown__menu-container--bottom {
  top: 100%;
  left: 0;
  margin-top: 4px;
}
.qida-dropdown__menu-container--top {
  bottom: 100%;
  left: 0;
  margin-bottom: 4px;
}
.qida-dropdown__menu-container--left {
  top: 0;
  right: 100%;
  margin-right: 4px;
}
.qida-dropdown__menu-container--right {
  top: 0;
  left: 100%;
  margin-left: 4px;
}
/* Menu styles */
.qida-dropdown__menu {
  min-width: 120px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow:
    0px 4px 8px rgba(0, 0, 0, 0.1),
    0px 2px 4px rgba(0, 0, 0, 0.06);
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-family-primary);
  font-size: 14px;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
/* Menu sizes */
.qida-dropdown__menu.qida-dropdown__menu--small {
  width: 160px;
}
.qida-dropdown__menu.qida-dropdown__menu--medium {
  width: 320px;
}
.qida-dropdown__menu.qida-dropdown__menu--large {
  width: 390px;
}
/* Dropdown with fixed height and scroll */
.qida-dropdown__menu.qida-dropdown__menu--scrollable {
  max-height: 208px;
  overflow-y: auto;
  position: relative;
}
/* Notification dropdown header */
.qida-dropdown__header {
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  gap: 16px;
}
.qida-dropdown__header-title {
  flex: 1;
  line-height: 24px;
  font-weight: 500;
  font-size: 16px;
}
.qida-dropdown__header-icon {
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 1px 2px;
  box-sizing: border-box;
}
/* Notification item styles */
.qida-dropdown__notification-item {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px 16px;
  gap: 8px;
}
.qida-dropdown__notification-item:last-child {
  border-bottom: none;
}
.qida-dropdown__notification-item:hover {
  background-color: #e5e5e5;
}
.qida-dropdown__notification-icon {
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 1px 3px;
  box-sizing: border-box;
}
.qida-dropdown__notification-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.qida-dropdown__notification-title {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  font-weight: bold;
  font-size: 16px;
}
.qida-dropdown__notification-description {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  display: -webkit-inline-box;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.qida-dropdown__notification-date {
  align-self: stretch;
  position: relative;
  font-size: 12px;
  line-height: 16px;
  color: #666;
}
/* Message item styles */
.qida-dropdown__message-item {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px;
  gap: 8px;
}
.qida-dropdown__message-item:last-child {
  border-bottom: none;
}
.qida-dropdown__message-item:hover {
  background-color: #e6eceb;
}
.qida-dropdown__message-badge {
  border-radius: 100px;
  border: 1px solid #004039;
  box-sizing: border-box;
  height: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px 4px;
  min-width: 24px;
  max-width: 37px;
  text-align: center;
  font-size: 12px;
}
.qida-dropdown__message-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.qida-dropdown__message-header {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0px;
}
.qida-dropdown__message-title {
  font-size: 16px;
  line-height: 24px;
}
.qida-dropdown__message-time {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  font-size: 11px;
  color: #666;
}
.qida-dropdown__message-text {
  width: 100%;
  position: relative;
  line-height: 24px;
  display: -webkit-inline-box;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.qida-dropdown__message-count {
  border-radius: 100px;
  background-color: #004039;
  height: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px 4px;
  box-sizing: border-box;
  min-width: 16px;
  max-width: 34px;
  text-align: center;
  font-size: 11px;
  color: #fff;
  font-weight: 500;
}
/* Scrollbar styles for menu with maxHeight */
.qida-dropdown__menu::-webkit-scrollbar {
  width: 4px;
}
.qida-dropdown__menu::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.qida-dropdown__menu::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.qida-dropdown__menu::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base styles for dropdown item */
.qida-dropdown-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 32px;
  padding: 8px 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  font-family: var(--font-family-primary);
  font-size: 14px;
  line-height: 20px;
  color: #333;
  cursor: pointer;
  outline: none;
  transition: background-color 0.15s ease;
}
/* Last item without border */
.qida-dropdown-item:last-child {
  border-bottom: none;
}
/* Hover state */
.qida-dropdown-item:hover:not(.qida-dropdown-item--disabled) {
  background-color: rgba(0, 0, 0, 0.05);
}
/* Focus state */
.qida-dropdown-item:focus:not(.qida-dropdown-item--disabled) {
  outline: 2px solid #8aa7a4;
  outline-offset: -2px;
}
/* Active state */
.qida-dropdown-item:active:not(.qida-dropdown-item--disabled) {
  background-color: rgba(0, 0, 0, 0.1);
}
/* Disabled state */
.qida-dropdown-item--disabled {
  color: #999;
  cursor: not-allowed;
  opacity: 0.6;
}
/* Checkbox specific styles */
.qida-dropdown-item--checkbox {
  gap: 8px;
}
.qida-dropdown-item__checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.qida-dropdown-item__checkbox-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.qida-dropdown-item__checkbox-box {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background-color: #fff;
  border: 1.5px solid #444;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qida-dropdown-item--disabled .qida-dropdown-item__checkbox-box {
  border-color: #999;
}
.qida-dropdown-item__checkbox-box--checked {
  background-color: #444;
  color: white;
}
.qida-dropdown-item--disabled .qida-dropdown-item__checkbox-box--checked {
  background-color: #999;
}
.qida-dropdown-item__checkbox-check {
  width: 10px;
  height: 8px;
}
/* Icon specific styles */
.qida-dropdown-item--icon {
  gap: 8px;
}
.qida-dropdown-item__icon {
  width: 16px;
  height: 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
/* Label */
.qida-dropdown-item__label {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base styles for filter */
.qida-filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 96px;
  height: 40px;
  padding: 8px 24px 8px 16px;
  border-radius: 8px;
  border: 1px solid #333;
  background-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.2s ease;
  font-family: var(--font-family-primary);
  color: #333;
}
/* Filter icon */
.qida-filter__icon {
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 1px 2px;
  box-sizing: border-box;
}
/* Filter label */
.qida-filter__label {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  font-size: 14px;
}
/* Hover state */
.qida-filter:hover:not(:disabled) {
  background-color: #e5e5e5;
}
/* Active/Pressed state */
.qida-filter:active:not(:disabled) {
  background-color: #ccc;
}
/* Disabled state */
.qida-filter--disabled,
.qida-filter:disabled {
  border-color: #ccc;
  color: #666;
  cursor: not-allowed;
}
/* Focus state */
.qida-filter:focus-visible {
  outline: none;
  border: 4px solid #8aa7a4;
  padding: 5px 21px 5px 13px; /* Adjust padding to account for thicker border */
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base styles */
.qida-footer {
  width: 100%;
  font-family: var(--font-family-primary);
  color: var(--colors-neutral-900);
}
/* Desktop version */
.qida-footer-desktop {
  display: flex;
  align-items: center;
  padding: 16px;
  background-color: #ffefda;
  border-radius: 16px;
  height: 120px;
}
.qida-footer-image {
  margin-right: 24px;
}
.qida-footer-image img {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.qida-footer-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
}
.qida-footer-title {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  margin: 0;
  color: #333;
}
.qida-footer-advisor-text {
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  color: #333;
}
.qida-footer-contact-info {
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  color: #333;
}
.qida-footer-email {
  text-decoration: underline;
}
/* Mobile version */
.qida-footer-mobile {
  display: none;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  background-color: #ffefda;
  border-radius: 16px;
  max-width: 328px;
  margin: 0 auto;
  text-align: center;
  height: 292px;
}
.qida-footer-title-mobile {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  margin: 0 0 24px 0;
  color: #333;
}
.qida-footer-image-mobile {
  margin-bottom: 24px;
}
.qida-footer-image-mobile img {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.qida-footer-info-mobile {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.qida-footer-advisor-text-mobile {
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  color: #333;
}
.qida-footer-contact-info-mobile {
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  color: #333;
}
/* Media queries */
@media (max-width: 768px) {
  .qida-footer-desktop {
    display: none;
  }

  .qida-footer-mobile {
    display: flex;
  }
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base styles */
.qida-header {
  width: 100%;
  height: 64px;
  background-color: #004039;
  color: white;
  font-family: var(--font-family-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Mobile header styles */
.qida-header__mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 16px;
}
/* Desktop header styles */
.qida-header__desktop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  max-width: 1200px;
}
/* Logo styles */
.qida-header__logo {
  display: flex;
  align-items: center;
  height: 100%;
}
.qida-header__logo-img {
  height: 32px;
}
/* Coordinator tag styles */
.qida-header__tag {
  display: flex;
  align-items: center;
  margin-left: 16px;
  padding: 0 16px;
  height: 24px;
  border-radius: 12px;
  background-color: #ff8a5d;
}
.qida-header__tag-text {
  font-size: 12px;
  font-weight: 500;
  color: white;
}
/* Right section styles */
.qida-header__right {
  display: flex;
  align-items: center;
  gap: 24px;
}
.qida-header__left {
  display: flex;
  align-items: center;
}
/* Icon styles */
.qida-header__icon-chat,
.qida-header__icon-notification,
.qida-header__icon-phone,
.qida-header__icon-settings,
.qida-header__menu-icon {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Avatar styles */
.qida-header__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.qida-header__avatar--large {
  width: 40px;
  height: 40px;
}
/* Menu text styles */
.qida-header__menu-text {
  font-size: 14px;
  font-weight: 500;
  margin-right: 8px;
}
/* Icons container for mobile */
.qida-header__icons {
  display: flex;
  align-items: center;
}
/* Media queries */
@media (max-width: 768px) {
  .qida-header {
    height: 56px;
  }

  .qida-header__desktop {
    padding: 0 16px;
  }

  .qida-header__logo-img {
    height: 28px;
  }

  .qida-header__right {
    gap: 16px;
  }
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base styles */
.qida-navbar {
  width: 100%;
  height: 56px;
  background-color: #f5f5f5;
  font-family: var(--font-family-primary);
  display: flex;
  justify-content: center;
}
.qida-navbar__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 40px;
}
.qida-navbar__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  transition: all 0.2s ease;
  gap: 16px;
}
.qida-navbar__item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.qida-navbar__item--active {
  background-color: rgba(0, 0, 0, 0.1);
}
.qida-navbar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
}
.qida-navbar__label {
  font-size: 20px;
  line-height: 28px;
  color: #333;
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base styles for InputDropDown */
.qida-input-dropdown {
  position: relative;
  width: 100%;
  font-family: var(--font-family-primary);
  color: var(--colors-neutral-600);
  margin-bottom: 4px;
}
/* Input styles */
.qida-input-dropdown__input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  box-sizing: border-box;
  border: 1px solid var(--colors-neutral-200);
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
/* Size variants */
.qida-input-dropdown--sm .qida-input-dropdown__input {
  height: 41px;
  border-radius: 4px;
  font-size: var(--font-size-14);
  line-height: var(--font-line-height-20);
}
.qida-input-dropdown--md .qida-input-dropdown__input {
  height: 49px;
  border-radius: 8px;
  font-size: var(--font-size-14);
  line-height: var(--font-line-height-20);
}
/* State variants */
.qida-input-dropdown--open .qida-input-dropdown__input {
  border-color: var(--colors-primary-500);
}
.qida-input-dropdown--filled .qida-input-dropdown__input {
  color: var(--colors-neutral-900);
}
.qida-input-dropdown__input--error,
.qida-input-dropdown--error .qida-input-dropdown__input {
  border-color: #a52222 !important;
}
.qida-input-dropdown__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* Focused state */
.qida-input-dropdown__input:focus {
  outline: none;
  border: 4px solid var(--colors-primary-200);
  padding: 5px 13px; /* Adjust padding to maintain the same overall size */
}
/* Disabled state */
.qida-input-dropdown--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.qida-input-dropdown--disabled .qida-input-dropdown__input {
  pointer-events: none;
  cursor: not-allowed;
}
/* Selected value */
.qida-input-dropdown__selected-value {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Icon */
.qida-input-dropdown__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  margin-left: 8px;
  color: var(--colors-neutral-400);
}
.qida-input-dropdown__icon--open {
  transform: rotate(180deg);
}
/* Dropdown menu */
.qida-input-dropdown__menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow:
    0px 4px 6px -1px rgba(0, 0, 0, 0.1),
    0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
  z-index: 1000;
  padding: 4px 8px;
  box-sizing: border-box;
  max-height: 200px;
  overflow-y: auto;
}
/* Menu items */
.qida-input-dropdown__item {
  padding: 8px 16px;
  cursor: pointer;
  border-bottom: 1px solid var(--colors-neutral-100);
  min-height: 40px;
  display: flex;
  align-items: center;
  transition: background-color 0.2s;
  color: var(--colors-neutral-900);
}
.qida-input-dropdown__item:last-child {
  border-bottom: none;
}
.qida-input-dropdown__item:hover {
  background-color: var(--colors-neutral-100);
}
.qida-input-dropdown__item--selected {
  background-color: var(--colors-primary-50);
  color: var(--colors-primary-600);
}
/* Error message */
.qida-input-dropdown__error-message {
  color: #a52222;
  font-size: var(--font-size-14);
  line-height: var(--font-line-height-20);
  font-weight: 500;
  margin-top: 4px;
  padding: 0 16px;
}
/* Scrollbar styles */
.qida-input-dropdown__menu::-webkit-scrollbar {
  width: 6px;
}
.qida-input-dropdown__menu::-webkit-scrollbar-track {
  background: var(--colors-neutral-100);
  border-radius: 3px;
}
.qida-input-dropdown__menu::-webkit-scrollbar-thumb {
  background: var(--colors-neutral-300);
  border-radius: 3px;
}
.qida-input-dropdown__menu::-webkit-scrollbar-thumb:hover {
  background: var(--colors-neutral-400);
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base styles for the radio button group */
.qida-radio-group-3 {
  font-family: var(--font-family-primary);
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
/* Desktop variant */
.qida-radio-group-3--desktop {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #f5f5f5;
  padding: 4px 4px 4px 16px;
  gap: 8px;
}
/* Mobile variant */
.qida-radio-group-3--mobile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
}
/* Header section */
.qida-radio-group-3__header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.qida-radio-group-3--desktop .qida-radio-group-3__header {
  gap: 8px;
}
.qida-radio-group-3--mobile .qida-radio-group-3__header {
  width: 100%;
  justify-content: space-between;
  gap: 16px;
}
/* View mode header */
.qida-radio-group-3__view-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
/* Label styling */
.qida-radio-group-3__label {
  font-size: 16px;
  line-height: 24px;
  color: #333;
  font-weight: 400;
  flex: 1;
  mix-blend-mode: multiply;
}
.qida-radio-group-3--mobile .qida-radio-group-3__label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
/* Icons container */
.qida-radio-group-3__icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
/* Icon styles */
.qida-radio-group-3__icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  overflow: hidden;
}
.qida-radio-group-3__icon--help {
  padding: 1px;
}
.qida-radio-group-3__icon--warning {
  padding: 1.5px;
}
/* Tag styles */
.qida-radio-group-3__tag {
  border-radius: 4px;
  background-color: #a52222;
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  box-sizing: border-box;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}
/* Options container */
.qida-radio-group-3__options-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
/* Options layout for desktop */
.qida-radio-group-3--desktop .qida-radio-group-3__options {
  width: 400px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
/* Options layout for mobile */
.qida-radio-group-3--mobile .qida-radio-group-3__options {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
/* Radio option styles - now as pure circles */
.qida-radio-group-3__option {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  cursor: pointer;
  flex: 1;
}
/* Desktop specific option styles */
.qida-radio-group-3--desktop .qida-radio-group-3__option {
  border-radius: 4px;
  height: 40px;
}
/* Mobile specific option styles */
.qida-radio-group-3--mobile .qida-radio-group-3__option {
  border-radius: 4px;
  height: 48px;
}
/* Selected option styling */
.qida-radio-group-3__option--selected {
  border-color: #004039;
}
/* Radio button component */
.qida-radio-group-3__radio {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.qida-radio-group-3__radio-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
/* Radio button circle */
.qida-radio-group-3__radio-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #444;
  box-sizing: border-box;
}
/* Selected radio button circle */
.qida-radio-group-3__radio-circle--selected {
  border: 5px solid #004039;
}
/* Error message styling */
.qida-radio-group-3__error-message {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #a52222;
  padding: 0 16px;
}
.qida-radio-group-3--desktop .qida-radio-group-3__error-message {
  margin-left: auto;
}
/* View mode styles */
.qida-radio-group-3--view-mode .qida-radio-group-3__details {
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 16px;
  font-size: 16px;
  line-height: 24px;
  color: #333;
  width: 100%;
  display: flex;
  align-items: center;
  height: 48px;
  box-sizing: border-box;
}
/* Error state styling */
.qida-radio-group-3--error.qida-radio-group-3--desktop {
  background-color: #fdeaea;
}
.qida-radio-group-3--error .qida-radio-group-3__option {
  border-color: #a52222;
}
/* Disabled state styling */
.qida-radio-group-3--disabled {
  opacity: 0.7;
}
.qida-radio-group-3--disabled .qida-radio-group-3__option {
  background-color: #e5e5e5;
  cursor: not-allowed;
}
.qida-radio-group-3--disabled .qida-radio-group-3__radio-circle {
  border-color: #ccc;
}
/* Hover state styling */
.qida-radio-group-3__option:hover {
  background-color: #e5e5e5;
}
.qida-radio-group-3--disabled .qida-radio-group-3__option:hover {
  background-color: #e5e5e5;
}
/* Error state specific for mobile */
.qida-radio-group-3--mobile.qida-radio-group-3--error
  .qida-radio-group-3__header {
  background-color: #fdeaea;
  border-radius: 8px 8px 0 0;
  padding: 4px 16px;
}
/* Error state specific message for mobile */
.qida-radio-group-3--mobile .qida-radio-group-3__error-message {
  text-align: center;
  width: 100%;
}
/* Hovered state specific for the 3rd option (matching the design in the image) */
.qida-radio-group-3__option:nth-child(3):hover {
  background-color: #e5e5e5;
}


/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
.inputGroup3RadioButtonsText {
  width: 100%;
  position: relative;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: left;
  font-size: 16px;
  color: #333;
  font-family: Aeonik, Inter, sans-serif;
}
.label {
  flex: 1;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.vectorIcon {
  width: 24px;
  height: 24px;
  color: currentColor;
}
.iconHelp {
  width: 28px;
  height: 28px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 2px;
  box-sizing: border-box;
  color: #333;
}
.iconWarning {
  width: 28px;
  height: 28px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 2px;
  box-sizing: border-box;
  color: #333;
}
.label1 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
}
.tag {
  border-radius: 4px;
  background-color: #a52222;
  height: 28px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.iconChild {
  width: 24px;
  position: relative;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #444;
  box-sizing: border-box;
  height: 24px;
}
.icon {
  width: 28px;
  height: 28px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.radioButtons {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px;
  box-sizing: border-box;
}
.loremIpsum {
  flex: 1;
  position: relative;
  line-height: 22px;
  font-size: 16px;
  mix-blend-mode: multiply;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.radioButtonItem {
  align-self: stretch;
  flex: 1;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #a52222;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 20px 16px 12px;
  gap: 8px;
  height: auto;
  min-height: 72px;
  max-width: 300px;
}
.p {
  margin: 0;
}
.optionsRow {
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  gap: 12px;
}
.item {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fdeaea;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 8px 8px 20px;
  gap: 12px;
}
.errorMessage1 {
  flex: 1;
  position: relative;
  line-height: 20px;
  font-weight: 500;
}
.errorMessage {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 0px 0px 12px;
  color: #a52222;
}
.devicedesktopStateerror {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
}
.radioButtonItem3 {
  align-self: stretch;
  flex: 1;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 20px 16px 12px;
  gap: 8px;
  height: auto;
  min-height: 72px;
  max-width: 300px;
}
.iconChild2 {
  width: 24px;
  position: relative;
  border-radius: 50%;
  background-color: #fff;
  border: 6px solid #004039;
  box-sizing: border-box;
  height: 24px;
}
.radioButtons5 {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  padding: 8px;
  box-sizing: border-box;
}
.radioButtonItem5 {
  align-self: stretch;
  flex: 1;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #004039;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 20px 16px 12px;
  gap: 8px;
  height: auto;
  min-height: 72px;
  max-width: 300px;
}
.devicedesktopStateselected {
  width: 100%;
  border-radius: 8px;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 8px 8px 20px;
  box-sizing: border-box;
  gap: 12px;
}
.radioButtonItem8 {
  align-self: stretch;
  flex: 1;
  border-radius: 4px;
  background-color: #e5e5e5;
  border: 1px solid #999;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 20px 16px 12px;
  gap: 8px;
  height: auto;
  min-height: 72px;
  max-width: 300px;
}
.devicedesktopStatehovered {
  width: 100%;
  border-radius: 8px;
  background-color: #e5e5e5;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 8px 8px 20px;
  box-sizing: border-box;
  gap: 12px;
}
.devicedesktopStateenabled {
  width: 100%;
  border-radius: 8px;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 8px 8px 20px;
  box-sizing: border-box;
  gap: 12px;
}
.iconChild9 {
  width: 24px;
  position: relative;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #999;
  box-sizing: border-box;
  height: 24px;
}
.radioButtonItem12 {
  align-self: stretch;
  flex: 1;
  border-radius: 4px;
  background-color: #e5e5e5;
  border: 1px solid #e5e5e5;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 20px 16px 12px;
  gap: 8px;
  height: auto;
  min-height: 72px;
  max-width: 300px;
}
.optionsRow4 {
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  gap: 12px;
  color: #666;
}
.devicedesktopStatedisabled {
  width: 100%;
  border-radius: 8px;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 8px 8px 20px;
  box-sizing: border-box;
  gap: 12px;
}
.label10 {
  flex: 1;
  position: relative;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  mix-blend-mode: multiply;
}
.tag5 {
  border-radius: 4px;
  background-color: #a52222;
  height: 28px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  color: #fff;
}
.textIcons {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.radioButtonItem15 {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  height: auto;
  min-height: 72px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 20px 16px 12px;
  gap: 8px;
  max-width: 100%;
}
.optionsRow5 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  width: 100%;
}
.devicemobileStateenabled {
  width: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}
.radioButtonItem18 {
  align-self: stretch;
  border-radius: 8px;
  background-color: #e5e5e5;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  height: auto;
  min-height: 72px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 20px 16px 12px;
  gap: 8px;
  max-width: 100%;
}
.optionsRow6 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  color: #666;
  width: 100%;
}
.devicemobileStatedisabled {
  width: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}
.radioButtonItem23 {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #004039;
  box-sizing: border-box;
  height: auto;
  min-height: 72px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 20px 16px 12px;
  gap: 8px;
  max-width: 100%;
}
.devicemobileStateselected {
  width: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}
.radioButtonItem24 {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #a52222;
  box-sizing: border-box;
  height: auto;
  min-height: 72px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 20px 16px 12px;
  gap: 8px;
  max-width: 100%;
}
.errorMessage2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 0px 0px 12px;
  color: #a52222;
}
.devicemobileStateerror {
  width: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}
.label18 {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  font-size: 16px;
}
.loremIpsum27 {
  width: 368px;
  position: relative;
  line-height: 24px;
  font-size: 16px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.devicedesktopStateviewMor {
  width: 100%;
  border-radius: 8px;
  background-color: #f5f5f5;
  height: auto;
  min-height: 72px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 20px;
  box-sizing: border-box;
  gap: 12px;
  font-size: 16px;
}
.title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.loremIpsum28 {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.details {
  align-self: stretch;
  border-radius: 8px;
  background-color: #f5f5f5;
  height: auto;
  min-height: 72px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 20px;
  box-sizing: border-box;
  font-size: 16px;
}
.devicemobileStateviewMore {
  width: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .optionsRow5,
  .optionsRow6 {
    width: 100%;
  }

  .textIcons {
    align-items: flex-start;
  }

  .radioButtonItem,
  .radioButtonItem3,
  .radioButtonItem5,
  .radioButtonItem8,
  .radioButtonItem12,
  .radioButtonItem15,
  .radioButtonItem18,
  .radioButtonItem23,
  .radioButtonItem24 {
    max-width: 100%;
  }
}

/* Import CSS variables from tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Import fonts */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
.qida-input-image-area {
  width: 100%;
  position: relative;
  border-radius: 5px;
  border: 1px dashed var(--colors-primary-500);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px;
  gap: 40px;
  text-align: center;
  font-size: var(--font-size-14);
  color: var(--colors-neutral-900);
  font-family: var(--font-family-primary);
}
/* Upload state */
.qida-input-image-area__upload {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid var(--colors-neutral-200);
  box-sizing: border-box;
  height: 236px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  gap: 0px;
}
.qida-input-image-area__image-area {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  min-height: 125px;
}
.qida-input-image-area__icon {
  width: 64px;
  height: 64px;
  color: var(--colors-neutral-400);
  transition: color 0.2s ease;
}
.qida-input-image-area__upload:hover .qida-input-image-area__icon {
  color: var(--colors-primary-500);
}
.qida-input-image-area__button {
  align-self: stretch;
  border-radius: 8px;
  background-color: var(--colors-primary-600);
  height: 40px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  box-sizing: border-box;
  min-width: 96px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.qida-input-image-area__button:hover {
  background-color: var(--colors-primary-700);
}
.qida-input-image-area__button-text {
  position: relative;
  line-height: var(--font-line-height-20);
  font-weight: 500;
  color: #fff;
}
.qida-input-image-area__file-input {
  display: none;
}
/* Preview state */
.qida-input-image-area__preview {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid var(--colors-neutral-200);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 16px;
  gap: 16px;
}
.qida-input-image-area__preview-area {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 125px;
}
.qida-input-image-area__preview-image {
  width: 160px;
  position: relative;
  height: 120px;
  overflow: hidden;
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.qida-input-image-area__filename {
  align-self: stretch;
  position: relative;
  line-height: var(--font-line-height-16);
  font-size: var(--font-size-12);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 24px;
  flex-shrink: 0;
  color: var(--colors-neutral-600);
}
.qida-input-image-area__delete-button {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid var(--colors-primary-600);
  box-sizing: border-box;
  height: 41px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  min-width: 96px;
  font-size: var(--font-size-14);
  color: var(--colors-primary-600);
  cursor: pointer;
  transition: all 0.2s ease;
}
.qida-input-image-area__delete-button:hover {
  background-color: var(--colors-primary-50);
}
/* States */
.qida-input-image-area--error {
  border-color: var(--colors-error-500);
}
.qida-input-image-area--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.qida-input-image-area--disabled .qida-input-image-area__button,
.qida-input-image-area--disabled .qida-input-image-area__delete-button {
  cursor: not-allowed;
}
.qida-input-image-area__error-message {
  color: var(--colors-error-500);
  font-size: var(--font-size-14);
  line-height: var(--font-line-height-20);
  font-weight: 500;
  margin-top: 4px;
  padding: 0 16px;
}

/* Import CSS variables from tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Import fonts */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
.qida-input-search {
  width: 100%;
  position: relative;
  border-radius: 5px;
  border: 1px dashed var(--colors-primary-500);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 24px;
  gap: 24px;
  text-align: left;
  font-size: var(--font-size-16);
  color: var(--colors-neutral-600);
  font-family: var(--font-family-primary);
}
.qida-input-search__input-container {
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--colors-neutral-200);
  box-sizing: border-box;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 16px;
  transition: all 0.2s ease;
}
.qida-input-search__icon-text {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.qida-input-search__icon {
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 1px;
  box-sizing: border-box;
  color: var(--colors-neutral-400);
}
.qida-input-search__input {
  flex: 1;
  border: none;
  background: none;
  font-size: var(--font-size-16);
  line-height: var(--font-line-height-24);
  color: var(--colors-neutral-900);
  font-family: var(--font-family-primary);
  padding: 0;
  outline: none;
}
.qida-input-search__input::-moz-placeholder {
  color: var(--colors-neutral-600);
}
.qida-input-search__input::placeholder {
  color: var(--colors-neutral-600);
}
.qida-input-search__clear-button {
  width: 40px;
  border-radius: 8px;
  height: 40px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 1.1px 0px;
  box-sizing: border-box;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--colors-neutral-400);
  transition: all 0.2s ease;
}
.qida-input-search__clear-button:hover {
  color: var(--colors-neutral-600);
  background-color: var(--colors-neutral-100);
}
/* States */
.qida-input-search--hovered .qida-input-search__input-container {
  border-color: var(--colors-neutral-400);
}
.qida-input-search--focused .qida-input-search__input-container {
  border: 4px solid var(--colors-primary-200);
  padding: 5px 13px;
}
.qida-input-search--filled .qida-input-search__input-container {
  border-color: var(--colors-neutral-200);
}
.qida-input-search--error .qida-input-search__input-container {
  border-color: var(--colors-error-500);
}
.qida-input-search--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.qida-input-search--disabled .qida-input-search__input,
.qida-input-search--disabled .qida-input-search__clear-button {
  cursor: not-allowed;
}
.qida-input-search__error-message {
  color: var(--colors-error-500);
  font-size: var(--font-size-14);
  line-height: var(--font-line-height-20);
  font-weight: 500;
  margin-top: 4px;
  padding: 0 16px;
}

/* Import CSS variables from tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Import fonts */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
.qida-input-textarea {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
}
.qida-input-textarea__input-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.qida-input-textarea__label {
  align-self: stretch;
  position: relative;
  line-height: var(--font-line-height-24);
  font-size: var(--font-size-16);
  color: var(--colors-neutral-900);
  font-family: var(--font-family-primary);
  font-weight: 500;
  mix-blend-mode: multiply;
}
.qida-input-textarea__input {
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  padding: 8px;
  font-size: var(--font-size-14);
  line-height: var(--font-line-height-20);
  color: #666;
  font-family: var(--font-family-primary);
  resize: none;
  transition: all 0.2s ease;
}
.qida-input-textarea__input::-moz-placeholder {
  color: #666;
}
.qida-input-textarea__input::placeholder {
  color: #666;
}
.qida-input-textarea__input:focus {
  outline: none;
}
/* Size variants */
.qida-input-textarea--sm .qida-input-textarea__input {
  height: 81px;
  width: 100%;
}
.qida-input-textarea--md .qida-input-textarea__input {
  height: 321px;
  width: 100%;
}
/* States */
.qida-input-textarea--hovered .qida-input-textarea__input {
  border-color: #333;
}
.qida-input-textarea--focused .qida-input-textarea__input {
  border: 4px solid #8aa7a4;
  padding: 5px;
}
.qida-input-textarea--filled .qida-input-textarea__input {
  color: #333;
}
.qida-input-textarea--error {
  background-color: #fdeaea;
  border-radius: 8px;
  padding: 8px;
}
.qida-input-textarea--error .qida-input-textarea__input {
  border-color: #a52222;
}
.qida-input-textarea--disabled .qida-input-textarea__input {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  cursor: not-allowed;
}
.qida-input-textarea__error-message {
  color: #a52222;
  font-size: var(--font-size-14);
  line-height: var(--font-line-height-20);
  font-weight: 500;
  padding: 0 16px;
}
/* Container styles for story display */
.qida-input-textarea--story-container {
  border-radius: 8px;
  background-color: #f5f5f5;
  padding: 8px;
  width: 840px;
}
/* Mobile styles */
@media (max-width: 768px) {
  .qida-input-textarea__input {
    border-radius: 8px;
    padding: 16px;
  }

  .qida-input-textarea--focused .qida-input-textarea__input {
    padding: 13px;
  }

  .qida-input-textarea--story-container {
    width: 358px;
  }
}

/* Import CSS variables from tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Import fonts */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
.qida-input-textfield {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  font-family: var(--font-family-primary);
}
.qida-input-textfield__container {
  width: 100%;
  height: 49px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px;
  gap: 8px;
  transition: all 0.2s ease-in-out;
}
.qida-input-textfield__input {
  flex: 1;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  width: 100%;
}
.qida-input-textfield__input::-moz-placeholder {
  color: #666;
}
.qida-input-textfield__input::placeholder {
  color: #666;
}
.qida-input-textfield__icon {
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 5px;
  box-sizing: border-box;
  color: #666;
}
.qida-input-textfield__icon-warning {
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 2px;
  box-sizing: border-box;
}
/* States */
.qida-input-textfield--focused .qida-input-textfield__container {
  border: 4px solid #8aa7a4;
  padding: 13px;
}
.qida-input-textfield--hovered .qida-input-textfield__container {
  border-color: #999;
}
.qida-input-textfield--filled .qida-input-textfield__input::-moz-placeholder {
  color: #333;
}
.qida-input-textfield--filled .qida-input-textfield__input,
.qida-input-textfield--filled .qida-input-textfield__input::placeholder {
  color: #333;
}
.qida-input-textfield--disabled .qida-input-textfield__container {
  background-color: #f5f5f5;
  opacity: 0.7;
  cursor: not-allowed;
}
.qida-input-textfield--disabled .qida-input-textfield__input {
  cursor: not-allowed;
}
/* Activated state */
.qida-input-textfield--activated .qida-input-textfield__container {
  border-color: #333;
}
.qida-input-textfield--activated .qida-input-textfield__input {
  color: #333;
}
/* Error state */
.qida-input-textfield--error .qida-input-textfield__container {
  border-color: #a52222;
}
.qida-input-textfield__error-message {
  flex: 1;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #a52222;
  padding: 0 16px;
}
/* Story container */
.qida-input-textfield--story-container {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
/* Responsive styles */
@media (min-width: 768px) {
  .qida-input-textfield--story-container {
    max-width: 680px;
  }
}

/* Import CSS variables from tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Import fonts */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
.qida-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: 400;
  line-height: var(--font-line-height-20);
  color: var(--colors-primary-600);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.qida-link::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: all 0.2s ease-in-out;
}
.qida-link__text {
  display: inline-block;
}
.qida-link__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: inherit;
}
/* Hovered state */
.qida-link--hovered,
.qida-link:hover {
  color: var(--colors-primary-700);
}
.qida-link--hovered::after,
.qida-link:hover::after {
  height: 2px;
}
/* Focused state */
.qida-link--focused {
  outline: none;
  color: var(--colors-primary-700);
  text-decoration: none;
  box-shadow: 0 0 0 2px rgba(138, 167, 164, 0.3);
  border-radius: 2px;
}
.qida-link--focused::after {
  height: 2px;
  background-color: var(--colors-primary-700);
}
.qida-link:focus {
  outline: none;
  color: var(--colors-primary-700);
  text-decoration: none;
  box-shadow: 0 0 0 2px rgba(138, 167, 164, 0.3);
  border-radius: 2px;
}
.qida-link:focus::after {
  height: 2px;
  background-color: var(--colors-primary-700);
}
/* Visited state */
.qida-link:visited {
  color: var(--colors-primary-800);
}
/* Disabled state */
.qida-link--disabled {
  color: var(--colors-neutral-400);
  cursor: not-allowed;
  pointer-events: none;
}
.qida-link--disabled::after {
  background-color: var(--colors-neutral-400);
  opacity: 0.5;
}
/* With icon */
.qida-link--with-icon {
  padding-right: 4px;
}
/* Story container */
.qida-link--story-container {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
}
/* Estado focused forzado para demos */
.qida-link--demo-focused {
  outline: none;
  color: var(--colors-primary-700);
  text-decoration: none;
  box-shadow: 0 0 0 2px rgba(138, 167, 164, 0.3);
  border-radius: 2px;
}
.qida-link--demo-focused::after {
  height: 2px;
  background-color: var(--colors-primary-700);
}

/* Import CSS variables from tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Import fonts */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Modal Container */
.qida-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: auto;
  padding: 20px;
  box-sizing: border-box;
}
/* Modal Styles */
.qida-modal {
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 640px;
  max-height: 90vh;
  overflow: hidden;
  animation: modalFadeIn 0.3s ease-in-out;
}
/* Full Screen Modal */
.qida-modal--full-screen {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0;
}
/* Modal Header */
.qida-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px 24px 16px;
  border-bottom: 1px solid #e5e5e5;
}
/* Icon Modal Header */
.qida-modal--icon .qida-modal__header {
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
}
.qida-modal__header-title-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.qida-modal__title {
  font-size: 20px;
  font-weight: 600;
  color: #333;
}
.qida-modal__close-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
}
.qida-modal__close-button:hover {
  color: #333;
}
.qida-modal__icon {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  color: var(--colors-primary-600);
}
/* Modal Content */
.qida-modal__content {
  padding: 24px;
  overflow-y: auto;
  flex: 1;
}
.qida-modal__text {
  font-size: 16px;
  line-height: 24px;
  color: #666;
  margin-bottom: 24px;
}
.qida-modal__slot {
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  color: #333;
  min-height: 100px;
}
/* Modal Footer */
.qida-modal__footer {
  padding: 16px 24px 24px;
  border-top: 1px solid #e5e5e5;
}
/* Row buttons (default) */
.qida-modal__footer--row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.qida-modal__right-buttons {
  display: flex;
  gap: 16px;
}
/* Column buttons */
.qida-modal__footer--column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
/* Modal Footer en full-screen debe tener más padding */
.qida-modal--full-screen .qida-modal__footer {
  padding: 24px 32px 32px;
}
/* Los botones en full screen necesitan más espacio */
.qida-modal--full-screen .qida-modal__right-buttons {
  gap: 24px;
}
/* Especial espacio para botones en columna en full-screen */
.qida-modal--full-screen .qida-modal__footer--column {
  gap: 32px;
  max-width: 480px;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}
/* Cada botón en full-screen debe tener buen tamaño */
.qida-modal--full-screen .qida-modal__primary-button,
.qida-modal--full-screen .qida-modal__secondary-button,
.qida-modal--full-screen .qida-modal__tertiary-button {
  min-width: 180px;
  min-height: 48px;
}
/* Mobile styles */
.qida-modal--mobile {
  max-width: 358px;
  width: 100%;
  border-radius: 16px;
  margin: 0 auto;
}
.qida-modal--mobile .qida-modal__header {
  padding: 16px 16px 12px;
}
.qida-modal--mobile .qida-modal__content {
  padding: 16px;
}
.qida-modal__footer--mobile {
  padding: 8px 16px 16px;
}
.qida-modal__footer--mobile.qida-modal__footer--row {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.qida-modal__footer--mobile.qida-modal__footer--column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.qida-modal--mobile .qida-modal__slot {
  min-height: 80px;
}
.qida-modal--mobile .qida-modal__text {
  margin-bottom: 16px;
}
/* Ajustes específicos para iconos en mobile */
.qida-modal--mobile.qida-modal--icon .qida-modal__header {
  padding-bottom: 16px;
}
.qida-modal--mobile.qida-modal--icon .qida-modal__icon {
  margin-top: 4px;
}
/* Modal Buttons */
.qida-modal__primary-button,
.qida-modal__secondary-button,
.qida-modal__tertiary-button {
  min-width: 120px;
}
/* Mobile buttons */
.qida-modal--mobile .qida-modal__primary-button,
.qida-modal--mobile .qida-modal__secondary-button {
  flex: 1;
  min-width: 0;
}
/* Animation */
@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .qida-modal {
    max-width: 90%;
  }

  .qida-modal__footer--row {
    flex-direction: column-reverse;
    gap: 16px;
  }

  .qida-modal__right-buttons {
    width: 100%;
    justify-content: space-between;
  }

  .qida-modal__tertiary-button {
    width: 100%;
  }

  .qida-modal__primary-button,
  .qida-modal__secondary-button,
  .qida-modal__tertiary-button {
    min-width: 0;
  }
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
.qida-radio-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.qida-radio {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 16px 8px 8px;
  gap: 4px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  height: 48px;
  width: 100%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.qida-radio:hover {
  background-color: #e5e5e5;
  border-color: #999;
}
.qida-radio--error {
  border-color: #a52222;
}
.qida-radio--disabled {
  background-color: #f5f5f5;
  border-color: #e5e5e5;
  color: #666;
  cursor: not-allowed;
}
/* Estilizar el contenedor del input para que no sea visible */
.qida-radio__input-container {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.qida-radio__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
/* Estilo del icono del radio button */
.qida-radio__icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: relative;
}
.qida-radio__circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #444;
  box-sizing: border-box;
}
.qida-radio:hover .qida-radio__circle {
  border-color: #333;
}
.qida-radio--error .qida-radio__circle {
  border-color: #a52222;
}
.qida-radio--disabled .qida-radio__circle {
  border-color: #999;
}
/* Estado checked */
.qida-radio__icon--checked .qida-radio__circle {
  border: 5px solid #004039;
}
.qida-radio:hover .qida-radio__icon--checked .qida-radio__circle {
  border-color: #336661;
}
.qida-radio--disabled .qida-radio__icon--checked .qida-radio__circle {
  border-color: #b0c4c2;
}
/* Etiqueta */
.qida-radio__label {
  flex: 1;
  line-height: 24px;
  font-size: 16px;
  color: #333;
  font-family: var(--font-family-primary);
}
.qida-radio--disabled .qida-radio__label {
  color: #666;
}
/* Mensaje de error */
.qida-radio__error-message {
  padding: 0 16px;
  font-size: 14px;
  line-height: 20px;
  color: #a52222;
  font-weight: 500;
  font-family: var(--font-family-primary);
}
/* Estado focus */
.qida-radio:focus-within {
  border: 4px solid #8aa7a4;
  height: 52px;
  padding: 6px 14px 6px 6px;
}
/* Radio con label seleccionado */
.qida-radio:has(input:checked) {
  border-color: #004039;
}
.qida-radio--disabled:has(input:checked) {
  border-color: #b0c4c2;
}

/* Import CSS variables from tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Import fonts */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
.qida-scrollbar {
  width: 100%;
  position: relative;
  box-shadow:
    0px 4px 6px -1px rgba(0, 0, 0, 0.1),
    0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  background-color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 48px;
  box-sizing: border-box;
  gap: 48px;
  text-align: left;
  font-size: 22px;
  color: #004039;
  font-family: Aeonik;
}
.qida-scrollbar__heading {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
.qida-scrollbar__components {
  align-self: stretch;
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.qida-scrollbar__title {
  align-self: stretch;
  position: relative;
  font-size: 56px;
  line-height: 73px;
}
.qida-scrollbar__divider {
  align-self: stretch;
  position: relative;
  background-color: #004039;
  height: 4px;
}
.qida-scrollbar__subtitle {
  align-self: stretch;
  position: relative;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
}
.qida-scrollbar__sizes {
  border-radius: 5px;
  border: 1px dashed #9747ff;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px;
  gap: 24px;
}
.qida-scrollbar__size {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.qida-scrollbar__track {
  width: 8px;
  background-color: #e5e5e5;
  border-radius: 4px;
  position: relative;
}
.qida-scrollbar__thumb {
  width: 8px;
  background-color: #004039;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
}
/* Size variants */
.qida-scrollbar__size--sm {
  height: 80px;
}
.qida-scrollbar__size--sm .qida-scrollbar__track {
  height: 80px;
}
.qida-scrollbar__size--sm .qida-scrollbar__thumb {
  height: 24px;
}
.qida-scrollbar__size--md {
  height: 240px;
}
.qida-scrollbar__size--md .qida-scrollbar__track {
  height: 240px;
}
.qida-scrollbar__size--md .qida-scrollbar__thumb {
  height: 72px;
}
.qida-scrollbar__size--lg {
  height: 600px;
}
.qida-scrollbar__size--lg .qida-scrollbar__track {
  height: 600px;
}
.qida-scrollbar__size--lg .qida-scrollbar__thumb {
  height: 180px;
}
/* Hover and active states */
.qida-scrollbar__thumb:hover {
  background-color: #003731;
}
.qida-scrollbar__thumb:active {
  background-color: #002924;
}

/* Import CSS variables from tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Import fonts */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.85);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.qida-spinner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
/* Circle Variant */
.qida-spinner__circle {
  width: 48px;
  height: 48px;
  position: relative;
}
.qida-spinner__circle-inner {
  width: 100%;
  height: 100%;
  border: 3px solid var(--colors-neutral-100);
  border-top-color: var(--colors-primary-500);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
/* Q Logo Variant */
.qida-spinner__q-container {
  width: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qida-spinner__q-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pulse 1.5s ease-in-out infinite;
  transform-origin: center;
  width: 100%;
  height: 100%;
}
.qida-spinner__q-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
/* Loading Text */
.qida-spinner__text {
  font-family: var(--font-family-primary);
  font-size: 18px;
  line-height: 24px;
  color: var(--colors-neutral-600);
  text-align: center;
  margin-top: 8px;
}
/* Container styles for demo purposes */
.qida-spinner-demo {
  width: 100%;
  background-color: #fff;
  box-shadow:
    0px 4px 6px -1px rgba(0, 0, 0, 0.1),
    0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  padding: 48px;
  box-sizing: border-box;
}
.qida-spinner-demo__heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 48px;
}
.qida-spinner-demo__title {
  font-family: var(--font-family-primary);
  font-size: 56px;
  line-height: 73px;
  color: var(--colors-primary-500);
}
.qida-spinner-demo__subtitle {
  font-family: var(--font-family-primary);
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  color: var(--colors-primary-500);
}
.qida-spinner-demo__divider {
  height: 4px;
  background-color: var(--colors-primary-500);
  width: 100%;
}
.qida-spinner-demo__section {
  margin-top: 48px;
}
.qida-spinner-demo__section-title {
  font-family: var(--font-family-primary);
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: var(--colors-primary-500);
  margin-bottom: 24px;
}
.qida-spinner-demo__examples {
  display: flex;
  gap: 24px;
  padding: 20px;
  border: 1px dashed #9747ff;
  border-radius: 5px;
}

/* Import CSS variables from tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Import fonts */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
.qida-switch__container {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.qida-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  outline: none;
}
.qida-switch:focus {
  outline: none;
  border: 4px solid #8aa7a4;
  border-radius: 120px;
  width: 44px;
  height: 28px;
  padding: 2px 4px;
}
.qida-switch__track {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #999;
  border-radius: 120px;
  transition: background-color 0.2s ease;
  padding: 2px 4px;
  box-sizing: border-box;
}
.qida-switch__handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 24px;
  transition: transform 0.2s ease;
}
/* Checked state */
.qida-switch--checked .qida-switch__track {
  background-color: #004039;
}
.qida-switch--checked .qida-switch__handle {
  transform: translateX(16px);
  background-color: #fff;
}
/* Disabled state */
.qida-switch--disabled {
  cursor: not-allowed;
}
.qida-switch--disabled .qida-switch__track {
  background-color: #ccc;
}
.qida-switch--disabled.qida-switch--checked .qida-switch__track {
  background-color: #8aa7a4;
}
.qida-switch--disabled .qida-switch__handle {
  background-color: #f5f5f5;
}
/* Label styles */
.qida-switch__label {
  font-family: Aeonik, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #004039;
}
/* Focus state */
.qida-switch:focus-visible {
  outline: none;
  border: 4px solid #8aa7a4;
  border-radius: 120px;
  width: 44px;
  height: 28px;
  padding: 2px 4px;
}
/* Hover effects */
.qida-switch:not(.qida-switch--disabled):hover .qida-switch__track {
  background-color: #666;
}
.qida-switch--checked:not(.qida-switch--disabled):hover .qida-switch__track {
  background-color: #003530;
}

/* Import CSS variables from tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Import fonts */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
.qida-tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-family: Aeonik, sans-serif;
}
.qida-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: #333;
  font-family: inherit;
  position: relative;
  outline: none;
  border-bottom: 2px solid #e5e5e5;
}
.qida-tab__content {
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px 24px;
  box-sizing: border-box;
  gap: 8px;
  position: relative;
}
.qida-tab__label {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  font-size: 14px;
}
.qida-tab__badge {
  border-radius: 120px;
  border: 1px solid #004039;
  box-sizing: border-box;
  height: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  min-width: 24px;
  max-width: 37px;
  font-size: 12px;
  color: #004039;
}
.qida-tab__badge--selected {
  background-color: #004039;
  color: #fff;
  border: none;
}
.qida-tab__badge-label {
  flex: 1;
  position: relative;
  line-height: 16px;
}
/* Selected state */
.qida-tab--selected {
  color: #004039;
  border-bottom: 2px solid #004039;
}
/* Hover state */
.qida-tab:not(.qida-tab--selected):not(.qida-tab--disabled):hover {
  background-color: #e5e5e5;
}
/* Focus state */
.qida-tab:focus-visible .qida-tab__content {
  border-radius: 8px;
  outline: 4px solid #8aa7a4;
  outline-offset: -1px;
}
/* Disabled state */
.qida-tab--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
/* Responsive styles */
@media (max-width: 768px) {
  .qida-tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .qida-tab__content {
    padding: 8px 16px;
  }
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Base styles */
.qida-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-family: var(--font-family-primary);
  font-weight: 500;
  box-sizing: border-box;
  gap: 8px;
}
/* Size variants */
.qida-tag--sm {
  height: 24px;
  padding: 2px 8px;
  font-size: var(--font-size-14);
  line-height: var(--font-line-height-20);
}
.qida-tag--md {
  height: 32px;
  padding: 6px 8px;
  font-size: var(--font-size-14);
  line-height: var(--font-line-height-20);
}
/* Color variants */
.qida-tag--neutral {
  background-color: #e5e5e5;
  color: #333333;
}
.qida-tag--success {
  background-color: #e8f8ef;
  color: #333333;
}
.qida-tag--error {
  background-color: #fdeaea;
  color: #333333;
}
.qida-tag--warning {
  background-color: #fbf1bb;
  color: #333333;
}
.qida-tag--inform-dark {
  background-color: #b0c4c2;
  color: #333333;
}
.qida-tag--inform-light {
  background-color: #b0efec;
  color: #333333;
}
.qida-tag--informative {
  background-color: #e6faf9;
  color: #333333;
}
/* Icon variants */
.qida-tag--icon {
  width: 32px;
  height: 32px;
  padding: 8px;
}
.qida-tag--icon.qida-tag--warning {
  background-color: #f7e06d;
}
.qida-tag--icon.qida-tag--error {
  background-color: #f07474;
}
.qida-tag--icon.qida-tag--inform-dark {
  background-color: #b0c4c2;
}
.qida-tag--icon.qida-tag--inform-light {
  background-color: #b0efec;
}
/* No-go variants */
.qida-tag--no-go {
  padding: 6px 8px;
  height: 32px;
}
.qida-tag--no-go.qida-tag--error {
  background-color: #f07474;
  color: #ffffff;
}
.qida-tag--no-go.qida-tag--warning {
  background-color: #f7e06d;
  color: #333333;
}
/* Postulaciones variants */
.qida-tag--postulaciones {
  padding: 2px 8px;
  height: 24px;
}
.qida-tag--postulaciones.qida-tag--error {
  background-color: #fdeaea;
  color: #333333;
}
.qida-tag--postulaciones.qida-tag--neutral {
  background-color: #e5e5e5;
  color: #333333;
}
/* Icon styles */
.qida-tag__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.qida-tag__icon--left {
  margin-right: -4px;
}
.qida-tag__icon--right {
  margin-left: -4px;
}
/* Label styles */
.qida-tag__label {
  font-weight: 500;
  white-space: nowrap;
}
/* Clickable state */
.qida-tag--clickable {
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.qida-tag--clickable:hover {
  opacity: 0.8;
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
/* Container styles */
.qida-tooltip-container {
  position: relative;
  display: inline-block;
}
/* Base tooltip styles */
.qida-tooltip {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 1000;
  pointer-events: none;
  min-width: 120px;
  max-width: 312px;
}
.qida-tooltip--visible {
  visibility: visible;
  opacity: 1;
}
/* Content styles */
.qida-tooltip__content {
  background-color: #333333;
  color: #ffffff;
  border-radius: 4px;
  padding: 8px 16px;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  line-height: var(--font-line-height-16);
  text-align: center;
  width: 100%;
}
.qida-tooltip__text {
  white-space: normal;
  word-wrap: break-word;
  display: block;
  min-width: 88px;
}
/* Arrow styles */
.qida-tooltip__arrow {
  position: absolute;
  width: 14.5px;
  height: 8px;
}
/* Placement styles */
.qida-tooltip--top {
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}
.qida-tooltip--top .qida-tooltip__arrow {
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 14.5px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.25 8L0.668914 0.5L13.8311 0.5L7.25 8Z' fill='%23333333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.qida-tooltip--bottom {
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}
.qida-tooltip--bottom .qida-tooltip__arrow {
  top: -8px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  width: 14.5px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.25 8L0.668914 0.5L13.8311 0.5L7.25 8Z' fill='%23333333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.qida-tooltip--left {
  right: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
}
.qida-tooltip--left .qida-tooltip__arrow {
  right: -8px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  width: 14.5px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.25 8L0.668914 0.5L13.8311 0.5L7.25 8Z' fill='%23333333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.qida-tooltip--right {
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
}
.qida-tooltip--right .qida-tooltip__arrow {
  left: -8px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  width: 14.5px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.25 8L0.668914 0.5L13.8311 0.5L7.25 8Z' fill='%23333333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
.typography {
  font-family:
    "Aeonik",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  margin: 0;
  padding: 0;
}
/* Variantes de tamaño */
.typography-headline-xl {
  font-size: var(--typography-fontSizes-headline-xl);
  line-height: var(--typography-lineHeights-headline);
}
.typography-headline-lg {
  font-size: var(--typography-fontSizes-headline-lg);
  line-height: var(--typography-lineHeights-headline);
}
.typography-headline-md {
  font-size: var(--typography-fontSizes-headline-md);
  line-height: var(--typography-lineHeights-headline);
}
.typography-headline-sm {
  font-size: var(--typography-fontSizes-headline-sm);
  line-height: var(--typography-lineHeights-headline);
}
.typography-title-lg {
  font-size: var(--typography-fontSizes-title-lg);
  line-height: var(--typography-lineHeights-title);
}
.typography-title-md {
  font-size: var(--typography-fontSizes-title-md);
  line-height: var(--typography-lineHeights-title);
}
.typography-title-sm {
  font-size: var(--typography-fontSizes-title-sm);
  line-height: var(--typography-lineHeights-title);
}
.typography-body-lg {
  font-size: var(--typography-fontSizes-body-lg);
  line-height: var(--typography-lineHeights-body);
}
.typography-body-md {
  font-size: var(--typography-fontSizes-body-md);
  line-height: var(--typography-lineHeights-body);
}
.typography-body-sm {
  font-size: var(--typography-fontSizes-body-sm);
  line-height: var(--typography-lineHeights-body);
}
.typography-label-lg {
  font-size: var(--typography-fontSizes-label-lg);
  line-height: var(--typography-lineHeights-label);
}
.typography-label-md {
  font-size: var(--typography-fontSizes-label-md);
  line-height: var(--typography-lineHeights-label);
}
.typography-label-sm {
  font-size: var(--typography-fontSizes-label-sm);
  line-height: var(--typography-lineHeights-label);
}
/* Variantes de peso */
.typography-weight-regular {
  font-weight: var(--typography-fontWeights-regular);
}
.typography-weight-medium {
  font-weight: var(--typography-fontWeights-medium);
}
.typography-weight-bold {
  font-weight: var(--typography-fontWeights-bold);
}

/* Importar las variables CSS de los tokens */
/**
 * Do not edit directly
 * Generated from design tokens
 */
:root {
  --colors-primary-50: #e6eceb;
  --colors-primary-100: #b0c4c2;
  --colors-primary-200: #8aa7a4;
  --colors-primary-400: #336661;
  --colors-primary-500: #004039;
  --colors-primary-600: #003a34;
  --colors-secondary-500: #ff8a5d;
  --colors-secondary-900: #6b3a27;
  --colors-tertiary-100: #f0e8da;
  --colors-tertiary-200: #e3d8c1;
  --colors-tertiary-500: #ffefda;
  --colors-neutral-100: #f5f5f5;
  --colors-neutral-200: #e5e5e5;
  --colors-neutral-300: #cccccc;
  --colors-neutral-400: #b3b3b3;
  --colors-neutral-500: #999999;
  --colors-neutral-600: #808080;
  --colors-neutral-700: #666666;
  --colors-neutral-800: #444444;
  --colors-neutral-900: #333333;
  --colors-neutral-900-alpha40: rgba(51, 51, 51, 0.4);
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-informative-50: #e6faf9;
  --colors-informative-100: #b0efec;
  --colors-informative-700: #00918a;
  --colors-success-50: #e8f8ef;
  --colors-success-700: #0e8343;
  --colors-warning-50: #fefae9;
  --colors-warning-100: #fbf1bb;
  --colors-warning-300: #f7e06d;
  --colors-warning-700: #ad941a;
  --colors-error-50: #fdeaea;
  --colors-error-100: #f8bfbf;
  --colors-error-300: #f07474;
  --colors-error-700: #a52222;
  --elevations-none: none;
  --elevations-sm-shadow1: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --elevations-sm-shadow2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --elevations-md-shadow1: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevations-md-shadow2: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --elevations-lg-shadow1: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevations-lg-shadow2: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --elevations-xl-shadow1: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevations-xl-shadow2: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layouts-devices-desktop-width: 1440px;
  --layouts-devices-desktop-height: 1024px;
  --layouts-devices-tablet-width: 744px;
  --layouts-devices-tablet-height: 1133px;
  --layouts-devices-mobile-width: 390px;
  --layouts-devices-mobile-height: 844px;
  --layouts-sidebar-width: 240px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 16px;
  --grid-desktop-margin: 88px;
  --grid-desktop-type: fluid;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-tablet-margin: 24px;
  --grid-tablet-type: stretch;
  --grid-mobile-columns: 4;
  --grid-mobile-gutter: 16px;
  --grid-mobile-margin: 16px;
  --grid-mobile-type: stretch;
  --grid-desktop-with-sidebar-content-max-width: 1200px;
  --grid-desktop-with-sidebar-columns: 8;
  --grid-desktop-with-sidebar-gutter: 16px;
  --grid-desktop-with-sidebar-margin: 24px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-full: 9999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --font-family-primary: Aeonik;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-36: 36px;
  --font-size-56: 56px;
  --font-line-height-16: 16px;
  --font-line-height-20: 20px;
  --font-line-height-24: 24px;
  --font-line-height-28: 28px;
  --font-line-height-32: 32px;
  --font-line-height-48: 48px;
  --font-line-height-73: 73px;
  --typography-headline-h1: [object Object];
  --typography-headline-h2: [object Object];
  --typography-title-lg: [object Object];
  --typography-title-md: [object Object];
  --typography-title-sm: [object Object];
  --typography-body-xl: [object Object];
  --typography-body-lg: [object Object];
  --typography-body-md-regular: [object Object];
  --typography-body-md-medium: [object Object];
  --typography-body-sm-regular: [object Object];
  --typography-body-sm-medium: [object Object];
  --typography-label-md-regular: [object Object];
  --typography-label-md-medium: [object Object];
  --typography-label-sm: [object Object];
  --icons-sizes-16: 16px;
  --icons-sizes-24: 24px;
  --icons-sizes-32: 32px;
  --icons-sizes-48: 48px;
  --icons-stroke-weight: 2px;
  --icons-styles-outlined: outlined;
  --icons-styles-filled: filled;
  --icons-source-web: Carbon;
  --icons-source-figma: IBM Carbon Icons;
  --icons-naming-pattern: icon-[library icon name];
  --logo-types-full: qida;
  --logo-types-symbol: q;
  --logo-types-footer: footer;
  --logo-sizes-sm-height: 24px;
  --logo-sizes-sm-width-full: 40px;
  --logo-sizes-sm-width-symbol: 24px;
  --logo-sizes-md-height: 40px;
  --logo-sizes-md-width-full: 80px;
  --logo-sizes-md-width-symbol: 40px;
  --logo-sizes-lg-height: 64px;
  --logo-sizes-lg-width-full: 160px;
  --logo-sizes-lg-width-symbol: 80px;
  --logo-sizes-lg-width-footer: 384px;
  --logo-colors-white: var(--color-base-white-value);
  --logo-colors-black: var(--color-base-black-value);
  --logo-colors-primary: var(--color-primary-900-value);
  --logo-padding-symbol-sm: 3px;
  --logo-padding-symbol-md: 5px;
  --logo-padding-symbol-lg: 10px;
  --logo-aspect-ratio-full: 2.5/1;
  --logo-aspect-ratio-symbol: 0.9/1;
  --logo-aspect-ratio-footer: 6/1;
  --button-base-borderRadius: var(--radius-lg);
  --button-base-minWidth: 96px;
  --button-base-gap: var(--space-8);
  --typography-fontFamily: Aeonik;
  --button-base-fontWeight: var(--typography-weight-medium);
  --button-base-textCase: lowercase;
  --button-base-padding-horizontal: var(--space-16);
  --button-base-textAlign: center;
  --button-base-verticalGroupSpacing: var(--space-16);
  --button-base-horizontalGroupSpacing: var(--space-16);
  --button-size-sm-height: 24px;
  --button-size-sm-padding-vertical: var(--space-8);
  --button-size-sm-fontSize: var(--typography-size-xs);
  --button-size-sm-lineHeight: 1;
  --button-size-sm-iconSize: 16px;
  --button-size-md-height: 40px;
  --button-size-md-padding-vertical: var(--space-8);
  --button-size-md-fontSize: var(--typography-size-sm);
  --button-size-md-lineHeight: 1.25;
  --button-size-md-iconSize: 24px;
  --button-size-lg-height: 48px;
  --button-size-lg-padding-vertical: var(--space-8);
  --button-size-lg-fontSize: var(--typography-size-sm);
  --button-size-lg-lineHeight: 1.25;
  --button-size-lg-iconSize: 24px;
  --button-variant-primary-background-enabled: var(--color-primary-900);
  --button-variant-primary-background-hovered: var(--color-slate-600);
  --button-variant-primary-background-pressed: var(--color-teal-950);
  --button-variant-primary-background-disabled: var(--color-gray-400);
  --button-variant-primary-text-enabled: var(--color-white);
  --button-variant-primary-text-hovered: var(--color-white);
  --button-variant-primary-text-pressed: var(--color-white);
  --button-variant-primary-text-disabled: var(--color-white);
  --button-variant-primary-icon-enabled: var(--color-white);
  --button-variant-primary-icon-hovered: var(--color-white);
  --button-variant-primary-icon-pressed: var(--color-white);
  --button-variant-primary-icon-disabled: var(--color-white);
  --button-variant-primary-border-enabled: none;
  --button-variant-primary-focused-outline-width: 4px;
  --button-variant-primary-focused-outline-offset: -2px;
  --button-variant-primary-focused-outline-color: var(--color-gray-400);
  --button-variant-secondary-background-enabled: transparent;
  --button-variant-secondary-background-hovered: var(--color-gray-200);
  --button-variant-secondary-background-pressed: var(--color-gray-400);
  --button-variant-secondary-background-disabled: transparent;
  --button-variant-secondary-text-enabled: var(--color-primary-900);
  --button-variant-secondary-text-hovered: var(--color-primary-900);
  --button-variant-secondary-text-pressed: var(--color-primary-900);
  --button-variant-secondary-text-disabled: var(--color-slate-600);
  --button-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-variant-secondary-border-enabled-width: 1px;
  --button-variant-secondary-border-enabled-color: var(--color-primary-900);
  --button-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-variant-secondary-focused-outline-width: 4px;
  --button-variant-secondary-focused-outline-offset: -4px;
  --button-variant-secondary-focused-outline-color: var(--color-gray-400);
  --button-variant-tertiary-background-enabled: transparent;
  --button-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-variant-tertiary-background-disabled: transparent;
  --button-variant-tertiary-text-enabled: var(--color-primary-900);
  --button-variant-tertiary-text-hovered: var(--color-primary-900);
  --button-variant-tertiary-text-pressed: var(--color-primary-900);
  --button-variant-tertiary-text-disabled: var(--color-slate-600);
  --button-variant-tertiary-icon-enabled: var(--color-primary-900);
  --button-variant-tertiary-icon-hovered: var(--color-primary-900);
  --button-variant-tertiary-icon-pressed: var(--color-primary-900);
  --button-variant-tertiary-icon-disabled: var(--color-slate-600);
  --button-variant-tertiary-border-enabled: none;
  --button-variant-tertiary-focused-outline-width: 4px;
  --button-variant-tertiary-focused-outline-offset: -2px;
  --button-variant-tertiary-focused-outline-color: var(--color-gray-400);
  --button-icon-position-left-paddingLeft: var(--space-16);
  --button-icon-position-left-paddingRight: var(--space-24);
  --button-icon-position-right-paddingLeft: var(--space-24);
  --button-icon-position-right-paddingRight: var(--space-16);
  --button-loading-iconPadding-sm: 2px;
  --button-loading-iconPadding-md: 3px;
  --button-loading-iconPadding-lg: 3px;
  --button-icon-base-borderRadius: var(--radius-lg);
  --button-icon-base-sizes-md-width: 40px;
  --button-icon-base-sizes-md-height: 40px;
  --button-icon-base-sizes-md-iconSize: 24px;
  --button-icon-base-sizes-md-padding: var(--space-6);
  --button-icon-base-sizes-lg-width: 48px;
  --button-icon-base-sizes-lg-height: 48px;
  --button-icon-base-sizes-lg-iconSize: 24px;
  --button-icon-base-sizes-lg-padding: var(--space-6);
  --button-icon-variant-primary-background-enabled: var(--color-primary-900);
  --button-icon-variant-primary-background-hovered: var(--color-slate-600);
  --button-icon-variant-primary-background-pressed: var(--color-teal-950);
  --button-icon-variant-primary-background-disabled: var(--color-gray-400);
  --button-icon-variant-primary-icon-enabled: var(--color-white);
  --button-icon-variant-primary-icon-hovered: var(--color-white);
  --button-icon-variant-primary-icon-pressed: var(--color-white);
  --button-icon-variant-primary-icon-disabled: var(--color-white);
  --button-icon-variant-secondary-background-enabled: transparent;
  --button-icon-variant-secondary-background-hovered: var(--color-gray-200);
  --button-icon-variant-secondary-background-pressed: var(--color-gray-400);
  --button-icon-variant-secondary-background-disabled: transparent;
  --button-icon-variant-secondary-icon-enabled: var(--color-primary-900);
  --button-icon-variant-secondary-icon-hovered: var(--color-primary-900);
  --button-icon-variant-secondary-icon-pressed: var(--color-primary-900);
  --button-icon-variant-secondary-icon-disabled: var(--color-slate-600);
  --button-icon-variant-secondary-border-enabled-width: 1px;
  --button-icon-variant-secondary-border-enabled-color: var(
    --color-primary-900
  );
  --button-icon-variant-secondary-border-disabled-color: var(--color-gray-400);
  --button-icon-variant-tertiary-background-enabled: transparent;
  --button-icon-variant-tertiary-background-hovered: var(--color-gray-200);
  --button-icon-variant-tertiary-background-pressed: var(--color-gray-400);
  --button-icon-variant-tertiary-background-disabled: transparent;
  --button-icon-variant-tertiary-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tertiary-icon-disabled: var(--color-stone-500);
  --button-icon-variant-tonal-background-enabled: var(--color-neutral-100);
  --button-icon-variant-tonal-background-hovered: var(--color-neutral-200);
  --button-icon-variant-tonal-background-pressed: var(--color-stone-300);
  --button-icon-variant-tonal-background-disabled: var(--color-neutral-100);
  --button-icon-variant-tonal-icon-enabled: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-hovered: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-pressed: var(--color-zinc-800);
  --button-icon-variant-tonal-icon-disabled: var(--color-stone-500);
  --button-fab-base-background-enabled: var(--color-primary-900);
  --button-fab-base-background-hovered: var(--color-slate-600);
  --button-fab-base-background-pressed: var(--color-teal-950);
  --button-fab-base-background-disabled: var(--color-gray-400);
  --button-fab-base-icon-color: var(--color-white);
  --button-fab-base-icon-size: 24px;
  --button-fab-base-shadow: var(--elevation-lg);
  --button-fab-base-sizes-sm-width: 40px;
  --button-fab-base-sizes-sm-height: 40px;
  --button-fab-base-sizes-sm-borderRadius: var(--radius-lg);
  --button-fab-base-sizes-sm-padding: var(--space-10);
  --button-fab-base-sizes-md-width: 56px;
  --button-fab-base-sizes-md-height: 56px;
  --button-fab-base-sizes-md-borderRadius: var(--radius-2xl);
  --button-fab-base-sizes-md-padding: var(--space-10);
  --button-fab-base-position: bottom-right;
  --accordion-base-padding: var(--space-16);
  --accordion-base-borderRadius: var(--radius-sm);
  --accordion-base-gap: var(--space-8);
  --accordion-base-label-typography: var(--typography-title-sm);
  --accordion-base-label-color: var(--color-neutral-800);
  --accordion-base-icon-size: 24px;
  --accordion-base-icon-color: var(--color-neutral-800);
  --accordion-state-closed-indicator-rotation: 0deg;
  --accordion-state-closed-content-display: none;
  --accordion-state-opened-indicator-rotation: 180deg;
  --accordion-state-opened-content-display: block;
  --accordion-state-opened-content-padding: var(--space-16) var(--space-16)
    var(--space-16) var(--space-16);
  --accordion-responsive-desktop-width: 100%;
  --accordion-responsive-desktop-maxWidth: 824px;
  --accordion-responsive-mobile-width: 100%;
  --accordion-responsive-mobile-maxWidth: 100%;
  --accordion-accessibility-focusRing: 2px solid var(--color-primary-500);
  --avatars-sizes-sm: 24px;
  --avatars-sizes-md: 32px;
  --avatars-sizes-lg: 48px;
  --avatars-types-icon: Icon Representation;
  --avatars-types-image: Image Representation;
  --avatars-types-text: Text Representation;
  --avatars-borderRadius: var(--radius-full);
  --alert-toast-base-padding: var(--space-16);
  --alert-toast-base-borderRadius: var(--radius-sm);
  --alert-toast-base-gap: var(--space-8);
  --alert-toast-base-text-color: var(--color-neutral-800);
  --alert-toast-base-text-typography: var(--typography-body-md-regular);
  --alert-toast-base-icon-size: 24px;
  --alert-toast-base-icon-padding: 1px;
  --alert-toast-base-shadow: [object Object];
  --alert-toast-base-position: bottom-right;
  --alert-toast-base-maxWidth: 320px;
  --alert-toast-base-zIndex: 1000;
  --alert-toast-base-duration: 5000ms;
  --alert-toast-base-animation-entry: slide-in-right 0.3s ease-out;
  --alert-toast-base-animation-exit: fade-out 0.3s ease-in;
  --alert-toast-type-informative-background: var(--color-primary-50);
  --alert-toast-type-informative-icon-color: var(--color-informative-600);
  --alert-toast-type-success-background: var(--color-primary-50);
  --alert-toast-type-success-icon-color: var(--color-success-700);
  --alert-toast-type-warning-background: var(--color-warning-50);
  --alert-toast-type-warning-icon-color: var(--color-warning-600);
  --alert-toast-type-error-background: var(--color-error-100);
  --alert-toast-type-error-icon-color: var(--color-error-800);
  --alert-toast-stacking-gap: var(--space-8);
  --alert-toast-stacking-maxCount: 3;
  --alert-toast-accessibility-role: status;
  --alert-toast-accessibility-liveRegion: polite;
  --alert-toast-accessibility-minDuration: 5000ms;
  --badges-sizes-sm: 12px;
  --badges-sizes-md: 16px;
  --badges-sizes-lg: 24px;
  --badges-types-badge: Standard Badge;
  --badges-types-badge-icon: Badge with Icon;
  --badges-borderRadius: var(--radius-full);
  --badges-padding: var(--spacing-8) var(--spacing-12);
  --badges-background: var(--colors-primary-500);
  --badges-text: var(--colors-base-white);
  --breadcrumb-styles-desktop-maxLevels: 3;
  --breadcrumb-styles-desktop-truncation: true;
  --breadcrumb-styles-desktop-color: var(--colors-neutral-900);
  --breadcrumb-styles-desktop-separatorColor: var(--colors-neutral-700);
  --breadcrumb-styles-desktop-fontSize: var(--typography-fontSizes-title-md);
  --breadcrumb-styles-mobile-maxLevels: 1;
  --breadcrumb-styles-mobile-backNavigation: true;
  --breadcrumb-styles-mobile-color: var(--colors-neutral-900);
  --breadcrumb-styles-mobile-fontSize: var(--typography-fontSizes-title-sm);
  --breadcrumb-padding: var(--spacing-8);
  --breadcrumb-margin: var(--spacing-12);
  --cards-variants-default-background: var(--colors-base-white);
  --cards-variants-default-border: var(--colors-neutral-200);
  --cards-variants-default-shadow: var(--elevations-sm);
  --cards-variants-default-borderRadius: 8px;
  --cards-variants-default-padding: 24px;
  --cards-variants-elevated-background: var(--colors-base-white);
  --cards-variants-elevated-border: none;
  --cards-variants-elevated-shadow: var(--elevations-lg);
  --cards-variants-elevated-borderRadius: 12px;
  --cards-variants-elevated-padding: 24px;
  --cards-variants-outlined-background: var(--colors-base-white);
  --cards-variants-outlined-border: var(--colors-primary-200);
  --cards-variants-outlined-shadow: none;
  --cards-variants-outlined-borderRadius: 8px;
  --cards-variants-outlined-padding: 24px;
  --cards-variants-info-background: var(--colors-informative-50);
  --cards-variants-info-border: var(--colors-informative-100);
  --cards-variants-info-shadow: none;
  --cards-variants-info-borderRadius: 8px;
  --cards-variants-info-padding: 16px;
  --cards-variants-info-iconColor: var(--colors-informative-500);
  --cards-variants-vcx-background: var(--colors-base-white);
  --cards-variants-vcx-border: var(--colors-primary-100);
  --cards-variants-vcx-shadow: var(--elevations-sm);
  --cards-variants-vcx-borderRadius: 12px;
  --cards-variants-vcx-padding: 24px;
  --cards-variants-vcx-accentColor: var(--colors-primary-500);
  --cards-header-padding: 0 0 16px 0;
  --cards-header-fontSize: 18px;
  --cards-header-fontWeight: 600;
  --cards-content-padding: 0;
  --cards-content-fontSize: 14px;
  --cards-content-lineHeight: 1.5;
  --cards-content-color: var(--colors-neutral-700);
  --cards-footer-padding: 24px 0 0 0;
  --cards-footer-borderTop: none;
  --cards-footer-gap: 16px;
  --cards-cta-primary-background: var(--colors-primary-500);
  --cards-cta-primary-color: var(--colors-base-white);
  --cards-cta-primary-borderRadius: 6px;
  --cards-cta-primary-padding: 10px 20px;
  --cards-cta-primary-fontSize: 14px;
  --cards-cta-secondary-background: transparent;
  --cards-cta-secondary-color: var(--colors-primary-500);
  --cards-cta-secondary-borderRadius: 6px;
  --cards-cta-secondary-padding: 10px 20px;
  --cards-cta-secondary-fontSize: 14px;
  --cards-layout-horizontal-displayType: flex;
  --cards-layout-horizontal-gap: 20px;
  --cards-layout-vertical-displayType: block;
  --cards-layout-vertical-gap: 16px;
  --charts-colors-primary: var(--colors-primary-500);
  --charts-colors-secondary: var(--colors-secondary-500);
  --charts-colors-tertiary: var(--colors-tertiary-500);
  --charts-colors-palette-color1: #2c8970;
  --charts-colors-palette-color2: #fa541c;
  --charts-colors-palette-color3: #b7a673;
  --charts-colors-palette-color4: #1890ff;
  --charts-colors-palette-color5: #52c41a;
  --charts-colors-palette-color6: #722ed1;
  --charts-colors-palette-color7: #eb2f96;
  --charts-colors-palette-color8: #faad14;
  --charts-typography-title-fontSize: 18px;
  --charts-typography-title-fontWeight: 600;
  --charts-typography-title-color: var(--colors-neutral-900);
  --charts-typography-subtitle-fontSize: 14px;
  --charts-typography-subtitle-fontWeight: 400;
  --charts-typography-subtitle-color: var(--colors-neutral-700);
  --charts-typography-axis-fontSize: 12px;
  --charts-typography-axis-fontWeight: 400;
  --charts-typography-axis-color: var(--colors-neutral-600);
  --charts-typography-label-fontSize: 12px;
  --charts-typography-label-fontWeight: 500;
  --charts-typography-label-color: var(--colors-neutral-800);
  --charts-typography-tooltip-fontSize: 12px;
  --charts-typography-tooltip-fontWeight: 400;
  --charts-typography-tooltip-color: var(--colors-base-white);
  --charts-grid-line-color: var(--colors-neutral-200);
  --charts-grid-line-width: 1px;
  --charts-grid-line-style: dashed;
  --charts-axis-line-color: var(--colors-neutral-300);
  --charts-axis-line-width: 1px;
  --charts-axis-tick-length: 5px;
  --charts-axis-tick-color: var(--colors-neutral-300);
  --charts-legend-background: var(--colors-base-white);
  --charts-legend-border-color: var(--colors-neutral-200);
  --charts-legend-border-width: 1px;
  --charts-legend-border-radius: 4px;
  --charts-legend-padding: 8px 12px;
  --charts-tooltip-background: rgba(0, 0, 0, 0.75);
  --charts-tooltip-border-radius: 4px;
  --charts-tooltip-padding: 8px 12px;
  --charts-tooltip-shadow: var(--elevations-md);
  --charts-types-bar-width: 12px;
  --charts-types-bar-gap: 4px;
  --charts-types-bar-radius: 2px;
  --charts-types-line-width: 2px;
  --charts-types-line-point-size: 6px;
  --charts-types-line-point-hoverSize: 8px;
  --charts-types-area-opacity: 0.5;
  --charts-types-pie-innerRadius: 0;
  --charts-types-pie-donutRadius: 70%;
  --charts-types-pie-padding: 10px;
  --charts-circular-sizes-sm-diameter: 64px;
  --charts-circular-sizes-sm-thickness: 8px;
  --charts-circular-sizes-sm-fontSize: 16px;
  --charts-circular-sizes-sm-fontWeight: 600;
  --charts-circular-sizes-md-diameter: 80px;
  --charts-circular-sizes-md-thickness: 10px;
  --charts-circular-sizes-md-fontSize: 18px;
  --charts-circular-sizes-md-fontWeight: 600;
  --charts-circular-variants-primary-fillColor: var(--colors-primary-500);
  --charts-circular-variants-primary-backgroundColor: var(--colors-primary-100);
  --charts-circular-variants-primary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-secondary-fillColor: var(--colors-secondary-500);
  --charts-circular-variants-secondary-backgroundColor: var(
    --colors-secondary-100
  );
  --charts-circular-variants-secondary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-tertiary-fillColor: var(--colors-tertiary-500);
  --charts-circular-variants-tertiary-backgroundColor: var(
    --colors-tertiary-100
  );
  --charts-circular-variants-tertiary-textColor: var(--colors-neutral-800);
  --charts-circular-variants-success-fillColor: var(--colors-success-500);
  --charts-circular-variants-success-backgroundColor: var(--colors-success-50);
  --charts-circular-variants-success-textColor: var(--colors-neutral-800);
  --charts-circular-variants-info-fillColor: var(--colors-informative-500);
  --charts-circular-variants-info-backgroundColor: var(--colors-informative-50);
  --charts-circular-variants-info-textColor: var(--colors-neutral-800);
  --checkbox-sizes-sm-size: 16px;
  --checkbox-sizes-sm-borderRadius: 2px;
  --checkbox-sizes-sm-fontSize: 14px;
  --checkbox-sizes-md-size: 20px;
  --checkbox-sizes-md-borderRadius: 3px;
  --checkbox-sizes-md-fontSize: 16px;
  --checkbox-states-default-border: var(--colors-neutral-400);
  --checkbox-states-default-background: transparent;
  --checkbox-states-default-labelColor: var(--colors-neutral-800);
  --checkbox-states-hover-border: var(--colors-primary-400);
  --checkbox-states-hover-background: transparent;
  --checkbox-states-hover-labelColor: var(--colors-neutral-900);
  --checkbox-states-focus-border: var(--colors-primary-500);
  --checkbox-states-focus-background: var(--colors-primary-50);
  --checkbox-states-focus-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-border: var(--colors-primary-500);
  --checkbox-states-checked-background: var(--colors-primary-500);
  --checkbox-states-checked-labelColor: var(--colors-neutral-800);
  --checkbox-states-checked-icon: var(--colors-base-white);
  --checkbox-states-disabled-border: var(--colors-neutral-300);
  --checkbox-states-disabled-background: var(--colors-neutral-200);
  --checkbox-states-disabled-labelColor: var(--colors-neutral-500);
  --checkbox-states-disabled-icon: var(--colors-neutral-500);
  --checkbox-states-error-border: var(--colors-error-500);
  --checkbox-states-error-background: var(--colors-error-50);
  --checkbox-states-error-labelColor: var(--colors-neutral-800);
  --checkbox-states-error-icon: var(--colors-error-500);
  --checkbox-spacing-labelGap: 8px;
  --checkbox-spacing-marginBottom: 12px;
  --radio-sizes-sm-size: 16px;
  --radio-sizes-sm-innerSize: 8px;
  --radio-sizes-sm-fontSize: 14px;
  --radio-sizes-md-size: 20px;
  --radio-sizes-md-innerSize: 10px;
  --radio-sizes-md-fontSize: 16px;
  --radio-states-default-border: var(--colors-neutral-400);
  --radio-states-default-background: transparent;
  --radio-states-default-labelColor: var(--colors-neutral-800);
  --radio-states-hover-border: var(--colors-primary-400);
  --radio-states-hover-background: transparent;
  --radio-states-hover-labelColor: var(--colors-neutral-900);
  --radio-states-focus-border: var(--colors-primary-500);
  --radio-states-focus-background: var(--colors-primary-50);
  --radio-states-focus-labelColor: var(--colors-neutral-800);
  --radio-states-checked-border: var(--colors-primary-500);
  --radio-states-checked-background: var(--colors-base-white);
  --radio-states-checked-dot: var(--colors-primary-500);
  --radio-states-checked-labelColor: var(--colors-neutral-800);
  --radio-states-disabled-border: var(--colors-neutral-300);
  --radio-states-disabled-background: var(--colors-neutral-200);
  --radio-states-disabled-dot: var(--colors-neutral-500);
  --radio-states-disabled-labelColor: var(--colors-neutral-500);
  --radio-states-error-border: var(--colors-error-500);
  --radio-states-error-background: var(--colors-error-50);
  --radio-states-error-dot: var(--colors-error-500);
  --radio-states-error-labelColor: var(--colors-neutral-800);
  --radio-spacing-labelGap: 8px;
  --radio-spacing-marginBottom: 12px;
  --alert-sticky-base-padding: var(--space-16);
  --alert-sticky-base-borderRadius: var(--radius-sm);
  --alert-sticky-base-gap: var(--space-16);
  --alert-sticky-base-text-color: var(--color-neutral-800);
  --alert-sticky-base-text-typography: var(--typography-body-md-regular);
  --alert-sticky-base-text-mixBlendMode: multiply;
  --alert-sticky-base-icon-size: 24px;
  --alert-sticky-base-icon-padding: 1px;
  --alert-sticky-base-closeButton-size: 24px;
  --alert-sticky-base-closeButton-padding: 6px;
  --alert-sticky-base-closeButton-iconColor: var(--color-neutral-800);
  --alert-sticky-base-shadow: [object Object], [object Object];
  --alert-sticky-type-informative-background: var(--color-primary-50);
  --alert-sticky-type-informative-icon-color: var(--color-informative-600);
  --alert-sticky-type-success-background: var(--color-primary-50);
  --alert-sticky-type-success-icon-color: var(--color-success-700);
  --alert-sticky-type-warning-background: var(--color-warning-50);
  --alert-sticky-type-warning-icon-color: var(--color-warning-600);
  --alert-sticky-type-error-background: var(--color-error-100);
  --alert-sticky-type-error-icon-color: var(--color-error-800);
  --alert-sticky-link-color: var(--color-primary-900);
  --alert-sticky-link-typography: var(--typography-body-md-regular);
  --alert-sticky-link-textDecoration: underline;
  --alert-sticky-link-gap: var(--space-8);
  --alert-sticky-link-icon-size: 16px;
  --alert-sticky-link-icon-color: var(--color-primary-900);
  --alert-sticky-responsive-desktop-width: 100%;
  --alert-sticky-responsive-desktop-maxWidth: 720px;
  --alert-sticky-responsive-desktop-layout-singleLine: flex;
  --alert-sticky-responsive-mobile-width: 100%;
  --alert-sticky-responsive-mobile-maxWidth: 384px;
  --alert-sticky-accessibility-role: alert;
  --alert-sticky-accessibility-liveRegion: assertive;
}
/* Importar las fuentes */
/* Fuentes del sistema como alternativa a Aeonik */
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Text'), local('Helvetica Neue'), local('Helvetica'),
    local('Arial'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Text Medium'), local('Helvetica Neue Medium'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
@font-face {
  font-family: 'Aeonik';
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Text Bold'), local('Helvetica Neue Bold'),
    local('Helvetica Bold'), local('Arial Bold'), local('sans-serif');
}
.qida-input-dropdown {
  position: relative;
  width: 100%;
  font-family: var(--font-family-primary);
  color: var(--colors-neutral-900);
  font-weight: 400;
}
.qida-input-dropdown button {
  background-color: var(--colors-base-white);
  border: 1px solid var(--colors-neutral-200) !important;
  box-shadow: none;
  color: var(--colors-neutral-900);
}
.qida-input-dropdown button:hover {
  background: transparent !important;
  border-color: var(--colors-neutral-500) !important;
}
.qida-input-dropdown button:focus {
  outline: 4px solid var(--colors-primary-200) !important;
  outline-offset: -4px;
}
.qida-input-dropdown.border-danger button {
  border-color: var(--colors-error-700) !important;
}
.qida-input-dropdown--md button {
  height: 48px;
  border-radius: 8px;
  font-size: var(--font-size-14);
  line-height: var(--font-line-height-20);
}
.qida-input-dropdown svg {
  width: 24px;
  height: 24px;
  color: var(--colors-neutral-900);
}
.qida-input-dropdown [data-slot="helperWrapper"] {
  margin-left: 16px;
}
.qida-input-dropdown [data-slot="error-message"] {
  color: var(--colors-error-700) !important;
  font-size: var(--font-size-15);
  line-height: var(--font-line-height-20);
  font-weight: 500;
}
.qida-input-dropdown-popover {
  background-color: var(--colors-base-white);
  border-radius: 8px;
  padding: 4px 8px;
  box-shadow: 0px 2px 4px -1px #0000000F, 0px 4px 6px -1px #0000001A;
}
.qida-input-dropdown-popover [data-slot="listbox"] {
  padding: 0;
  gap: 0 !important;
}
.qida-input-dropdown-popover ul li {
  padding: 0 16px;
  border-radius: 0;
  height: 40px;
  display: flex;
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--colors-neutral-200) !important;

}
.qida-input-dropdown-popover ul li:last-child {
  border-bottom: none !important;
}
.qida-input-dropdown-popover ul li:hover, .qida-input-dropdown-popover ul li:focus {
  background: transparent !important;
} 
.preview {margin-bottom: 2rem;display: flex;height: 850px;gap: 1.5rem
}.preview__list-box {width: 50%;padding: 1.5rem
}.preview__pdf-box {width: 70%;background-color: var(--primary-color);padding: 1.5rem
}.preview__pdf-container {height: -webkit-fill-available;width: 100%
}
.generic-profile {display: flex;justify-content: space-between;gap: 2rem
}.generic-profile__user-info {width: 58.333333%
}.generic-profile__title {margin-bottom: 1.25rem;font-size: 1.25rem;line-height: 1.75rem;font-weight: 500;color: var(--primary-color)
}.generic-profile__user-actions {display: flex;width: 41.666667%;flex-direction: column
}
.address-block {display: flex;flex-direction: column;gap: 0.5rem
}.address-block__paragraph {display: flex;flex-direction: column;gap: 0.5rem
}
.care-user-profile {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}
@media (min-width: 768px) {
  .wr-header-title {
    display: none !important;
  }
}

#preview-av-video {
  margin-top: 180px !important;
}

.preview-video.waiting-room-preview {
  margin-top: 180px !important;
}

.role-0 #participant,
.role-0 #react,
.role-0 #share,
.role-0 #hosttools,
.role-0 #zoom-meetingsdk-logo,
.role-0 .zoom-workplace-logo,
.role-0 .footer-AIC-button,
.role-0 .full-screen-icon,
.role-0 .meeting-info-container__full-screen,
.role-0 .footer__leave-btn-container {
  display: none !important;
}

button[aria-label='End'] {
  display: none !important;
}

.title-override {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 16px;
}

.meeting-control-bar__btn[aria-label='Breakout Rooms'] {
  display: none;
}

.wr-default-bg.wr-bg-full-screen {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 300px;
  max-height: 150px;
  margin: 0 auto;
  display: block;
}

.wr-bg-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.wr-topic {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 16px;
  color: #333 !important;
  font-family: 'Aeonik', sans-serif !important;
}

@media (min-width: 501px) and (max-width: 1660px) {
  .waiting-room-preview {
    left: 0 !important;
    right: 0;
    top: 100px !important;
    margin: 0 auto;
  }
  .wr-default-bg {
    display: none !important;
  }
}

@media (min-width: 1661px) {
  .waiting-room-preview {
    left: 0 !important;
    right: 0;
    top: 100px !important;
    margin: 0 auto;
  }
  .wr-default-bg {
    display: none !important;
  }
}

@media (max-width: 500px) {
  .waiting-room-preview {
    left: 0 !important;
    right: 0;
    top: 80px !important;
    margin: 0 auto;
  }
  .wr-default-bg {
    padding-top: 64px !important;
    width: 160px !important;
  }
}

.page-footer,
.wd-schedule-date,
.wd-schedule-time,
.leave-btn,
.wr-information {
  font-family: 'Aeonik', sans-serif !important;
}

.ReactModal__Content.ReactModal__Content--after-open:has(.zm-modal.allow-permission-prompt-container),
.ReactModal__Content.ReactModal__Content--after-open .zm-modal.allow-permission-prompt-container {
  display: none !important;
}

.ReactModal__Overlay.ReactModal__Overlay--after-open:has(.zm-modal.allow-permission-prompt-container) {
  display: none !important;
}

/*# sourceMappingURL=main.d001a528fe74eb0f.css.map*/